/* Q-Drama-inspired visual layer for Moshahid. Keeps the original theme options intact. */
:root{--qd-red:#d9534f;--qd-black:#111;--qd-panel:#1c1c1c;--qd-page:#fff;--qd-muted:#eee;--qd-content-width:1005px}
html{overflow-x:hidden;scroll-padding-top:76px}
body{overflow-x:hidden;overflow-y:auto;background:linear-gradient(90deg,#151515 0,#343434 19%,#343434 81%,#151515 100%);color:#333;font-family:Arial,Tahoma,sans-serif}
a{transition:color .15s ease}
#header.header{position:sticky;top:0;display:block;background:#111!important;border-bottom:3px solid var(--qd-red);box-shadow:none;z-index:1000;color:#fff}
#header .header-element{height:60px;max-width:1600px;margin:auto}
#header .header-element .menu{width:44px;padding:0 12px;order:4}
#header .header-element .menu svg{fill:#777;width:21px;height:21px}
#header .header-element .logo{width:170px;padding:0 12px;white-space:nowrap}
#header .header-element .logo a,#header .header-element .logo a:hover{color:var(--qd-red);font-size:25px;font-weight:800;text-decoration:none}
#header .header-element .logo img{max-height:38px;max-width:160px;object-fit:contain}
#header .header-element .search{padding:0 12px;width:auto}
#header .header-element .search form{width:min(520px,100%);height:38px;border:1px solid #ddd;border-radius:3px;background:#fff}
#header .header-element .search form input{height:36px;line-height:36px;padding:0 10px;color:#222;background:#fff;border-radius:3px;font-size:14px}
#header .header-element .search form button{height:36px;background:var(--qd-red);border:0;color:#fff;border-radius:0;padding:6px 10px}
#header .header-element .search form button svg{fill:#fff;width:20px;height:20px}
#header .header-element .login{padding:0 16px;width:auto}
#header .header-element .login svg{fill:#ddd}
#panel{min-height:calc(100vh - 60px)}
#main.main{max-width:var(--qd-content-width);width:calc(100% - 24px);margin:0 auto!important;top:0;background:var(--qd-page);padding:12px;box-sizing:border-box;min-height:65vh}
.cat-menu{margin:-12px -12px 12px;background:#1b1b1b;border-radius:0 0 12px 12px;padding:10px 8px;overflow-x:auto;white-space:nowrap}
.cat-menu .menu-category{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}
.cat-menu .menu-category li{display:inline-block;margin:2px}
.cat-menu .menu-category a{display:block;background:#101010;color:#fff;border-radius:3px;padding:10px 12px;font-size:13px;font-weight:700;text-decoration:none}
.cat-menu .menu-category a:hover,.cat-menu .current-menu-item>a{background:var(--qd-red);color:#fff}
.home-container,.home-body,.home-content{width:100%;max-width:100%;box-sizing:border-box}
.home-container{margin:0 auto 14px}
.home-body{padding:0}
.home-content{background:#fff}
.latest-data{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none}
.latest-data .video-grid{position:relative;float:none!important;width:auto!important;min-width:0;margin:0!important;padding:0!important;box-sizing:border-box}
.latest-data .video-grid .thumb{padding-bottom:56.25%;height:0;overflow:hidden;position:relative;background:#ddd}
.latest-data .video-grid .thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;border-radius:3px}
.latest-data .video-grid .data{position:absolute;left:0;right:0;bottom:0;padding:22px 7px 7px;background:linear-gradient(transparent,rgba(0,0,0,.92));color:#fff;box-sizing:border-box}
.latest-data .video-grid .data a,.latest-data .video-grid .data .title a{color:#fff!important;font-weight:700;text-shadow:0 1px 2px #000}
.latest-data .video-grid .data .col-2{width:100%;float:none}
.latest-data .video-grid .data .col-2-a{display:none}
.latest-data .video-grid .data h2,.latest-data .video-grid .data h3{font-size:13px;line-height:1.35;max-height:2.7em;overflow:hidden;text-align:center}
.latest-data .video-grid .data .meta{color:#eee;font-size:11px}
.thumb .later{z-index:3}
.home-nav{margin:0 0 12px!important;border-bottom:2px solid var(--qd-red)}
.home-nav li{padding:10px 12px!important}
#footer.footer{display:block;background:#111;color:#ccc;border-top:3px solid var(--qd-red);margin:0;padding:14px 12px}
#footer .footer-nav{max-width:var(--qd-content-width);margin:auto;text-align:center}
#footer a{color:#ddd}
/* Archive/search/single content stays legible inside the same white canvas. */
.archive .main,.search .main,.single .main,.page .main{color:#333}
.category-desc{margin:10px 0;padding:10px 12px;background:#f5f5f5;border-radius:5px;line-height:1.8}
/* Episode and content metadata: compact cards similar to the reference site. */
.episodes-list,.list-episodes,.list-episodes-seasons{gap:6px}
.episodes-list a,.list-episodes a,.list-episodes-seasons a{border-radius:2px}
img{max-width:100%;height:auto}
@media(max-width:900px){:root{--qd-content-width:100%}#main.main{width:100%;padding:9px}.latest-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cat-menu{margin:-9px -9px 10px}.cat-menu .menu-category{flex-wrap:nowrap;justify-content:flex-start}.cat-menu .menu-category a{padding:9px 10px}.header-element .logo{width:140px!important}}
@media(max-width:600px){body{background:#fff}#header .header-element{height:54px}#header .header-element .logo{width:auto!important;padding:0 6px;max-width:45%;overflow:hidden}#header .header-element .logo a{font-size:20px}#header .header-element .menu{padding:0 10px;width:38px}#header .header-element .search{padding:0 5px;min-width:0}#header .header-element .search form{width:100%;height:34px}#header .header-element .search form input{height:32px;font-size:12px;padding:0 6px}#header .header-element .search form button{height:32px;padding:5px 7px}#header .header-element .login{padding:0 8px}.latest-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.latest-data .video-grid .data{padding:18px 5px 5px}.latest-data .video-grid .data h2,.latest-data .video-grid .data h3{font-size:12px;line-height:1.3}.cat-menu{padding:8px 6px}.cat-menu .menu-category a{font-size:12px;padding:8px 9px}#main.main{padding:7px}.home-nav li{padding:8px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Refinements: archive cards, watch pages, navigation, and keyboard accessibility. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--qd-red);outline-offset:2px}
#main.main .spw,
#main.main .home-container,
#main.main .playlist-container,
#main.main .channel-container{max-width:100%;width:100%;margin-left:auto;margin-right:auto}
#main.main .spb{gap:14px;align-items:flex-start}
#main.main .spc{min-width:0;max-width:100%}
#main.main .spcw{min-width:0;max-width:100%}
#main.main .video-title{font-size:clamp(20px,2.5vw,28px);line-height:1.5;font-weight:700;color:#222;margin:16px 0 12px}
#main.main .info-warpper{line-height:1.85}
#main.main .info-warpper .content,
#main.main .info-warpper .video-content{overflow-wrap:anywhere;line-height:1.9}
#main.main .EpisodesArea{margin:18px 0;padding:14px;background:#f5f5f5;border-radius:7px}
#main.main .EpisodesArea h3{margin:0 0 12px;padding:10px 12px;background:#e9e9e9;border-radius:5px;font-size:17px;color:#333}
#main.main .EpisodesList{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:0}
#main.main .EpisodesList a{display:flex;justify-content:center;align-items:center;min-height:44px;margin:0;padding:7px 5px;border-radius:3px;background:#e7e7e7;color:#555;font-size:14px;font-weight:700;text-align:center;overflow-wrap:anywhere}
#main.main .EpisodesList a:hover,#main.main .EpisodesList a.active{background:var(--qd-red)!important;color:#fff!important;opacity:1}
#main.main .series-links{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:16px 0}
#main.main .series-links a{margin:0;background:#eee;border-radius:3px;padding:8px 12px;color:#333}
#main.main .series-links a:hover{background:var(--qd-red);color:#fff}
#main.main .video-grid .thumb{border-radius:3px;overflow:hidden;background:#e5e5e5}
#main.main .video-grid .thumb img{display:block;object-fit:cover}
#main.main .video-grid .data{display:block}
#main.main .video-grid .data h2,#main.main .video-grid .data h3{font-weight:700;overflow-wrap:anywhere}
#main.main .home-nav{display:flex;flex-wrap:wrap;gap:4px;align-items:center;background:#f0f0f0;border-radius:5px;padding:0 8px}
#main.main .home-nav li{margin:0}
#main.main .home-nav a,#main.main .home-nav .txt{color:#444}
#main.main .pagination,#main.main .wp-pagenavi{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:18px 0}
#main.main .pagination a,#main.main .pagination span,#main.main .wp-pagenavi a,#main.main .wp-pagenavi span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:6px 10px;background:#eee;border-radius:3px;color:#333}
#main.main .pagination .current,#main.main .wp-pagenavi .current{background:var(--qd-red);color:#fff}
#footer.footer{line-height:1.8}
@media(max-width:900px){
 #main.main .spb{display:block}
 #main.main .spc,#main.main .sticky-sidebar{width:100%;max-width:100%;float:none}
 #main.main .EpisodesList{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:600px){
 #main.main .spw{padding:0}
 #main.main .spb{gap:10px}
 #main.main .video-title{font-size:20px;line-height:1.45;margin:12px 0}
 #main.main .EpisodesArea{padding:9px;margin:12px 0}
 #main.main .EpisodesList{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 #main.main .EpisodesList a{font-size:12px;min-height:40px;padding:6px 3px}
 #main.main .info-warpper{font-size:14px}
 #main.main .home-nav{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}
 #main.main .home-nav li{flex:0 0 auto}
}

/* Update 1.3: correct Arabic typography and use the available desktop width. */
:root{--qd-content-width:1200px}
html[dir="rtl"] body,
body.rtl,
body,
body input,
body button,
body select,
body textarea,
body .video-title,
body .info-warpper,
body .category-desc,
body .video-grid .data,
body .menu-category,
body .footer,
body .EpisodesArea,
body .EpisodesList{
  font-family:"Cairo","Droid Arabic Kufi",Tahoma,Arial,sans-serif!important;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}
body{line-height:1.75}
#main.main{
  width:min(1200px,calc(100% - 24px));
  max-width:1200px;
  padding:14px;
}
#main.main .spw,
#main.main .spb,
#main.main .spc,
#main.main .spcw,
#main.main .home-container,
#main.main .home-content,
#main.main .playlist-container,
#main.main .channel-container{box-sizing:border-box;min-width:0}
#main.main .spw,#main.main .home-container,#main.main .playlist-container,#main.main .channel-container{width:100%;max-width:100%}
#main.main .video-title{font-weight:700;letter-spacing:0;overflow-wrap:anywhere}
#main.main .EpisodesArea h3{font-weight:700;line-height:1.5;overflow-wrap:anywhere}
#main.main .EpisodesList a{line-height:1.45;word-break:normal;overflow-wrap:anywhere}
#main.main .series-links a{line-height:1.5;white-space:normal}
@media(max-width:900px){
  #main.main{width:100%;max-width:100%;padding:10px}
}
@media(max-width:600px){
  #main.main{padding:8px}
  body{line-height:1.7}
}


/* Update 1.4: reliable full-width single-video layout and readable season cards. */
:root{--qd-content-width:1200px}
#main.main{width:min(1200px,calc(100% - 24px));max-width:1200px;margin-inline:auto;padding:14px}
body.single-post #main.main .spw,
body.single-post #main.main .spb,
body.single-post #main.main .spcw,
body.single-post #main.main .spc{display:block;float:none;width:100%;max-width:100%;min-width:0}
body.single-post #main.main .spb{margin:0}
/* Q-Drama's watch layout does not reserve a large empty column for an unused sidebar. */
body.single-post #main.main #sidebar.sticky-sidebar{display:none!important}
body.single-post #main.main .info-warpper,
body.single-post #main.main .comments-wrapper{width:100%;max-width:100%;margin-inline:auto;padding-inline:0}
/* Use installed system Arabic fonts; do not claim Cairo is loaded when no Cairo font file exists. */
html[dir="rtl"] body,
body.rtl,
body,
body input,
body button,
body select,
body textarea,
body .video-title,
body .info-warpper,
body .category-desc,
body .video-grid .data,
body .menu-category,
body .footer,
body .EpisodesArea,
body .EpisodesList{font-family:Tahoma,Arial,sans-serif!important;font-synthesis:none;letter-spacing:normal}
body{line-height:1.7}
#main.main .EpisodesArea[aria-labelledby="season-list-title"] .EpisodesList{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}
#main.main .EpisodesArea[aria-labelledby="season-list-title"] .EpisodesList a{min-height:74px;padding:10px 8px;overflow-wrap:normal;word-break:normal}
#main.main .EpisodesArea[aria-labelledby="season-list-title"] .season-count{display:block;margin:3px 0 0;font-size:11px;line-height:1.4}
#main.main .EpisodesArea[aria-labelledby="episode-list-title"] .EpisodesList{grid-template-columns:repeat(8,minmax(0,1fr))}
@media(max-width:900px){
 #main.main{width:100%;max-width:100%;padding:10px}
 body.single-post #main.main .spw{padding:0}
 #main.main .EpisodesArea[aria-labelledby="episode-list-title"] .EpisodesList{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:600px){
 #main.main{padding:8px}
 body.single-post #main.main .info-warpper,
 body.single-post #main.main .comments-wrapper{padding-inline:0}
 #main.main .EpisodesArea[aria-labelledby="season-list-title"] .EpisodesList{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))}
 #main.main .EpisodesArea[aria-labelledby="episode-list-title"] .EpisodesList{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* Category hierarchy navigation: RTL-safe dropdowns and readable archive branches. */
.cat-menu{position:relative;z-index:1001;overflow:visible;white-space:normal}
.cat-menu .menu-category{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;direction:rtl;max-width:100%;padding:0 8px;margin:0 auto}
.cat-menu .menu-category>li{position:relative;float:none;flex:0 0 auto}
.cat-menu .menu-category li{position:relative;white-space:normal}
.cat-menu .menu-category a{display:block;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
.cat-menu .menu-category ul.sub-menu{display:none;position:absolute;top:100%;right:0;left:auto;z-index:9999;min-width:190px;max-width:min(320px,90vw);margin:0;padding:5px 0;background:#fff;border:1px solid #e7e7e7;border-radius:0 0 6px 6px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.cat-menu .menu-category li:hover>ul.sub-menu,.cat-menu .menu-category li:focus-within>ul.sub-menu{display:block}
.cat-menu .menu-category ul.sub-menu li{display:block;float:none;width:100%}
.cat-menu .menu-category ul.sub-menu a{padding:9px 13px;white-space:normal}
.cat-menu .menu-category ul.sub-menu ul.sub-menu{top:0;right:100%;left:auto}
.dark .cat-menu .menu-category ul.sub-menu{background:#1f1f1f;border-color:#333}
.dark .cat-menu .menu-category ul.sub-menu a{color:#eee}
.dark .cat-menu .menu-category ul.sub-menu a:hover,.dark .cat-menu .menu-category ul.sub-menu a:focus{background:#303030;color:#fff}
.qd-category-branches{margin:12px 0 16px;padding:12px;background:#f4f4f4;border-radius:6px;color:#333}
.qd-category-branches>strong{display:block;margin:0 0 9px;font-size:15px}
.qd-category-branches__items{display:flex;flex-wrap:wrap;gap:7px}
.qd-category-branches__items a{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:#fff;border:1px solid #e4e4e4;border-radius:4px;color:#333;text-decoration:none;line-height:1.5}
.qd-category-branches__items a span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 5px;background:#eee;border-radius:10px;font-size:11px}
.qd-category-branches__items a.is-current,.qd-category-branches__items a:hover{background:var(--qd-red);border-color:var(--qd-red);color:#fff}
.qd-category-branches__items a.is-current span,.qd-category-branches__items a:hover span{background:rgba(255,255,255,.2);color:#fff}
.dark .qd-category-branches{background:#222;color:#eee}
.dark .qd-category-branches__items a{background:#2d2d2d;border-color:#3b3b3b;color:#eee}
@media(max-width:767px){.cat-menu .menu-category{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.cat-menu .menu-category>li{flex:0 0 auto}.cat-menu .menu-category ul.sub-menu{position:static;min-width:0;max-width:none;border-radius:0;box-shadow:none}.cat-menu .menu-category ul.sub-menu ul.sub-menu{position:static;margin-right:12px}.qd-category-branches{padding:9px}.qd-category-branches__items{gap:5px}.qd-category-branches__items a{padding:6px 8px;font-size:13px}}