/* MISRYOUM NEWS 1.5.0 — device-wide responsive layer (RTL) */
:root{
  --misr-space-inline:clamp(12px,2.5vw,28px);
  --misr-card-gap:clamp(10px,1.5vw,18px);
}
html{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:clip}
img,video,iframe,embed,object,svg{max-width:100%}
iframe,video{display:block}
.container{width:min(calc(100% - 2 * var(--misr-space-inline)),var(--container,1200px));}
.site-main,.content-area,.site-sidebar,.single-article,.news-card,.widget,.misr-home-latest,.misr-home-section,.misr-home-section-posts{min-width:0}
.news-grid,.archive-grid,.category-grid,.misr-latest-grid,.misr-home-section-posts,.footer-grid,.footer-widgets-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));}
.news-card h3,.hero-title,.misr-latest-card h3,.misr-home-section-card h3,.article-header h1,.misr-article-heading h1{overflow-wrap:anywhere;word-break:normal}
.news-card-image img,.hero-image img,.misr-latest-image img{width:100%;height:100%;object-fit:cover}
.misr-ad-slot,.widget,.entry-content,.misr-readable-content{max-width:100%;min-width:0}
.misr-ad-slot iframe,.misr-ad-slot ins,.misr-ad-slot img{max-width:100%!important}
.entry-content iframe,.misr-readable-content iframe{max-width:100%;}
.entry-content table,.misr-readable-content table{max-width:100%;}
.wp-block-embed,.wp-block-video,.wp-block-table{max-width:100%;}
.site-header,.site-footer,.topbar,.breaking-bar{max-width:100%;}
button,.button,.share-links a,.share-links button,.primary-menu a{touch-action: manipulation;}

/* Wide tablets and compact laptops: keep navigation and columns from colliding. */
@media (min-width:801px) and (max-width:1100px){
  .container{width:calc(100% - 36px)}
  .header-inner{gap:14px}
  .site-branding{min-width:130px}
  .site-title{font-size:27px}
  .misr-logo{max-width:190px}
  .primary-menu{gap:clamp(8px,1.2vw,15px)}
  .primary-menu>li>a{font-size:clamp(11px,1.15vw,13px);white-space:normal;padding-block:20px}
  .layout-with-sidebar,.article-layout{grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:18px}
  .archive-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .hero-mosaic{grid-template-rows:clamp(170px,20vw,220px) clamp(110px,13vw,145px)}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}

