/* ==========================================================================
   Hala – main stylesheet
   Arabic-first, RTL. Logical properties (inline-start/end) so the same rules
   work for the EN/FR versions in phase 4.
   ========================================================================== */

/* Fonts: Noto Kufi Arabic, self-hosted (SIL OFL, see assets/fonts/OFL.txt). */
@font-face{font-family:"Noto Kufi Arabic";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/noto-kufi-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Noto Kufi Arabic";font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/noto-kufi-arabic-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Noto Kufi Arabic";font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/noto-kufi-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Noto Kufi Arabic";font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/noto-kufi-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Noto Kufi Arabic";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/noto-kufi-arabic-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Kufi Arabic";font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/noto-kufi-arabic-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Kufi Arabic";font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/noto-kufi-arabic-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Kufi Arabic";font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/noto-kufi-arabic-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* --------------------------------------------------------------------------
   Tokens
   -------------------------------------------------------------------------- */
:root{
	--hc-dark:#101318;
	--hc-dark-2:#2a2f38;
	--hc-red:#bc1b21;
	--hc-red-dark:#8f1419;
	--hc-red-deep:#6e1014;
	--hc-pink:#fbeeee;
	--hc-surface:#f5f4f2;
	--hc-ink:#15171c;
	--hc-ink-2:#3d424c;
	--hc-ink-3:#4a505b;
	--hc-muted:#5b616e;
	--hc-line:#e4e6ea;
	--hc-line-2:#c9cdd4;
	--hc-ph:#dfe2e7;
	--hc-on-dark:#d9dce2;
	--hc-on-dark-2:#9aa0aa;
	--hc-bg:#fff;

	--hc-font:"Noto Kufi Arabic",system-ui,"Segoe UI",Tahoma,sans-serif;
	--hc-wrap:1280px;
	--hc-gutter:24px;
	--hc-radius:8px;
	--hc-radius-lg:12px;
}

/* --------------------------------------------------------------------------
   Base
   -------------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--hc-bg,#fff);color:var(--hc-ink);font-family:var(--hc-font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img,svg,video,iframe{max-width:100%}
img{height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--hc-red-dark)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--hc-red);outline-offset:2px}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.45}
p{margin:0}
ul,ol{margin:0;padding:0}
button,input{font:inherit;color:inherit}
[hidden]{display:none !important}

.screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hc-skip{position:absolute;inset-inline-start:16px;top:-60px;z-index:100;background:var(--hc-ink);color:#fff;padding:10px 16px;border-radius:var(--hc-radius)}
.hc-skip:focus{top:12px;color:#fff}

.hc-wrap{max-width:var(--hc-wrap);margin-inline:auto;padding-inline:var(--hc-gutter)}
.hc-main{display:block;min-height:50vh}
.hc-empty{padding:40px 0;color:var(--hc-muted)}

.hc-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4d4f;flex:0 0 auto;animation:hc-pulse 1.4s infinite}
@keyframes hc-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.hc-pulse{animation:none}}

.hc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border:0;border-radius:var(--hc-radius);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.hc-btn--dark{background:var(--hc-ink);color:#fff}
.hc-btn--dark:hover{background:#000;color:#fff}
.hc-btn--accent{background:var(--hc-red);color:#fff}
.hc-btn--accent:hover{background:var(--hc-red-dark);color:#fff}
.hc-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d5d8de;border-radius:var(--hc-radius);background:var(--hc-bg,#fff);color:var(--hc-ink);cursor:pointer}
.hc-iconbtn:hover{border-color:var(--hc-ink)}

.hc-more{font-size:14px;font-weight:600;color:var(--hc-red-dark)}
.hc-more::after{content:" ←"}
[dir="ltr"] .hc-more::after{content:" →"}

/* --------------------------------------------------------------------------
   Utility bar
   -------------------------------------------------------------------------- */
.hc-utility{background:var(--hc-dark);color:var(--hc-on-dark);font-size:13px}
.hc-utility__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding-block:6px}
.hc-utility__links{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.hc-utility a{color:var(--hc-on-dark)}
.hc-utility a:hover{color:#fff}
.hc-live{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#fff !important}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.hc-header{border-bottom:1px solid var(--hc-line);background:var(--hc-bg,#fff)}
.hc-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px}
.hc-menu-toggle{display:none}
.hc-brand{margin:0;font-size:inherit;line-height:1}
.hc-brand__link{display:flex;flex-direction:column;align-items:center;gap:6px}
.hc-brand__link:hover{color:inherit}
.hc-brand picture{display:block}
.hc-brand__logo{display:block;width:auto;height:72px}
.hc-brand__tagline{font-size:14px;font-weight:600;line-height:1.3;color:var(--hc-red-dark);white-space:nowrap}
.hc-header__ad{flex:0 1 728px;min-width:0;display:flex;justify-content:center}
.hc-header__ad .hc-ad{margin:0}
.hc-header__actions{display:flex;align-items:center;gap:10px}

.hc-search{background:var(--hc-surface);border-top:1px solid var(--hc-line);padding-block:16px}
.hc-searchform{display:flex;gap:8px;max-width:640px}
.hc-searchform__input{flex:1 1 auto;min-width:0;height:44px;border:1px solid var(--hc-line-2);border-radius:var(--hc-radius);padding:0 14px;background:var(--hc-bg,#fff);font-size:15px}

/* --------------------------------------------------------------------------
   Section navigation
   -------------------------------------------------------------------------- */
.hc-nav{background:var(--hc-bg,#fff);border-bottom:3px solid var(--hc-red)}
.hc-nav__list{list-style:none;display:flex;flex-wrap:wrap;gap:4px;font-weight:600;font-size:15px}
.hc-nav__list a{display:block;padding:14px 12px;margin-bottom:-3px;border-bottom:3px solid transparent}
.hc-nav__list .current-menu-item>a,
.hc-nav__list .current-menu-ancestor>a,
.hc-nav__list .current-post-ancestor>a,
.hc-nav__list a:hover{color:var(--hc-red);border-bottom-color:var(--hc-red)}

/* Dropdowns: «اخبار كندا» (cities) and «الأقسام» (all sections + services) */
.hc-nav .hc-wrap{position:relative}
.hc-nav__list>li{position:relative;display:flex;align-items:center}
.hc-nav__label{display:flex;align-items:center;gap:4px;padding:14px 12px;margin-bottom:-3px;border:0;border-bottom:3px solid transparent;background:none;font:inherit;font-weight:600;color:inherit;cursor:pointer}
.hc-nav__label:hover,.hc-nav__has-sub.current-menu-item>.hc-nav__label{color:var(--hc-red);border-bottom-color:var(--hc-red)}
.hc-nav__has-sub>a{padding-inline-end:4px !important}
.hc-nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:30px;padding:0;margin-inline-end:6px;border:0;border-radius:4px;background:none;color:inherit;cursor:pointer}
.hc-nav__toggle:hover{color:var(--hc-red)}
@media (min-width:769px){.hc-nav__list{gap:0;font-size:14px}.hc-nav__list>li>a{padding-inline:8px}.hc-nav__toggle{margin-inline-end:2px;width:18px}}
@media (min-width:769px) and (max-width:1240px){.hc-nav__list{font-size:12.5px}.hc-nav__list>li>a{padding-inline:4px}.hc-nav__toggle{width:12px;margin-inline-end:0}}
@media (min-width:769px) and (max-width:1080px){.hc-nav__list{font-size:11.5px}.hc-nav__list>li>a{padding-inline:3px}}
.hc-nav__elections.is-live>a::before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:5px;border-radius:50%;background:#e23b40;vertical-align:1px;animation:hc-pulse 1.4s infinite}
@media (prefers-reduced-motion:reduce){.hc-nav__elections.is-live>a::before{animation:none}}
.hc-nav__toggle .hc-icon,.hc-nav__label .hc-icon{transition:transform .15s ease}
.hc-nav__has-sub.is-open .hc-nav__toggle .hc-icon,.hc-nav__has-sub.is-open .hc-nav__label .hc-icon{transform:rotate(180deg)}
.hc-nav__sub{display:none;position:absolute;z-index:70;top:100%;inset-inline-start:0;min-width:240px;padding:14px;background:var(--hc-bg,#fff);border:1px solid var(--hc-line);border-top:3px solid var(--hc-red);border-radius:0 0 var(--hc-radius) var(--hc-radius);box-shadow:0 14px 30px rgba(16,19,24,.14);font-size:14.5px}
.hc-nav__has-sub.is-open>.hc-nav__sub{display:flex}
.hc-nav__sub--mega{gap:28px;min-width:min(620px,90vw)}
.hc-nav__subcol{display:flex;flex-direction:column;gap:6px;min-width:180px}
.hc-nav__subcol--wide{flex:1 1 auto}
.hc-nav__subtitle{font-size:12px;font-weight:600;color:var(--hc-muted);padding-inline:10px}
.hc-nav__sub ul{list-style:none;margin:0;padding:0}
.hc-nav__cols{columns:2;column-gap:12px}
.hc-nav__sub li{break-inside:avoid}
.hc-nav__list .hc-nav__sub a{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:0;border:0;border-radius:6px;background:none;font-weight:500;white-space:nowrap;color:var(--hc-ink)}
.hc-nav__list .hc-nav__sub a:hover,.hc-nav__list .hc-nav__sub .current-menu-item>a{background:var(--hc-surface);color:var(--hc-red)}
.hc-nav__sub .hc-icon{color:var(--hc-red);flex:0 0 auto}
@media (hover:hover) and (min-width:769px){
	.hc-nav__has-sub:hover>.hc-nav__sub,.hc-nav__has-sub:focus-within>.hc-nav__sub{display:flex}
}
.hc-nav__app{display:none}

/* App download badges */
.hc-badges{display:flex;flex-wrap:wrap;gap:10px}
.hc-badge{display:inline-flex;align-items:center;gap:10px;height:48px;min-width:158px;padding:0 14px;border:1px solid #3a3f48;border-radius:10px;background:#000;color:#fff}
.hc-badge:hover{background:#1d2128;color:#fff}
.hc-badge .hc-icon{flex:0 0 auto}
.hc-badge--android .hc-icon{color:#3ddc84}
.hc-badge__text{display:flex;flex-direction:column;line-height:1.2;text-align:start}
.hc-badge__text small{font-size:11px;font-weight:500;opacity:.85}
.hc-badge__text span{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;font-weight:600;letter-spacing:.2px}
.hc-utility__app{display:inline-flex;align-items:center;gap:6px}
.hc-badges--mini{gap:4px}
.hc-appmini{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--hc-dark-2);color:#fff !important}
.hc-appmini:hover{background:var(--hc-red)}
.hc-appband{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border:1px solid var(--hc-line);border-radius:var(--hc-radius-lg);background:var(--hc-surface)}
.hc-appband__text{display:flex;flex-direction:column;gap:4px}
.hc-appband__text strong{font-size:19px}
.hc-appband__text span{font-size:14px;color:var(--hc-ink-3)}
.hc-footer__title--app{margin-top:14px}

/* --------------------------------------------------------------------------
   Ads (placeholders until phase 3)
   -------------------------------------------------------------------------- */
.hc-ad{display:flex;align-items:center;justify-content:center;max-width:100%;margin-inline:auto;overflow:hidden}
.hc-ad__ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px dashed #b9bec7;border-radius:6px;background:var(--hc-surface,#f5f6f8);color:var(--hc-muted);font-size:13px;text-align:center;padding:8px}
.hc-ad--728x90{width:728px;height:90px}
.hc-ad--970x90{width:970px;height:90px}
.hc-ad--300x250{width:300px;height:250px}
.hc-ad--300x600{width:300px;height:600px}
.hc-ad--336x280{width:336px;height:280px}
.hc-ad--320x100{width:320px;height:100px}
.hc-ad--taboola{width:100%;height:220px}
.hc-article__content .hc-ad{margin-block:8px 26px}

.hc-taboola{display:flex;flex-direction:column;gap:14px}
.hc-taboola__label{font-size:12px;color:var(--hc-muted)}
.hc-taboola--rail .hc-sechead__title{font-size:18px}
.hc-taboola--rail .hc-ad--taboola{height:260px}

/* --------------------------------------------------------------------------
   Shared bits: section heads, category labels, thumbnails, grids
   -------------------------------------------------------------------------- */
.hc-sechead{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--hc-ink);padding-bottom:8px;margin-bottom:16px}
.hc-sechead__title{font-size:22px;line-height:1.4}

.hc-cat{display:inline-block;font-size:12px;font-weight:600;color:var(--hc-red-dark)}
.hc-cat--badge{align-self:flex-start;background:var(--hc-red);color:#fff;font-size:13px;padding:2px 10px;border-radius:4px}
.hc-cat--badge:hover{background:var(--hc-red-dark);color:#fff}

.hc-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--hc-radius);background:var(--hc-ph)}
.hc-thumb__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.hc-thumb:hover .hc-thumb__img{transform:scale(1.03)}
.hc-thumb__empty{position:absolute;inset:0;background:var(--hc-ph)}
@media (prefers-reduced-motion:reduce){.hc-thumb__img{transition:none}}

.hc-grid{display:grid;gap:22px}
.hc-grid--3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}

.hc-sticky{position:sticky;top:16px}

/* --------------------------------------------------------------------------
   Cards
   -------------------------------------------------------------------------- */
.hc-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.hc-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.hc-card__title{font-weight:600;font-size:17px;line-height:1.55}
.hc-card__excerpt{font-size:15px;line-height:1.75;color:var(--hc-ink-3)}
.hc-card__meta{font-size:13px;color:var(--hc-muted)}

.hc-card--lead{gap:14px}
.hc-card--lead .hc-card__body{gap:10px}
.hc-card--lead .hc-card__title{font-weight:700;font-size:clamp(24px,2.6vw,36px);line-height:1.4}
.hc-card--lead .hc-card__excerpt{font-size:18px;line-height:1.7;color:var(--hc-ink-2)}
.hc-card--lead .hc-thumb{border-radius:10px}

.hc-card--side{flex-direction:row;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--hc-line)}
.hc-card--side:last-child{border-bottom:0;padding-bottom:0}
.hc-card--side .hc-thumb{flex:0 0 112px;width:112px;aspect-ratio:3/2;border-radius:6px}
.hc-card--side .hc-card__title{font-size:16px;line-height:1.5}

.hc-card--grid .hc-card__title{font-size:18px}

.hc-card--row{flex-direction:row;gap:18px;padding-block:18px;border-bottom:1px solid var(--hc-line)}
.hc-card--row .hc-thumb{flex:0 0 240px;width:240px}
.hc-card--row .hc-card__title{font-size:19px}

.hc-card--title{padding-block:12px;border-bottom:1px solid var(--hc-line)}

/* --------------------------------------------------------------------------
   Homepage
   -------------------------------------------------------------------------- */
.hc-home{display:flex;flex-direction:column;gap:40px;padding-block:28px 48px}

.hc-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.hc-hero__side{display:flex;flex-direction:column;gap:18px}

.hc-latest{background:var(--hc-surface);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:14px}
.hc-latest__title{display:flex;align-items:center;gap:8px;font-size:18px}
.hc-latest__title .hc-pulse{width:10px;height:10px;background:var(--hc-red)}
.hc-latest__list{list-style:none;display:flex;flex-direction:column;gap:14px}
.hc-latest__list li{display:flex;gap:12px}
.hc-latest__list time{flex:0 0 44px;font-size:13px;font-weight:600;color:var(--hc-red-dark)}
.hc-latest__list a{font-size:15px;line-height:1.6;border-inline-start:2px solid #d5d8de;padding-inline-start:12px}

.hc-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.hc-cols__main{display:flex;flex-direction:column;gap:36px;min-width:0}
.hc-cols__side{display:flex;flex-direction:column;gap:28px;height:100%}
.hc-cols__side .hc-sticky{margin-top:0}

.hc-block__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.hc-block__list{list-style:none;display:flex;flex-direction:column}
.hc-block__list li{padding-block:12px;border-bottom:1px solid var(--hc-line)}
.hc-block__list li:first-child{padding-top:0}
.hc-block__list a{font-weight:500;font-size:16px;line-height:1.6}

/* Most read */
.hc-most__list{list-style:none;counter-reset:hc-most}
.hc-most__item{counter-increment:hc-most;display:flex;gap:14px;align-items:flex-start;padding-block:10px;border-bottom:1px solid var(--hc-line)}
.hc-most__item::before{content:counter(hc-most);flex:0 0 28px;font-weight:700;font-size:28px;line-height:1;color:var(--hc-red)}
.hc-most__item a{font-weight:500;font-size:15px;line-height:1.6}

/* --------------------------------------------------------------------------
   Two-column layout (article, archives, search, pages)
   -------------------------------------------------------------------------- */
.hc-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;padding-block:24px 48px}
.hc-layout__main{min-width:0}
.hc-sidebar{display:flex;flex-direction:column;gap:28px;height:100%}

.hc-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--hc-muted)}
.hc-breadcrumb a{color:var(--hc-muted)}
.hc-breadcrumb .is-current{color:var(--hc-red-dark);font-weight:600}

/* Page heads (archives, search, author, 404) */
.hc-pagehead{display:flex;flex-direction:column;gap:12px;padding-bottom:18px;margin-bottom:8px;border-bottom:2px solid var(--hc-ink)}
.hc-pagehead__title{font-size:clamp(24px,2.4vw,32px);line-height:1.4}
.hc-pagehead__q{color:var(--hc-red-dark)}
.hc-pagehead__desc{color:var(--hc-ink-3);font-size:16px;line-height:1.8}
.hc-chips ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.hc-chips a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:18px;background:var(--hc-surface,#f2f3f5);font-size:14px;font-weight:500}
.hc-chips a:hover{background:var(--hc-pink);color:var(--hc-red-dark)}
.hc-chips a[aria-current="page"]{background:var(--hc-ink);color:#fff}
.hc-list__lead{padding-block:8px 22px;border-bottom:1px solid var(--hc-line)}
.hc-list .hc-ad{margin-block:22px}

.hc-authorhead{flex-direction:row;align-items:center;gap:20px}
.hc-authorhead__text{display:flex;flex-direction:column;gap:6px}
.hc-authorhead__count{font-size:14px;color:var(--hc-muted)}

.hc-avatar{border-radius:50%;flex:0 0 auto;background:var(--hc-ph);object-fit:cover;overflow:hidden;font-size:0;color:transparent}

/* --------------------------------------------------------------------------
   Article
   -------------------------------------------------------------------------- */
.hc-article{display:flex;flex-direction:column;gap:22px;min-width:0;max-width:800px}
.hc-article__head{display:flex;flex-direction:column;gap:16px}
.hc-article__title{font-size:clamp(26px,3vw,38px);line-height:1.4}
.hc-article__subtitle{font-weight:500;font-size:clamp(17px,1.6vw,20px);line-height:1.75;color:var(--hc-ink-2)}
.hc-article__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-block:14px;border-block:1px solid var(--hc-line)}
.hc-byline{display:flex;align-items:center;gap:10px}
.hc-byline__text{display:flex;flex-direction:column;gap:2px;font-size:13px}
.hc-byline__name{font-weight:600;font-size:14px}
.hc-byline__dates{color:var(--hc-muted)}

.hc-article__figure{margin:0;display:flex;flex-direction:column;gap:8px}
.hc-article__img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:var(--hc-ph)}
.hc-article__figure figcaption{font-size:13px;color:var(--hc-muted)}

.hc-icon{display:block;flex:0 0 auto}
.hc-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hc-share--bottom{padding-block:16px;border-block:1px solid var(--hc-line)}
.hc-share__label{font-weight:700;font-size:15px;margin-inline-end:6px}
.hc-share__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--hc-surface);color:var(--hc-ink);cursor:pointer;transition:background .15s,color .15s}
.hc-share__btn:hover,.hc-share__btn:focus-visible{color:#fff;background:var(--hc-ink)}
.hc-share__btn--whatsapp:hover{background:#1d9b4f}
.hc-share__btn--facebook:hover{background:#1877f2}
.hc-share__btn--x:hover{background:#000}
.hc-share__btn--telegram:hover{background:#229ed9}
.hc-share__btn--linkedin:hover{background:#0a66c2}
.hc-share__native{background:var(--hc-red);color:#fff}
.hc-share__copy .hc-icon:last-child{display:none}
.hc-share__copy.is-done{background:#1d9b4f;color:#fff}
.hc-share__copy.is-done .hc-icon:first-child{display:none}
.hc-share__copy.is-done .hc-icon:last-child{display:block}
@media (prefers-reduced-motion:reduce){.hc-share__btn{transition:none}}

/* Article body */
.hc-article__content{font-size:19px;line-height:2}
.hc-article__content>*{margin-block:0 22px}
.hc-article__content>*:last-child{margin-bottom:0}
.hc-article__content h2{font-size:26px;line-height:1.5;margin-top:34px}
.hc-article__content h3{font-size:22px;line-height:1.5;margin-top:28px}
.hc-article__content a{color:var(--hc-red-dark);text-decoration:underline;text-underline-offset:4px}
.hc-article__content ul,.hc-article__content ol{padding-inline-start:24px}
.hc-article__content li{margin-bottom:6px}
.hc-article__content blockquote{margin-inline:0;padding:6px 20px;border-inline-start:4px solid var(--hc-red);color:var(--hc-ink-2);font-weight:500}
.hc-article__content figure{margin-inline:0}
.hc-article__content figcaption,.hc-article__content .wp-element-caption{font-size:13px;line-height:1.7;color:var(--hc-muted);margin-top:8px}
.hc-article__content img{border-radius:var(--hc-radius)}
.hc-article__content table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.7}
.hc-article__content th,.hc-article__content td{border:1px solid var(--hc-line);padding:8px 12px;text-align:start}
.hc-article__content th{background:var(--hc-surface)}
.hc-article__content iframe{width:100%;border:0}
.hc-article__content .wp-block-embed__wrapper{position:relative}

/* «ماذا يعني هذا للجالية العربية في كندا؟» (block pattern) */
.hc-community{background:var(--hc-pink);border-radius:var(--hc-radius-lg);padding:22px 24px}
.hc-community>*{margin-block:0 10px}
.hc-community>*:last-child{margin-bottom:0}
.hc-article__content .hc-community__title,.hc-community__title{font-size:20px;margin-top:0;color:var(--hc-red-deep)}
.hc-community ul{font-size:17px;line-height:1.9;padding-inline-start:20px}

/* Update line (block pattern) */
.hc-update{background:var(--hc-surface);border-radius:var(--hc-radius);padding:12px 16px;font-size:16px;line-height:1.8}
/* «اقرأ أيضاً» link (classic editor menu «هلا كندا») */
.hc-readalso{border-inline-start:4px solid var(--hc-red);padding:6px 14px;font-size:16px;line-height:1.8}
.hc-readalso strong{color:var(--hc-red-deep)}
.hc-readalso a{color:var(--hc-ink);text-decoration:underline;text-decoration-color:var(--hc-red);text-underline-offset:4px}

.hc-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.hc-tags a{display:inline-block;padding:6px 12px;border:1px solid var(--hc-line-2);border-radius:16px;font-size:13px}
.hc-tags a:hover{border-color:var(--hc-red);color:var(--hc-red-dark)}

.hc-authorbox{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--hc-line);border-radius:var(--hc-radius-lg);padding:20px}
.hc-authorbox__text{display:flex;flex-direction:column;gap:6px}
.hc-authorbox__name{font-weight:600;font-size:17px}
.hc-authorbox p{font-size:15px;line-height:1.75;color:var(--hc-ink-3)}

.hc-related .hc-card__title{font-size:16px}

/* --------------------------------------------------------------------------
   Pagination, 404
   -------------------------------------------------------------------------- */
.hc-pagination{margin-top:28px}
.hc-pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.hc-pagination a,.hc-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--hc-line);border-radius:var(--hc-radius);font-weight:600}
.hc-pagination .current{background:var(--hc-red);border-color:var(--hc-red);color:#fff}
.hc-pagination a:hover{border-color:var(--hc-ink)}

.hc-404{display:flex;flex-direction:column;gap:40px;padding-block:40px 56px}
.hc-404 .hc-pagehead{border-bottom:0;align-items:flex-start}
.hc-404__code{font-weight:700;font-size:72px;line-height:1;color:var(--hc-red)}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.hc-footer{background:var(--hc-dark);color:#c3c8d0;font-size:14px}
.hc-footer .hc-wrap{display:flex;flex-direction:column;gap:28px;padding-block:40px 24px}
.hc-footer__cols{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(4,minmax(0,1fr));gap:32px}
.hc-footer__about{display:flex;flex-direction:column;gap:10px}
.hc-footer__about p{line-height:1.8}
.hc-footer__logo{width:auto;height:52px;align-self:flex-start}
.hc-footer__tagline{font-weight:600;color:#fff}
.hc-footer__col{display:flex;flex-direction:column;gap:10px}
.hc-footer__title{font-weight:600;color:#fff}
.hc-footer ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.hc-footer a{color:#c3c8d0}
.hc-footer a:hover{color:#fff}
.hc-footer ul.hc-social{flex-direction:row;flex-wrap:wrap;gap:10px}
.hc-social__link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--hc-dark-2);color:#fff !important;transition:background .15s}
.hc-social__link:hover,.hc-social__link:focus-visible{background:var(--hc-red)}
@media (prefers-reduced-motion:reduce){.hc-social__link{transition:none}}
.hc-footer__bottom{border-top:1px solid var(--hc-dark-2);padding-top:16px;font-size:13px;color:var(--hc-on-dark-2);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.hc-footer ul.hc-footer__legal{flex-direction:row;flex-wrap:wrap;gap:6px 20px}
.hc-footer__legal a{color:var(--hc-on-dark-2)}
.hc-footer__title{font-size:15px;padding-bottom:10px;margin-bottom:2px;border-bottom:2px solid var(--hc-red);align-self:flex-start}
.hc-footer__col li a{display:inline-block;padding-block:2px}
.hc-footer__about .hc-badges{margin-top:4px}
.hc-footer__nl{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:20px 24px;border-radius:var(--hc-radius-lg);background:var(--hc-dark-2)}
.hc-footer__nl-text{display:flex;flex-direction:column;gap:4px}
.hc-footer__nl-text strong{color:#fff;font-size:17px}
.hc-footer__nl .hnl-form{flex:0 1 460px}

/* «دليلك في كندا» guides row */
.hc-guides{display:flex;flex-direction:column;gap:14px;margin-block:8px 32px;padding:22px;border-radius:var(--hc-radius-lg);background:var(--hc-surface)}
.hc-guides__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
.hc-guides__title{font-size:22px}
.hc-guides__sub{color:var(--hc-muted);font-size:14px}
.hc-guides__head .hc-more{margin-inline-start:auto}
.hc-guides__grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hc-guide{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px;border-radius:var(--hc-radius);background:var(--hc-bg,#fff);border:1px solid var(--hc-line);color:var(--hc-ink);transition:border-color .15s,transform .15s}
.hc-guide:hover{border-color:var(--hc-red);color:var(--hc-ink);transform:translateY(-2px)}
.hc-guide__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--hc-pink);color:var(--hc-red)}
.hc-guide strong{font-size:16px}
.hc-guide__line{font-size:13px;line-height:1.7;color:var(--hc-muted)}
.hc-guides__articles{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-weight:600;color:var(--hc-red-dark)}
@media (prefers-reduced-motion:reduce){.hc-guide{transition:none}.hc-guide:hover{transform:none}}

/* Platforms band */
.hc-platforms{margin-block:36px 8px;padding:24px;border-radius:var(--hc-radius-lg);background:var(--hc-dark);color:var(--hc-on-dark)}
.hc-platforms__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hc-plat{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border-radius:var(--hc-radius);background:var(--hc-dark-2);color:var(--hc-on-dark);font-size:14px;line-height:1.7}
a.hc-plat:hover{color:var(--hc-on-dark);background:#232833}
.hc-plat strong{color:#fff;font-size:17px}
.hc-plat__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--hc-red);color:#fff}
.hc-plat__cover{width:84px;height:112px;object-fit:cover;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.hc-plat__cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#fff}
.hc-plat .hc-badges{flex-wrap:wrap}
.hc-plat--nl .hnl-form{width:100%}

/* Phone tab bar */
.hc-tabbar{display:none}
@media (max-width:768px){
	.hc-tabbar{position:fixed;z-index:70;inset-inline:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:58px;padding-bottom:env(safe-area-inset-bottom);background:var(--hc-bg,#fff);border-top:1px solid var(--hc-line);box-shadow:0 -2px 12px rgba(0,0,0,.06)}
	.hc-tabbar a,.hc-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;font:inherit;font-size:11px;color:var(--hc-muted);cursor:pointer}
	.hc-tabbar [aria-current=page]{color:var(--hc-red)}
	.hc-tabbar__radio svg{color:var(--hc-red)}
	body.has-tabbar{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
	body.has-tabbar .hr-mini{bottom:calc(58px + env(safe-area-inset-bottom))}
	.hr-has-mini body.has-tabbar{padding-bottom:calc(122px + env(safe-area-inset-bottom))}
}

/* Writer details */
.hc-avatar--initial{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:var(--hc-red);color:#fff;font-weight:700;line-height:1}
.hc-authormeta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-block:2px 6px}
.hc-authormeta__title{font-size:13px;font-weight:600;color:var(--hc-red-dark)}
.hc-authormeta__links{display:inline-flex;gap:6px}
.hc-authormeta__links a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--hc-surface);color:var(--hc-ink)}
.hc-authormeta__links a:hover{background:var(--hc-ink);color:#fff}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width:1100px){
	.hc-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.hc-hero__lead{grid-column:1/-1}
}

@media (max-width:1024px){
	.hc-cols,.hc-layout{grid-template-columns:minmax(0,1fr)}
	.hc-cols__side,.hc-sidebar{height:auto}
	.hc-sticky{position:static}
	.hc-article{max-width:none}
	.hc-header__ad .hc-ad--728x90{width:468px;height:60px}
}

@media (max-width:768px){
	:root{--hc-gutter:16px}
	body{font-size:15px}

	/* Dark compact header, like the app. */
	.hc-utility{display:none}
	.hc-header{background:var(--hc-dark);border-bottom:0}
	.hc-header__inner{padding-block:8px;gap:8px}
	.hc-menu-toggle{display:inline-flex}
	.hc-iconbtn{background:transparent;border-color:transparent;color:#fff}
	.hc-iconbtn:hover{border-color:var(--hc-dark-2)}
	.hc-brand{flex:1 1 auto;display:flex;justify-content:center}
	.hc-brand__link{gap:3px}
	.hc-brand__logo{height:38px}
	.hc-brand__tagline{font-size:11px;font-weight:500;color:var(--hc-on-dark)}
	.hc-header__ad,.hc-header__newsletter{display:none}
	.hc-search{border-top:0}

	/* Sections as scrollable chips; the menu button expands them into a list. */
	.hc-nav{border-bottom:1px solid var(--hc-line)}
	.hc-nav .hc-wrap{padding-inline:0}
	.hc-nav__list{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:12px var(--hc-gutter);font-size:13px;scrollbar-width:none}
	.hc-nav__list::-webkit-scrollbar{display:none}
	.hc-nav__list li{flex:0 0 auto}
	.hc-nav__list a{padding:7px 14px;margin:0;border:0;border-radius:18px;background:var(--hc-surface,#f2f3f5);font-weight:500}
	.hc-nav__list .current-menu-item>a,.hc-nav__list a:hover{background:var(--hc-ink);color:#fff;border:0}
	.hc-nav.is-open .hc-nav__list{flex-direction:column;flex-wrap:nowrap;overflow:visible;font-size:15px}
	.hc-nav.is-open .hc-nav__list a{background:none;border-radius:0;padding:12px 4px;border-bottom:1px solid var(--hc-line)}

	/* Dropdowns on phones: chips stay in one scrolling row, the open list drops below the whole bar. */
	.hc-nav{position:relative}
	.hc-nav .hc-wrap,.hc-nav__list>li{position:static}
	.hc-nav__has-sub{background:var(--hc-surface,#f2f3f5);border-radius:18px}
	.hc-nav__has-sub>a{background:none !important;padding-inline-end:2px !important}
	.hc-nav__has-sub.current-menu-item{background:var(--hc-ink);color:#fff}
	.hc-nav__has-sub.current-menu-item>a{color:#fff}
	.hc-nav__label{padding:7px 14px;margin:0;border:0;font-weight:500}
	.hc-nav__label:hover,.hc-nav__has-sub.current-menu-item>.hc-nav__label{color:inherit;border:0}
	.hc-nav__toggle{height:30px;margin-inline-end:4px}
	.hc-nav__sub{inset-inline:0;top:100%;min-width:0;max-height:70vh;overflow-y:auto;border-radius:0;border-inline:0;flex-direction:column;gap:14px;padding:12px var(--hc-gutter) 16px}
	.hc-nav__sub--mega{min-width:0}
	.hc-nav__list .hc-nav__sub a{white-space:normal}
	.hc-nav.is-open .hc-nav__list>li{flex-wrap:wrap;background:none;border-radius:0;color:inherit}
	.hc-nav.is-open .hc-nav__list>li>a{flex:1 1 auto;color:inherit}
	.hc-nav.is-open .hc-nav__label{width:100%;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--hc-line);font-size:15px}
	.hc-nav.is-open .hc-nav__sub{position:static;width:100%;max-height:none;box-shadow:none;border:0;padding:8px 0 12px}
	.hc-nav.is-open .hc-nav__list .hc-nav__sub a{border-bottom:0;padding:9px 10px}
	.hc-nav.is-open .hc-nav__app{display:block;padding:16px var(--hc-gutter) 20px}
	.hc-appband{padding:16px}

	.hc-home{gap:28px;padding-block:16px 32px}
	.hc-hero{grid-template-columns:minmax(0,1fr);gap:22px}
	.hc-card--lead .hc-card__title{font-size:22px}
	.hc-card--lead .hc-card__excerpt{font-size:16px}
	.hc-block__body{grid-template-columns:minmax(0,1fr)}

	.hc-card--row{gap:12px;padding-block:14px}
	.hc-card--row .hc-thumb{flex-basis:110px;width:110px;aspect-ratio:3/2;border-radius:6px}
	.hc-card--row .hc-card__title{font-size:15px;line-height:1.55}
	.hc-card--row .hc-card__excerpt{display:none}

	.hc-layout{padding-block:16px 32px;gap:32px}
	.hc-article{gap:18px}
	.hc-article__content{font-size:17px;line-height:1.95}
	.hc-article__content h2{font-size:22px}
	.hc-article__content h3{font-size:19px}

	/* Large fixed ad sizes do not fit phones; keep one modest slot each. */
	.hc-ad--970x90,.hc-ad--728x90{width:320px;height:100px}
	.hc-ad--300x600{display:none}

	.hc-authorhead{flex-direction:column;align-items:flex-start}
	.hc-footer .hc-wrap{padding-block:32px 20px}
}

/* --------------------------------------------------------------------------
   Print: the article only, readable on paper, with its address.
   -------------------------------------------------------------------------- */
@media (max-width:1100px){
	.hc-footer__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
	.hc-footer__about{grid-column:1/-1}
	.hc-guides__grid,.hc-platforms__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.hc-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
	.hc-footer__nl{padding:16px}
	.hc-guides{padding:16px;margin-inline:calc(var(--hc-gutter) * -1);border-radius:0}
	.hc-guides__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
	.hc-guide{padding:12px}
	.hc-guide__line{display:none}
	.hc-platforms{padding:16px;margin-inline:calc(var(--hc-gutter) * -1);border-radius:0}
	.hc-platforms__grid{grid-template-columns:1fr;gap:12px}
	.hc-footer__bottom{flex-direction:column;align-items:flex-start}
}
@media print{
	@page{margin:16mm}
	body{font-size:12pt;line-height:1.7;color:#000;background:var(--hc-bg,#fff)}
	.hc-utility,.hc-nav,.hc-search,.hc-header__ad,.hc-header__actions,.hc-menu-toggle,
	.hc-sidebar,.hc-share,.hc-ad,.hc-taboola,.hc-related,.hc-authorbox .hc-more,.hc-tags,
	.hc-footer,.hc-skip,.hc-tabbar,#wpadminbar{display:none !important}
	.hc-header{border:0;background:var(--hc-bg,#fff)}
	.hc-header__inner{justify-content:flex-start;padding:0 0 8mm}
	.hc-brand__logo{content:url(../img/logo.webp);height:48px}
	.hc-brand__tagline{color:#000}
	.hc-layout{display:block;padding:0}
	.hc-wrap{max-width:none;padding:0}
	.hc-article{max-width:none}
	.hc-article__title{font-size:22pt}
	.hc-article__subtitle{font-size:14pt;color:#333}
	.hc-article__content{font-size:12pt;line-height:1.8}
	.hc-article__content a{color:#000;text-decoration:none}
	.hc-article__img{max-height:110mm;object-fit:cover}
	.hc-article__figure,.hc-article__content figure,.hc-community{break-inside:avoid}
	.hc-article::after{content:"نُشر على هلا كندا: " attr(data-url);display:block;margin-top:8mm;padding-top:4mm;border-top:1px solid #999;font-size:10pt;direction:rtl}
}

/* Weather chip in the top bar (filled by plugins/hala-weather/chip.js) */
.hc-wx{display:inline-flex;align-items:center;gap:4px;color:#fff !important;font-weight:600}
.hc-wx[hidden]{display:none}
.hc-wx b{font-weight:700}

/* --------------------------------------------------------------------------
   Homepage v2 (Oct 15): overlay/mini cards, dates, Sky News–style hero,
   sponsor places, sections with «اخترنا لكم», sidebar tiles
   -------------------------------------------------------------------------- */
.hc-dates{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:12px;color:var(--hc-muted);line-height:1.6}
.hc-dates__upd{color:var(--hc-red-dark);font-weight:600}
.hc-dates__upd::before{content:"·";margin-inline-end:8px;color:var(--hc-muted)}
.hc-thumb__empty--brand{background:var(--hc-dark) url(../img/logo-mono.webp) center/52% auto no-repeat;opacity:1}

/* Overlay card: picture with title and dates over a dark fade */
.hc-card--overlay{position:relative;display:block;height:100%;border-radius:12px;overflow:hidden;background:var(--hc-dark)}
.hc-card--overlay .hc-thumb{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;height:100%}
.hc-card--overlay .hc-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 38%,rgba(0,0,0,0) 68%);pointer-events:none}
.hc-card--overlay .hc-card__body{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px;gap:6px;color:#fff;pointer-events:none}
.hc-card--overlay .hc-card__body a{pointer-events:auto}
.hc-card--overlay .hc-cat--badge{position:absolute;top:10px;inset-inline-start:10px;font-size:12px;padding:1px 9px;pointer-events:auto}
.hc-card--overlay .hc-card__title{font-size:17px;line-height:1.55;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.hc-card--overlay .hc-card__title a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.hc-card--overlay .hc-dates{color:#e3e5e9}
.hc-card--overlay .hc-dates__upd{color:#ffb4b7}
.hc-card--overlay .hc-dates__upd::before{color:#cfd3d9}
.hc-card--overlay{min-height:190px}

/* Mini card: small picture beside the title (lists) */
.hc-card--mini{flex-direction:row;align-items:flex-start;gap:12px;padding:10px;background:var(--hc-bg,#fff);border:1px solid var(--hc-line);border-radius:12px}
.hc-card--mini .hc-thumb{flex:0 0 112px;width:112px;aspect-ratio:4/3;border-radius:8px}
.hc-card--mini .hc-card__body{gap:4px;min-width:0}
.hc-card--mini .hc-card__title{font-size:15px;line-height:1.6;font-weight:600}
.hc-card--mini .hc-cat{font-size:11.5px}

/* Section heads with a red bar (homepage v2) */
.hh-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.hh-head__title{display:flex;align-items:center;gap:8px;font-size:21px;line-height:1.4;border-inline-start:5px solid var(--hc-red);padding-inline-start:10px}
.hh-head__title a{display:inline-flex;align-items:center;gap:10px;color:var(--hc-ink)}
.hh-head__title a:hover{color:var(--hc-red-dark)}
.hh-head__go{font-size:24px;line-height:1;color:var(--hc-muted)}
.hh-head__title .hc-pulse{width:10px;height:10px;background:var(--hc-red)}

.hh{display:flex;flex-direction:column;gap:30px}
.hh>.hc-ad{margin-block:0}

/* Hero: one big story + six around it */
.hh-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:200px 200px 190px;gap:16px}
.hh-hero__item--lead{grid-column:1/3;grid-row:1/3}
.hh-hero__item:nth-child(2),.hh-hero__item:nth-child(3){grid-row:1/3}
.hh-hero__item--lead .hc-card__title{font-size:clamp(22px,2.2vw,32px);line-height:1.45}
.hh-hero__item--lead .hc-card__body{padding:20px 22px;gap:8px}
.hh-hero__item--lead .hc-dates{font-size:13px}
.hh-hero__item{min-width:0}

/* Sponsor places 2 × 2 */
.hh-minis{display:grid;grid-template-columns:repeat(2,364px);justify-content:center;gap:12px 16px}
.hh-minis .hc-ad{margin:0}
.hc-ad--364x90{width:364px;height:90px}
.hc-ad__direct{display:block;width:100%;height:100%}
.hc-ad__direct img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.hc-ad--direct.hc-ad--labelled{position:relative;overflow:visible}
.hc-ad--direct.hc-ad--labelled::before{content:"إعلان";position:absolute;top:-17px;inset-inline-end:0;font-size:10px;color:var(--hc-muted)}
.hh-minis .hc-ad--labelled{margin-top:14px}
/* Banners fill their row on every screen (Haytham, Oct 15): same shape, scaled to the width */
.hh-minis{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
.hh-minis .hc-ad--364x90{width:100%;height:auto;aspect-ratio:364/90}
.hc-ad--970x90,.hc-ad--728x90{width:100%;height:auto;aspect-ratio:970/90;min-height:90px;max-height:250px}
.hc-ad--468x60{width:100%;max-width:728px;height:auto;aspect-ratio:468/60}
.hc-header__ad .hc-ad--728x90{aspect-ratio:auto;min-height:0}
@media (min-width:1025px){.hc-header__ad .hc-ad--728x90{width:728px;height:90px}}

/* Latest news */
.hh-latest__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* Sidebar: «دليلك في كندا» tiles */
.hc-gside{padding:16px;border-radius:var(--hc-radius-lg);background:var(--hc-surface)}
.hc-gside__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.hc-gside__title{font-size:18px;border-inline-start:4px solid var(--hc-red);padding-inline-start:9px}
.hc-gside__grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hc-gtile{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;background:var(--hc-bg,#fff);color:var(--hc-ink);font-size:13px;font-weight:600;line-height:1.4;transition:transform .15s,box-shadow .15s}
.hc-gtile:hover{color:var(--hc-ink);transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.08)}
.hc-gtile__icon{flex:0 0 34px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--g-bg);color:var(--g-fg)}
@media (prefers-reduced-motion:reduce){.hc-gtile{transition:none}.hc-gtile:hover{transform:none}}
/* Colourful tiles in the logo's colours (Haytham, Oct 15): red, black, graphite, deep red */
.hc-gside{background:var(--hc-bg,#fff);border:1px solid var(--hc-line)}
.hc-gside__grid{gap:10px}
.hc-gside .hc-gtile{position:relative;flex-direction:column;justify-content:center;gap:8px;min-height:96px;padding:12px 8px;border-radius:12px;background:linear-gradient(150deg,#e2343a 0%,#bc1b21 55%,#9e1419 100%);color:#fff;font-size:13.5px;font-weight:700;text-align:center;overflow:hidden;box-shadow:0 3px 10px rgba(16,19,24,.14)}
.hc-gside .hc-gtile::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 45%);pointer-events:none}
.hc-gside li:nth-child(4n+2) .hc-gtile{background:linear-gradient(150deg,#2f333b 0%,#17191e 60%,#0b0c0f 100%)}
.hc-gside li:nth-child(4n+3) .hc-gtile{background:linear-gradient(150deg,#555b66 0%,#3a3f47 55%,#262a30 100%)}
.hc-gside li:nth-child(4n+4) .hc-gtile{background:linear-gradient(150deg,#a81a20 0%,#8f1419 55%,#650c10 100%)}
.hc-gside .hc-gtile:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,19,24,.25)}
.hc-gside .hc-gtile__icon{flex:0 0 auto;width:auto;height:auto;background:none;color:#fff}
.hc-gside .hc-gtile__icon svg{width:30px;height:30px}
.hc-gside .hc-gtile__label{position:relative}

/* News sections three per row + «اخترنا لكم» */
.hh-sections{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.hh-sections__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.hh-sec{display:flex;flex-direction:column;gap:10px;min-width:0}
.hh-sec .hc-card--overlay{height:190px;min-height:0}
.hh-sec .hc-card--overlay .hc-cat{display:none}
.hh-sec .hc-card--mini .hc-cat{display:none}
.hh-sec .hc-card--mini .hc-thumb{flex-basis:96px;width:96px}
.hh-sections__side{display:flex;flex-direction:column;gap:24px}
.hh-picks__list{display:flex;flex-direction:column;gap:0;background:var(--hc-bg,#fff);border:1px solid var(--hc-line);border-radius:12px;padding:4px 12px}
.hh-picks__list .hc-card--mini{border:0;border-bottom:1px solid var(--hc-line);border-radius:0;padding:12px 0}
.hh-picks__list .hc-card--mini:last-child{border-bottom:0}
.hh-picks__list .hc-card--mini .hc-thumb{flex-basis:92px;width:92px}

.hh-extra{display:contents}
.hh-extra[hidden]{display:none !important}
/* No empty cell in the last row of sections: the last one or two stretch across (Haytham, Oct 15) */
@media (min-width:1101px){
	.hh-sections__grid{grid-template-columns:repeat(6,minmax(0,1fr))}
	.hh-sec{grid-column:span 2}
	.hh-sec:nth-child(3n+1):nth-last-child(2),.hh-sec:nth-child(3n+2):last-child{grid-column:span 3}
	.hh-sec:nth-child(3n+1):last-child{grid-column:1/-1}
	.hh-sec:nth-child(3n+1):nth-last-child(2) .hc-card--overlay,.hh-sec:nth-child(3n+2):last-child .hc-card--overlay{height:240px}
}
/* A section alone on its row: big picture beside its list */
@media (min-width:1101px){
	.hh-sec:nth-child(3n+1):last-child{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-auto-rows:min-content;gap:10px 20px}
	.hh-sec:nth-child(3n+1):last-child>.hh-head{grid-column:1/-1}
	.hh-sec:nth-child(3n+1):last-child>.hc-card--overlay{grid-row:span 3;height:100%;min-height:260px}
}
@media (min-width:769px) and (max-width:1100px){
	.hh-sec:nth-child(odd):last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-auto-rows:min-content;gap:10px 20px}
	.hh-sec:nth-child(odd):last-child>.hh-head{grid-column:1/-1}
	.hh-sec:nth-child(odd):last-child>.hc-card--overlay{grid-row:span 3;height:100%;min-height:260px}
}

@media (max-width:1100px){
	.hh-hero{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
	.hh-hero__item--lead{grid-column:1/-1;grid-row:auto;height:380px}
	.hh-hero__item:nth-child(2),.hh-hero__item:nth-child(3){grid-row:auto}
	.hh-hero__item{height:220px}
	.hh-sections{grid-template-columns:minmax(0,1fr)}
	.hh-sections__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
	.hh{gap:24px}
	.hh-hero{gap:10px}
	.hh-hero__item--lead{height:300px}
	.hh-hero__item{height:190px}
	.hh-hero__item:not(.hh-hero__item--lead) .hc-card__title{font-size:14px;line-height:1.5}
	.hh-hero__item:not(.hh-hero__item--lead) .hc-card__body{padding:10px}
	.hh-hero__item:not(.hh-hero__item--lead) .hc-dates__upd{display:none}
	.hh-minis{grid-template-columns:minmax(0,1fr);gap:10px}
	.hh-minis .hc-ad--364x90{width:100%;height:auto;aspect-ratio:364/90}
	.hc-ad--970x90,.hc-ad--728x90{aspect-ratio:auto;height:100px;min-height:0}
	.hh-latest__grid{grid-template-columns:minmax(0,1fr)}
	.hh-sections__grid{grid-template-columns:minmax(0,1fr)}
	.hc-card--mini .hc-thumb{flex-basis:100px;width:100px}
}

/* Phones: the 7 top stories with the headline under the picture, not over it (Haytham, Oct 16; Sky News Arabia style). */
@media (max-width:768px){
	.hh-hero{gap:18px 12px}
	.hh-hero__item,.hh-hero__item--lead{height:auto}
	.hh-hero .hc-card--overlay{height:auto;min-height:0;background:none;border-radius:0;overflow:visible;display:flex;flex-direction:column}
	.hh-hero .hc-card--overlay .hc-thumb{position:relative;inset:auto;height:auto;aspect-ratio:16/9;border-radius:10px;overflow:hidden}
	.hh-hero .hc-card--overlay .hc-thumb::after{display:none}
	.hh-hero .hc-card--overlay .hc-card__body{position:static;height:auto;padding:8px 2px 0;gap:4px;color:var(--hc-ink);pointer-events:auto;justify-content:flex-start}
	.hh-hero .hc-card--overlay .hc-cat--badge{top:8px;inset-inline-start:8px}
	.hh-hero .hc-card--overlay .hc-card__title{color:var(--hc-ink);text-shadow:none}
	.hh-hero .hc-card--overlay .hc-card__title a:hover{color:var(--hc-red-dark);text-decoration:none}
	.hh-hero .hc-card--overlay .hc-dates{color:var(--hc-muted)}
	.hh-hero .hc-card--overlay .hc-dates__upd{color:var(--hc-red-dark)}
	.hh-hero .hc-card--overlay .hc-dates__upd::before{color:var(--hc-muted)}
	.hh-hero__item--lead .hc-card__body{padding:10px 2px 0}
	.hh-hero__item--lead .hc-card__title{font-size:21px;line-height:1.55}
	.hh-hero__item:not(.hh-hero__item--lead) .hc-card__title{font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
	.hh-hero__item:not(.hh-hero__item--lead) .hc-card__body{padding:6px 2px 0}
	.hh-hero__item:not(.hh-hero__item--lead) .hc-dates{font-size:11.5px}
	.hh-hero__item--lead{padding-bottom:4px;border-bottom:1px solid var(--hc-line)}
}

/* Homepage: no publish time on the story cards (Haytham, Oct 16); articles keep their dates. */
body.home .hc-card .hc-card__meta,body.home .hc-card .hc-dates{display:none}
body.home .hc-card--overlay .hc-card__title{margin-bottom:2px}

/* ==========================================================================
   Homepage v3 + top bar + night mode (Haytham, Oct 19)
   ========================================================================== */

/* Hero: lead + 4 small (2×2) beside it + 4 below. */
@media (min-width:1101px){
	.hh-hero{grid-template-rows:180px 180px 190px}
	.hh-hero__item:nth-child(2),.hh-hero__item:nth-child(3){grid-row:auto}
}

/* Election panel with the four 300×250 sponsor boxes stacked beside it (left in RTL), as on halacanada.ca. */
.hh-band{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;margin-top:22px}
.hh-band__main{min-width:0}
.hh-band__main>*{margin-top:0}
.hh-band .hh-minis{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0}
.hh-band .hc-ad{margin:0}
.hh-band{align-items:stretch}
.hh-band .hh-minis{align-self:start}
.hh-band__main{display:flex;flex-direction:column;gap:16px}
.hh-band__fill{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-evenly;gap:16px;min-height:0}
.hh-band__fill .hc-ad{flex:1 1 0;aspect-ratio:auto;height:auto;width:100%;min-height:90px;max-height:250px;display:flex;align-items:center;justify-content:center}
@media (max-width:1100px){.hh-band__fill{display:none}}
.hh-band--ads{grid-template-columns:minmax(0,1fr)}
.hh-band--ads .hh-minis{flex-direction:row;flex-wrap:wrap;justify-content:center}
@media (max-width:768px){
	.hh-band{display:flex;flex-direction:column;gap:14px}
	.hh-band .hh-minis{order:-1;width:100%}
}

/* «الأكثر قراءة» / «قراءنا يتصفحون الآن» tabs. */
.hc-most__tabs{display:flex;gap:4px;border-bottom:2px solid var(--hc-red);margin-bottom:6px}
.hc-most__tabs button{flex:1 1 0;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border:0;border-radius:8px 8px 0 0;background:var(--hc-surface);color:var(--hc-ink-2);font:600 13px/1.4 var(--hc-font);cursor:pointer}
.hc-most__tabs button.is-on{background:var(--hc-red);color:#fff}
.hc-most__tabs .hc-pulse{width:8px;height:8px}
.hc-most__empty{padding:14px 0;color:var(--hc-muted);font-size:14px}

/* Top bar: date, time, city weather (right); night mode (left). */
.hc-utility__now{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hc-utility__now .hc-wx{display:inline-flex;align-items:center;gap:4px}
.hc-theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--hc-dark-2);border-radius:999px;background:transparent;color:var(--hc-on-dark);font:500 12px/1.6 var(--hc-font);cursor:pointer}
.hc-theme-toggle:hover,.hc-theme-toggle[aria-pressed="true"]{color:#fff;border-color:var(--hc-on-dark-2)}
.hc-theme-icon{display:none}

/* Red buttons beside the header banner. */
.hc-pills{display:grid;grid-template-columns:repeat(2,auto);gap:6px}
.hc-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:999px;background:var(--hc-red);color:#fff;font-weight:600;font-size:13px;line-height:1.5;white-space:nowrap}
.hc-pill:hover{background:var(--hc-red-dark);color:#fff}
@media (max-width:1180px){.hc-pills{grid-template-columns:auto}}
@media (max-width:768px){
	.hc-pills{display:none}
	.hc-theme-icon{display:inline-flex}
}

/* Night mode. */
html[data-theme="dark"]{
	color-scheme:dark;
	--hc-bg:#121419;
	--hc-surface:#1b1e25;
	--hc-ink:#e7e9ec;
	--hc-ink-2:#c8ccd3;
	--hc-ink-3:#b3b8c1;
	--hc-muted:#9aa0aa;
	--hc-line:#2b3039;
	--hc-line-2:#3a404b;
	--hc-ph:#252931;
	--hc-pink:#3a1b1d;
	--hc-red-dark:#ef6b70;
}
html[data-theme="dark"] body{background:var(--hc-bg);color:var(--hc-ink)}
html[data-theme="dark"] .he-panel.he-panel{--he-c2:#2a1d20}
html[data-theme="dark"] .hc-btn--dark,html[data-theme="dark"] .hc-chips a[aria-current="page"],html[data-theme="dark"] .hc-authormeta__links a:hover,html[data-theme="dark"] .hc-nav__list .current-menu-item>a,html[data-theme="dark"] .hc-nav__list a:hover,html[data-theme="dark"] .hc-nav__has-sub.current-menu-item{background:var(--hc-red);color:#fff}
html[data-theme="dark"] .he-city{border-color:var(--hc-line-2)}
html[data-theme="dark"] .hc-ad__ph{background:var(--hc-surface);border-color:var(--hc-line-2);color:var(--hc-muted)}
html[data-theme="dark"] .hc-brand__logo{content:url(../img/logo-light.webp)}
html[data-theme="dark"] .hc-ad,html[data-theme="dark"] .hc-ad--labelled{background-color:var(--hc-surface)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--hc-surface);color:var(--hc-ink);border-color:var(--hc-line-2)}

/* Banner that fills a leftover gap at the end of the homepage sections (main.js). */
.hh-gapfill{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:90px}
.hh-gapfill .hc-ad{margin:0;width:100%;height:100%;aspect-ratio:auto;max-width:none}