/* Choufachtari 3.4.3 — optimized mobile newsroom experience. */
.mobile-news-header,
.mobile-news-feed{display:none}

@media(max-width:820px){
  :root{--mobile-news-header-height:156px}
  html{scroll-padding-top:var(--mobile-news-header-height)}
  body{padding-bottom:0;background:#eef2f7;overflow-x:hidden}
  body.mobile-menu-open{overflow:hidden}
  .mobile-dock{display:none!important}
  .site-header{position:sticky;top:0;z-index:9200;border:0;background:transparent;box-shadow:0 8px 24px rgba(3,19,49,.12)}
  .admin-bar .site-header{top:46px}
  .site-header>.utility-bar,
  .site-header>.breaking-bar,
  .site-header>.masthead{display:none!important}

  /* Compact brand masthead */
  .mobile-news-header{display:block;position:relative;z-index:2;background:#fff}
  .mobile-news-header__brand{display:grid;grid-template-columns:minmax(122px,1fr) auto;grid-template-areas:"actions logo";align-items:center;gap:8px;min-height:72px;padding:8px 12px;background:linear-gradient(110deg,#061c46 0,#082c68 58%,#0b4fb8 100%);border-bottom:3px solid var(--chouf-accent);color:#fff}
  .mobile-news-header__logo{grid-area:logo;display:flex;justify-content:flex-end;min-width:0}
  .mobile-news-header__logo img{width:min(50vw,210px);max-height:48px;object-fit:contain;object-position:center right;filter:drop-shadow(0 5px 12px rgba(0,0,0,.14))}
  html[dir=ltr] .mobile-news-header__brand{grid-template-columns:auto minmax(122px,1fr);grid-template-areas:"logo actions"}
  html[dir=ltr] .mobile-news-header__logo{justify-content:flex-start}
  html[dir=ltr] .mobile-news-header__logo img{object-position:center left}
  .mobile-news-header__actions{grid-area:actions;display:flex;align-items:center;gap:4px;min-width:0}
  .mobile-header-action{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;transition:background .2s,border-color .2s,transform .2s}
  .mobile-header-action:active{transform:scale(.94)}
  .mobile-header-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-theme-toggle__sun{display:none}
  .chouf-mobile-dark .mobile-theme-toggle__moon{display:none}
  .chouf-mobile-dark .mobile-theme-toggle__sun{display:block}
  .mobile-language-pills{display:flex;align-items:center;gap:3px;margin-inline-start:1px;font:700 9px/1 var(--chouf-font-latin)}
  .mobile-language-pills a{display:grid;place-items:center;min-width:26px;height:27px;padding:0 4px;border:1px solid rgba(255,255,255,.4);border-radius:8px;color:rgba(255,255,255,.86)}
  .mobile-language-pills a.is-current{border-color:#fff;background:#fff;color:var(--chouf-secondary)}

  /* Swipeable RTL categories */
  .mobile-news-header__navigation{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;min-height:48px;background:#fff;border-bottom:1px solid #e7ebf1;color:#101827}
  .mobile-news-menu-toggle{display:grid;align-content:center;justify-content:center;gap:4px;width:50px;min-height:48px;padding:0;border:0;border-inline-end:1px solid #e7ebf1;background:#fff;color:var(--chouf-primary)}
  .mobile-news-menu-toggle span{display:block;width:23px;height:3px;border-radius:8px;background:currentColor;transition:transform .25s,opacity .2s}
  .mobile-news-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .mobile-news-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .mobile-news-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .mobile-category-rail{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mobile-category-rail::-webkit-scrollbar{display:none}
  .mobile-category-menu{display:flex;align-items:stretch;width:max-content;min-width:100%;min-height:48px;margin:0;padding:0 3px;list-style:none}
  .mobile-category-menu li{display:flex;flex:0 0 auto;margin:0;padding:0}
  .mobile-category-menu a{position:relative;display:flex;align-items:center;min-height:48px;padding:0 13px;color:#111827;font-size:13px;font-weight:900;white-space:nowrap}
  .mobile-category-menu a:after{content:"";position:absolute;inset-inline:13px;bottom:0;height:3px;border-radius:4px 4px 0 0;background:var(--chouf-accent);transform:scaleX(0);transition:transform .2s}
  .mobile-category-menu .current-menu-item>a,
  .mobile-category-menu .current-menu-ancestor>a{color:var(--chouf-primary)}
  .mobile-category-menu .current-menu-item>a:after,
  .mobile-category-menu .current-menu-ancestor>a:after{transform:scaleX(1)}

  /* Breaking headline directly under the category rail */
  .mobile-breaking-news{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;min-height:36px;background:#f8fafc;border-bottom:1px solid #e3e8f0;overflow:hidden}
  .mobile-breaking-news>strong{display:flex;align-items:center;gap:6px;padding:0 11px;background:var(--chouf-accent);color:#fff;font-size:10px;font-weight:900;white-space:nowrap}
  .mobile-breaking-news>strong i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18);animation:chouf-mobile-live 1.7s ease-in-out infinite}
  .mobile-breaking-news>a{display:flex;align-items:center;gap:7px;min-width:0;padding:0 10px;font-size:10px;font-weight:800}
  .mobile-breaking-news time{flex:0 0 auto;color:var(--chouf-accent);font:800 9px/1 var(--chouf-font-latin)}
  .mobile-breaking-news span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  @keyframes chouf-mobile-live{50%{opacity:.35;transform:scale(.82)}}

  /* Full-screen navigation drawer, controlled by the existing theme menu JS. */
  .site-header>.primary-navigation{display:block!important;position:fixed!important;z-index:1;top:var(--mobile-news-header-height)!important;bottom:0;inset-inline-start:0;inset-inline-end:auto;width:min(86vw,370px);max-height:none;overflow:auto;padding:14px 10px 30px;background:linear-gradient(155deg,#041737,#082b67 68%,#0b4fb8);box-shadow:18px 0 45px rgba(2,15,39,.3);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-105%);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility .25s}
  html[dir=rtl] .site-header>.primary-navigation{transform:translateX(105%)}
  .admin-bar .site-header>.primary-navigation{top:calc(var(--mobile-news-header-height) + 46px)!important}
  .site-header>.primary-navigation.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
  .site-header>.primary-navigation .primary-navigation__inner{display:block;width:100%;min-height:0;padding:0}
  .site-header>.primary-navigation .primary-menu{display:block;margin:0;padding:0;overflow:visible}
  .site-header>.primary-navigation .primary-menu>li{display:block}
  .site-header>.primary-navigation .primary-menu>li>a{min-height:54px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.11);font-size:15px}
  .site-header>.primary-navigation .primary-menu .sub-menu{position:static;width:auto;margin:0;padding:4px 14px 10px;border:0;background:transparent;box-shadow:none;color:rgba(255,255,255,.72);opacity:1;visibility:visible;transform:none}
  .site-header>.primary-navigation .primary-menu .sub-menu a{padding:9px 11px}
  .site-header>.primary-navigation .nav-search{display:none}

  /* Dedicated home feed */
  .home-page{padding:0!important;background:#eef2f7}
  .home-page>.mobile-news-feed~.desktop-home-layout{display:none!important}
  .mobile-news-feed{display:block;width:100%;margin:0;background:#fff}
  .mobile-feed-card{position:relative;width:100%;overflow:hidden;background:var(--chouf-secondary);border-bottom:6px solid #fff;isolation:isolate}
  .mobile-feed-card:not(:first-child){content-visibility:auto;contain-intrinsic-size:280px}
  .mobile-feed-card__link{position:relative;display:block;min-height:clamp(260px,72vw,420px);color:#fff;overflow:hidden}
  .mobile-feed-card--lead .mobile-feed-card__link{min-height:clamp(300px,84vw,480px)}
  .mobile-feed-card__media,
  .mobile-feed-card__media img,
  .mobile-feed-card__placeholder{position:absolute;inset:0;width:100%;height:100%;display:block}
  .mobile-feed-card__media img{object-fit:cover;transform:translateZ(0)}
  .mobile-feed-card__placeholder{background:linear-gradient(135deg,#0a2e6a,#0b4fb8 55%,#e31b2f)}
  .mobile-feed-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,31,0) 30%,rgba(2,12,31,.14) 55%,rgba(2,12,31,.88) 100%)}
  .mobile-feed-card__content{position:absolute;z-index:1;inset-inline:0;bottom:0;display:block;padding:20px 17px 18px;text-align:start}
  .mobile-feed-card__meta{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;margin-bottom:6px;color:rgba(255,255,255,.88);font-size:10px;font-weight:700}
  .mobile-feed-card__meta b{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:var(--chouf-accent);color:#fff;font-size:9px;font-weight:900}
  .mobile-feed-card__meta time{font-family:var(--chouf-font-ar);text-shadow:0 1px 7px rgba(0,0,0,.4)}
  .mobile-feed-card h2{display:-webkit-box;max-width:100%;margin:0;overflow:hidden;color:#fff;font-size:clamp(19px,5.3vw,27px);font-weight:900;line-height:1.48;letter-spacing:-.2px;text-wrap:pretty;text-shadow:0 2px 10px rgba(0,0,0,.42);-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .mobile-feed-card--lead h2{font-size:clamp(21px,5.9vw,30px)}
  .mobile-news-feed__more{display:flex;align-items:center;justify-content:center;gap:13px;min-height:64px;padding:14px 20px;background:#fff;color:var(--chouf-primary);font-size:14px;font-weight:900;border-top:1px solid #e5eaf1}
  .mobile-news-feed__more b{font-size:22px;transition:transform .2s}
  .mobile-news-feed__more:active b{transform:translateX(-4px)}

  /* Dark mode is intentionally scoped to mobile. */
  body.chouf-mobile-dark{background:#061326;color:#eef4ff}
  .chouf-mobile-dark .mobile-news-header__navigation,
  .chouf-mobile-dark .mobile-news-menu-toggle{background:#07182f;color:#fff;border-color:rgba(255,255,255,.1)}
  .chouf-mobile-dark .mobile-category-menu a{color:#eef4ff}
  .chouf-mobile-dark .mobile-category-menu .current-menu-item>a,
  .chouf-mobile-dark .mobile-category-menu .current-menu-ancestor>a{color:#8fc0ff}
  .chouf-mobile-dark .mobile-breaking-news{background:#091b34;border-color:rgba(255,255,255,.08)}
  .chouf-mobile-dark .home-page,
  .chouf-mobile-dark .mobile-news-feed{background:#071326}
  .chouf-mobile-dark .mobile-feed-card{border-bottom-color:#071326}
  .chouf-mobile-dark .mobile-news-feed__more{background:#0a1d38;color:#9ac5ff;border-color:rgba(255,255,255,.08)}
}

@media(max-width:430px){
  .mobile-news-header__brand{gap:6px;padding-inline:9px}
  .mobile-news-header__logo img{width:min(50vw,185px)}
  .mobile-news-header__actions{gap:3px}
  .mobile-header-action{flex-basis:31px;width:31px;height:31px}
  .mobile-language-pills a{min-width:25px;height:26px;padding:0 3px;font-size:8px}
  .mobile-category-menu a{padding-inline:11px;font-size:12px}
  .mobile-feed-card__content{padding:18px 15px 16px}
  .mobile-feed-card__meta{font-size:9px}
}

@media(prefers-reduced-motion:reduce){
  .mobile-breaking-news>strong i{animation:none}
  .site-header>.primary-navigation{transition:none}
}