/* Tablet / phone navigation breakpoint. */
@media (max-width:1024px){
  .header-inner{position:relative;min-height:68px;gap:12px;justify-content:space-between}
  .mobile-menu-toggle{display:flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
  .mobile-menu-toggle span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
  .site-branding{min-width:0;flex:1}
  .site-branding .misr-logo{max-width:min(42vw,210px)}
  .site-title{font-size:clamp(22px,3vw,29px)}
  .primary-navigation{display:none;position:absolute;top:100%;right:0;left:0;z-index:80;max-height:min(72vh,620px);overflow:auto;padding:8px 16px 14px;background:var(--card-bg,#fff);border:1px solid var(--line);border-top:0;box-shadow:0 14px 30px rgba(0,0,0,.13);border-radius:0 0 10px 10px}
  .primary-navigation.is-open{display:block}
  .primary-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .primary-menu>li{width:100%}
  .primary-menu>li>a{display:block;padding:11px 4px;border-bottom:1px solid var(--line);font-size:14px;white-space:normal}
  .primary-menu .sub-menu{position:static;display:block;min-width:0;padding:2px 14px 8px;background:transparent;box-shadow:none;border:0}
  .primary-menu .sub-menu a{padding:8px 4px;font-size:13px}
  .header-layout-2 .header-inner,.header-layout-3 .header-inner{flex-direction:row;flex-wrap:nowrap;justify-content:space-between}
  .header-layout-2 .site-branding,.header-layout-3 .site-branding{width:auto;align-items:flex-start;text-align:right}
  .header-layout-2 .header-search{position:static}
  .header-layout-3 .primary-navigation{order:initial;width:auto}
  .header-layout-3 .primary-menu{justify-content:flex-start}
  .header-layout-3 .primary-menu>li>a{padding:10px 4px}
  .misr-home-section-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .misr-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet layout. */
@media (min-width:601px) and (max-width:800px){
  :root{--misr-space-inline:18px;--misr-card-gap:13px}
  .site-main{padding-top:22px;padding-bottom:38px}
  .hero-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:clamp(150px,24vw,195px) clamp(100px,16vw,130px);gap:7px}
  .hero-item-1{grid-column:span 2;grid-row:span 2}
  .hero-item-2{grid-column:span 2}
  .layout-with-sidebar,.article-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .site-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .news-grid,.archive-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .misr-archive-layout-list .news-card{grid-template-columns:minmax(125px,32%) minmax(0,1fr)}
  .misr-archive-layout-list .news-card-image{height:100%;min-height:125px}
  .article-layout .site-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid,.footer-widgets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}

/* Phone layout. */
@media (max-width:600px){
  :root{--misr-space-inline:12px;--misr-card-gap:9px}
  body{font-size:14px;line-height:1.75}
  .container{width:calc(100% - 24px)}
  .topbar-inner{justify-content:center;min-height:30px}
  .top-links{min-width:0;flex-wrap:wrap;gap:6px 10px}
  .topbar .menu{flex-wrap:wrap;gap:6px 10px}
  .topbar .social-top{display:none}
  .site-header{z-index:90}
  .header-inner{min-height:62px;gap:9px}
  .site-branding{min-width:0;overflow:hidden}
  .site-branding .misr-logo{max-width:min(48vw,180px);max-height:52px}
  .site-branding .mobile-logo{max-width:min(48vw,170px)}
  .site-title{font-size:clamp(20px,6vw,27px);letter-spacing:-.5px}
  .site-tagline{font-size:9px}
  .mobile-menu-toggle{width:40px;height:40px;flex-basis:40px;border-radius:7px}
  .header-search{width:36px;height:36px;flex-basis:36px}
  .primary-navigation{padding-inline:13px}
  .breaking-inner{min-height:37px;gap:8px}
  .breaking-inner>strong{font-size:11px;padding:4px 8px}
  .breaking-track{gap:14px;font-size:11px}
  .site-main{padding-top:15px;padding-bottom:28px}
  .home-main{padding-top:14px}
  .hero-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:clamp(170px,54vw,230px) 112px 112px;gap:6px;margin-bottom:22px}
  .hero-item-1{grid-column:1/-1;grid-row:auto}
  .hero-item-2,.hero-item-3,.hero-item-4{grid-column:auto;grid-row:auto}
  .hero-title{right:10px;left:10px;bottom:10px;font-size:clamp(14px,4vw,17px)}
  .hero-item:not(.hero-featured) .hero-title{font-size:11px;line-height:1.5}
  .news-grid,.archive-grid,.category-grid{grid-template-columns:repeat(var(--mobile-archive-columns,2),minmax(0,1fr));gap:9px}
  .news-card{min-width:0}
  .news-card-body{padding:8px 9px 10px}
  .news-card h3{font-size:clamp(12px,3.5vw,14px);line-height:1.6}
  .news-card h3 a{-webkit-line-clamp:4}
  .card-meta{font-size:10px}
  .archive-header,.category-heading{padding:13px}
  .archive-header h1,.category-heading h1{font-size:clamp(20px,5.5vw,25px);line-height:1.45}
  .archive-description{font-size:13px}
  .layout-with-sidebar,.article-layout{display:flex;flex-direction:column;gap:16px}
  .content-area{width:100%;min-width:0}
  .site-sidebar{width:100%;display:grid;grid-template-columns:1fr;gap:12px}
  .widget{padding:13px;margin:0}
  .widget-title{font-size:16px}
  .single-article{padding:13px;margin-bottom:15px}
  .article-header h1,.misr-article-heading h1{font-size:clamp(22px,6vw,29px);line-height:1.5}
  .article-meta,.misr-article-meta{gap:8px 11px;font-size:10px;padding:9px 0}
  .article-author-avatar{width:30px;height:30px}
  .article-excerpt{font-size:13px;line-height:1.85;margin:10px 0}
  .article-featured-image,.misr-article-hero-image{margin:13px 0 18px}
  .article-featured-image img,.misr-article-hero-image img{max-height:430px;object-fit:contain}
  .entry-content,.misr-readable-content{font-size:clamp(16px,4.3vw,19px);line-height:1.95;overflow-wrap:anywhere}
  .entry-content h2,.misr-readable-content h2{font-size:1.32em;line-height:1.5}
  .entry-content h3,.misr-readable-content h3{font-size:1.15em}
  .entry-content p,.misr-readable-content p{margin-bottom:1.15em}
  .entry-content img,.misr-readable-content img{height:auto;max-width:100%}
  .entry-content figure,.misr-readable-content figure{max-width:100%;margin:1.2em auto}
  .entry-content table,.misr-readable-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .entry-content pre,.misr-readable-content pre{max-width:100%;overflow-x:auto;white-space:pre}
  .entry-content .alignwide,.misr-readable-content .alignwide{max-width:100%;margin-inline:auto}
  .entry-content .alignfull,.misr-readable-content .alignfull{width:100%;max-width:100%;margin-inline:auto}
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .misr-latest-grid,.misr-latest-style-newspaper .misr-latest-grid,.misr-latest-style-portal .misr-latest-grid,.misr-latest-style-digital .misr-latest-grid,.misr-latest-style-culture .misr-latest-grid,.misr-latest-style-business .misr-latest-grid{grid-template-columns:repeat(var(--mobile-home-columns,2),minmax(0,1fr));gap:9px;padding:9px}
  .misr-latest-style-compact .misr-latest-grid,.misr-latest-style-classic .misr-latest-grid,.misr-latest-style-modern .misr-latest-grid,.misr-latest-style-magazine .misr-latest-grid{grid-template-columns:1fr}
  .misr-latest-style-newspaper .latest-card-1{grid-column:1/-1;grid-row:auto}
  .misr-latest-style-newspaper .latest-card-1 h3{font-size:18px}
  .misr-latest-card h3{font-size:13px;line-height:1.6}
  .misr-home-section-posts{grid-template-columns:repeat(var(--mobile-home-columns,2),minmax(0,1fr));gap:9px}
  .misr-home-section-heading{align-items:flex-start;gap:7px;flex-wrap:wrap}
  .misr-home-section-heading h2{font-size:18px}
  .misr-home-section-heading p{flex-basis:100%;order:3}
  .misr-home-section-list .misr-home-section-card{grid-template-columns:100px minmax(0,1fr);gap:9px}
  .misr-home-section-list .misr-home-section-card .news-card-image{height:88px}
  .misr-home-section-featured .misr-home-section-card.card-index-1{grid-column:1/-1;grid-row:auto}
  .misr-archive-layout-list .archive-grid,.misr-archive-layout-list .category-grid{display:flex;flex-direction:column}
  .misr-archive-layout-list .news-card{display:grid;grid-template-columns:minmax(100px,34%) minmax(0,1fr)}
  .misr-archive-layout-list .news-card-image{height:100%;min-height:105px;aspect-ratio:auto}
  .misr-archive-layout-list .news-card h3{font-size:12px}
  .misr-archive-layout-list .card-excerpt{display:none}
  .footer-grid,.footer-widgets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:24px;padding-bottom:23px}
  .footer-about{grid-column:1/-1}
  .footer-grid h2{font-size:20px}
  .footer-grid h3{font-size:14px}
  .footer-bottom-inner{font-size:10px;flex-direction:column;align-items:center;text-align:center;gap:5px}
  .footer-secondary-menu ul{flex-wrap:wrap;gap:8px 13px}
  .misr-ad-slot{width:100%;overflow:hidden;margin:14px auto}
  .misr-ad-slot iframe{max-width:100%!important}
  .misr-back-top{width:40px;height:40px;bottom:calc(14px + env(safe-area-inset-bottom));left:14px}
  .misr-share-sticky-mobile .share-links-bottom{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
}

@media (max-width:380px){
  :root{--misr-space-inline:10px}
  .container{width:calc(100% - 20px)}
  .site-branding .misr-logo{max-width:42vw}
  .header-search{width:32px;height:32px;flex-basis:32px}
  .mobile-menu-toggle{width:38px;height:38px;flex-basis:38px}
  .news-grid,.archive-grid,.category-grid,.misr-home-section-posts{grid-template-columns:1fr}
  .misr-latest-grid,.misr-latest-style-newspaper .misr-latest-grid{grid-template-columns:1fr}
  .misr-latest-style-newspaper .latest-card-1{grid-column:auto}
  .footer-grid,.footer-widgets-grid{grid-template-columns:1fr}
  .footer-about{grid-column:auto}
}

/* Optional mobile enhancements can be disabled without losing the responsive safety rules. */
@media (max-width:800px){
  .misr-mobile-optimized.misr-mobile-font-small{--body-font-size:14px;--article-body-size:17px}
  .misr-mobile-optimized.misr-mobile-font-normal{--body-font-size:15px;--article-body-size:18px}
  .misr-mobile-optimized.misr-mobile-font-large{--body-font-size:16px;--article-body-size:20px}
  .misr-mobile-optimized.misr-mobile-spacing-compact .news-grid,.misr-mobile-optimized.misr-mobile-spacing-compact .misr-home-section-posts{gap:6px}
  .misr-mobile-optimized.misr-mobile-spacing-compact .news-card-body{padding:7px}
  .misr-mobile-optimized.misr-mobile-spacing-comfortable .news-card,.misr-mobile-optimized .widget{border-radius:8px}
  .misr-mobile-optimized .news-card{overflow:hidden}
  .misr-mobile-optimized .mobile-menu-toggle{box-shadow:0 1px 3px rgba(0,0,0,.06)}
}
@media (max-width:1024px){
  .misr-no-mobile-menu .mobile-menu-toggle{display:none!important}
  .misr-no-mobile-menu .header-inner{flex-wrap:wrap}
  .misr-no-mobile-menu .primary-navigation{display:block;position:static;flex:1 1 100%;order:10;width:100%;max-height:none;overflow:visible;border:0;box-shadow:none;padding:0;background:transparent}
  .misr-no-mobile-menu .primary-menu{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:12px;scrollbar-width:thin}
  .misr-no-mobile-menu .primary-menu>li{flex:0 0 auto;width:auto}
  .misr-no-mobile-menu .primary-menu>li>a{white-space:nowrap;border:0;padding:10px 2px}
  .misr-no-mobile-menu .primary-menu .sub-menu{display:none}
  .misr-hide-search-mobile .header-search{display:none!important}
  .misr-hide-home-hero-mobile .home-main .hero-mosaic,.misr-hide-home-hero-mobile .misr-home-latest .misr-latest-card.is-featured{display:none!important}
  .misr-hide-topbar-mobile .topbar,.misr-hide-breaking-mobile .breaking-bar{display:none!important}
  .misr-hide-sidebar-mobile .site-sidebar{display:none!important}
  .misr-hide-footer-mobile .site-footer{display:none!important}
  .misr-sidebar-before-mobile .layout-with-sidebar,.misr-sidebar-before-mobile .article-layout{display:flex;flex-direction:column}
  .misr-sidebar-before-mobile .site-sidebar{order:-1}
  .misr-mobile-sticky-header .site-header{position:sticky;top:0}
  .misr-share-sticky-mobile .share-links-bottom{position:fixed;bottom:0;right:0;left:0;z-index:60;background:#fff;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -3px 16px rgba(0,0,0,.12);justify-content:center}
  .misr-share-sticky-mobile .single-article{padding-bottom:76px}
}
@media (min-width:783px) and (max-width:1024px){body.admin-bar .site-header.is-sticky,body.admin-bar .misr-mobile-sticky-header .site-header{top:32px}}
@media (max-width:782px){body.admin-bar .site-header.is-sticky,body.admin-bar .misr-mobile-sticky-header .site-header{top:46px}}
@media (prefers-reduced-motion:reduce){.misr-mobile-optimized *{scroll-behavior:auto!important;transition:none!important}}