:root{
  --card:var(--elsha3r-surface);
  --bg:var(--elsha3r-surface-2);
  --border:var(--elsha3r-border);
  --muted:var(--elsha3r-muted);
  --dark:#1d2433;
  --mid:#404d63;
}

html,body{color:var(--elsha3r-ink);} 
body{font-family:"Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
#layout{overflow:hidden;}
#site_content>.container,
.home-main,
.content-main,
.elsha3r-single-main{min-width:0;}

/* shared premium surfaces */
.elsha3r-block,
.elsha3r-sidebox,
.elsha3r-single-article,
.elsha3r-related,
.elsha3r-tabs,
.widget,
.elsha3r-category-card,
.elsha3r-category-header,
.elsha3r-popular-item,
.elsha3r-content-wrapper,
.elsha3r-single-sidebar .widget,
.header-ad a,
.hero-featured-inner,
.hero-ad,
.elsha3r-ad-box img,
.elsha3r-ad-box iframe,
.elsha3r-ad-box ins,
.elsha3r-ad-box > a,
.footer-main{
  background:var(--elsha3r-surface);
  border:1px solid rgba(var(--elsha3r-primary-rgb),.10);
  box-shadow:var(--elsha3r-shadow-soft);
  border-radius:22px;
}

.elsha3r-block,
.elsha3r-sidebox,
.elsha3r-tabs,
.widget,
.elsha3r-related,
.elsha3r-single-article,
.elsha3r-category-card,
.elsha3r-category-header{overflow:hidden;}

/* header */
.header_3{background:rgba(23,31,46,.92);backdrop-filter:blur(12px);box-shadow:0 14px 36px rgba(15,23,42,.18);}
.main-nav{height:64px;padding-inline:8px;gap:16px;}
.primary-menu{gap:8px;flex-wrap:wrap;justify-content:center;}
.primary-menu>li{margin:0;}
.primary-menu>li>a{
  height:44px;line-height:44px;padding:0 18px;border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.primary-menu>li>a::after{background:linear-gradient(135deg,var(--elsha3r-primary) 0%,var(--elsha3r-primary-dark) 100%);} 
.header-datetime{
  border-radius:14px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.header_2{background:linear-gradient(180deg,#f9fbff 0%,#edf2f8 100%) !important;box-shadow:0 20px 50px rgba(15,23,42,.14);}
.header_2::before{background:
 radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.60) 32%,rgba(255,255,255,0) 62%),
 linear-gradient(180deg,rgba(var(--elsha3r-primary-rgb),.03),transparent 70%);
}
.header-main{height:118px;gap:28px;}
.site-logo img{max-height:84px;width:auto;}
.editor-box{padding:14px 18px;border-radius:18px;background: var(--elsha3r-primary);border:1px solid rgba(var(--elsha3r-primary-rgb),.08);box-shadow:0 12px 24px rgba(15,23,42,.05);} 
.editor-title{font-size:12px;color: #fff;}
.editor-name{font-size:22px;color: #fff;}
.header-ad a{padding:10px 12px;background:#fff;}
.header-ad img{max-height:88px;border-radius:14px;}
.header_4{background: #28303d;/* padding-block:14px 0; */}
.header-bottom{
  min-height:68px;
  height:auto;
  padding:10px 14px;
  border-radius:20px;
  border:1px solid rgba(var(--elsha3r-primary-rgb),.10);
  box-shadow:var(--elsha3r-shadow-soft);
}
.header-search-form{gap:10px;}
.header-search-field{height:46px;border:1px solid var(--border);border-radius:14px;padding-inline:16px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.55);} 
.header-search-field:focus{border-color:rgba(var(--elsha3r-primary-rgb),.40);box-shadow:0 0 0 4px rgba(var(--elsha3r-primary-rgb),.10);} 
.header-search-submit{height:46px;border-radius:14px;padding-inline:24px;background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark));box-shadow:0 10px 20px rgba(var(--elsha3r-primary-rgb),.24);} 
.breaking-ticker,
.ticker-section .breaking-ticker,
.ticker-wrap{border-radius:16px;}

/* hero */
.hero{margin-top:20px;margin-bottom:28px;}
.hero-featured-row{gap:20px;align-items:stretch;}
.hero-featured-inner{/* padding:16px; */background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%);} 
.hero-slider{border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,.18);} 
.hero-slide-overlay{background:linear-gradient(180deg,rgba(5,10,20,.06) 0%,rgba(5,10,20,.38) 46%,rgba(8,12,22,.82) 100%);} 
.hero-cat,
.hero-meta-box{backdrop-filter:blur(8px);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 14px;}
.hero-cat{background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark));color:#fff;border:none;box-shadow:0 8px 20px rgba(var(--elsha3r-primary-rgb),.26);} 
.hero-content{position:absolute;bottom:20px;right:20px;z-index:10;max-width:85%;}
.hero-title{margin:0;color:#fff;font-size:24px;font-weight:600;line-height:1.4;max-width:65%;text-align:right;text-shadow:0 2px 8px rgba(0,0,0,.55);}
.hero-nav{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);background:rgba(255,255,255,.12);} 
.hero-thumbs{gap:10px;padding-top: 0px;}
.hero-thumb{border-radius:15px;border:1px solid rgba(var(--elsha3r-primary-rgb),.08);box-shadow:0 10px 18px rgba(15,23,42,.06);overflow:hidden;} 
.hero-thumb.is-active{border:3px solid var(--elsha3r-primary);background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark));box-shadow:0 14px 28px rgba(var(--elsha3r-primary-rgb),.18);} 
.hero-thumb-overlay{background:linear-gradient(180deg,rgba(5,10,20,.08),rgba(8,12,22,.76));}
.hero-thumb-title{font-weight:700;line-height:1.6;}
.hero-ad{/* padding:12px; */min-width:280px;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%);} 
.hero-ad img{border-radius: 15px;}

/* layout */
.home-grid,.content-grid,.elsha3r-single-grid{gap:24px;}
.home-main>*+*,.elsha3r-home-right>*+*,.elsha3r-home-left>*+*{margin-top:24px;}
.elsha3r-home-row{gap:24px;align-items:start;}
.elsha3r-home-left,.elsha3r-home-right{min-width:0;}

/* sections */
.elsha3r-headbar,
.elsha3r-block-head{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  background: linear-gradient(180deg, #303440 0%, #303440 100%);
  padding:16px 18px 14px;
  border-bottom:1px solid rgba(var(--elsha3r-primary-rgb),.10);
}
.elsha3r-headbar::before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--head-accent,var(--elsha3r-primary)),color-mix(in srgb,var(--head-accent,var(--elsha3r-primary)) 70%,#0f172a 30%));
}
.elsha3r-head-title{font-size:20px;font-weight:800;letter-spacing:-.2px;color:var(--dark);} 
.elsha3r-head-ico,.elsha3r-head-icon{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:rgba(var(--elsha3r-primary-rgb),.08);color:var(--head-accent,var(--elsha3r-primary));
  border:1px solid rgba(var(--elsha3r-primary-rgb),.12);
}
.elsha3r-block-body,.elsha3r-sidebox-body,.elsha3r-tabs-body{padding:18px;}
.elsha3r-empty{padding:18px;border-radius:16px;background:var(--elsha3r-surface-2);color:var(--muted);text-align:center;}

/* cards */
.elsha3r-card,
.elsha3r-showcase-item,
.elsha3r-related-item,
.elsha3r-toplist-item,
.elsha3r-tab-item,
.elsha3r-pop-card,
.elsha3r-followups-item,
.elsha3r-fourcols-item,
.elsha3r-category-card,
.elsha3r-popular-item{
  border-radius:18px !important;
  border: 2px solid var(--elsha3r-primary);
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.elsha3r-card:hover,
.elsha3r-showcase-item:hover,
.elsha3r-related-item:hover,
.elsha3r-toplist-item:hover,
.elsha3r-tab-item:hover,
.elsha3r-pop-card:hover,
.elsha3r-followups-item:hover,
.elsha3r-fourcols-item:hover,
.elsha3r-category-card:hover,
.elsha3r-popular-item:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 36px rgba(15,23,42,.10);
  border-color:rgba(var(--elsha3r-primary-rgb),.22);
}
.elsha3r-card-img,
.elsha3r-toplist-thumb,
.elsha3r-related-thumb,
.elsha3r-showcase-thumb,
.elsha3r-card-image,
.elsha3r-tab-thumb{border-radius: 25px;border: 3px solid var(--elsha3r-primary);box-shadow: -4px 6px 7px 0px #303440;overflow:hidden;}
.elsha3r-card img,
.elsha3r-toplist-thumb img,
.elsha3r-related-thumb img,
.elsha3r-card-image img,
.elsha3r-tab-thumb,
.elsha3r-single-thumb img{transition:transform .35s ease;}
.elsha3r-card:hover img,
.elsha3r-toplist-item:hover img,
.elsha3r-related-item:hover img,
.elsha3r-category-card:hover img,
.elsha3r-single-thumb:hover img{transform:scale(1.03);} 
.elsha3r-card-title,
.elsha3r-showcase-title,
.elsha3r-toplist-title,
.elsha3r-tab-title,
.elsha3r-related-title-link,
.elsha3r-category-title a,
.elsha3r-card-title a{color:var(--dark);font-weight:800;line-height:1.7;} 
.elsha3r-card-title a:hover,
.elsha3r-showcase-title a:hover,
.elsha3r-toplist-title:hover,
.elsha3r-tab-title:hover,
.elsha3r-related-title-link:hover{color:var(--elsha3r-primary-dark);} 
.elsha3r-card-excerpt,
.elsha3r-showcase-item-body,
.elsha3r-toplist-meta,
.elsha3r-card-excerpt,
.elsha3r-category-description,
.elsha3r-meta-badge,
.elsha3r-card-category span,
.elsha3r-card-category,
.elsha3r-tab .is-active{
  border-radius:999px;
}
.elsha3r-meta-badge{
  border:1px solid rgba(var(--elsha3r-primary-rgb),.12);
}
.elsha3r-tag,
.elsha3r-author-badge,
.elsha3r-card-category span{
  background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark));
  color:#fff !important;
  border:none;
  box-shadow:0 10px 18px rgba(var(--elsha3r-primary-rgb),.20);
}
.elsha3r-tab{border-radius:14px;padding:12px 16px;background:#f4f7fb;color:var(--mid);border:1px solid transparent;font-weight:700;} 
.elsha3r-tab.is-active{background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark));color:#fff;box-shadow:0 10px 20px rgba(var(--elsha3r-primary-rgb),.22);} 
.elsha3r-pop-rank,
.elsha3r-popular-number{background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark)) !important;color:#fff;border:none;box-shadow:0 8px 18px rgba(var(--elsha3r-primary-rgb),.24);} 

/* mosaic */
.elsha3r-mosaic,.hslider{
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#f6f8fc 100%);
  border:1px solid rgba(var(--elsha3r-primary-rgb),.10);
  box-shadow:var(--elsha3r-shadow);
}
#NewTitleDiv,
.SliderDownDiv{position:absolute !important;bottom:0;left:0;right:0;height:34px;line-height:34px;color:#fff;text-align:center;font-family:'Cairo','Droid Arabic Kufi',Tahoma,Arial,sans-serif;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 50px;box-sizing:border-box;background:#303440;border-radius:0 0 6px 6px;z-index:15 !important;} 
.Bullet_label,.img-count-link{border-radius:12px !important;}
.activeBullet,.activeImg,.Bullet_label:hover{background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark)) !important;color:#fff !important;}
.SingleNewDiv,.Border-Img{border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.75);box-shadow:0 10px 22px rgba(15,23,42,.08);max-height:calc(95%) !important;} 

/* single */
.elsha3r-single-article{padding:22px;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);} 
.elsha3r-breadcrumb{padding:12px 16px;border-radius:16px;background: #303440;border:1px solid rgba(var(--elsha3r-primary-rgb),.08);} 
.elsha3r-breadcrumb a,.elsha3r-breadcrumb .current{color:#fff;} 
.elsha3r-breadcrumb a:hover{background:rgba(var(--elsha3r-primary-rgb),.08);color:var(--elsha3r-primary-dark);} 
.elsha3r-single-title{line-height:1.55;color:var(--elsha3r-primary) !important;padding:0;margin-block:18px 12px;text-shadow:none;} 
.elsha3r-single-meta{gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px;}
.elsha3r-single-thumb,.elsha3r-content-wrapper,.elsha3r-tagsbar,.elsha3r-sharebar-wrapper,.elsha3r-post-nav{border-radius:22px;overflow:hidden;}
.elsha3r-single-thumb{border:1px solid rgba(var(--elsha3r-primary-rgb),.10);box-shadow:var(--elsha3r-shadow-soft);} 
.elsha3r-content-wrapper{background: #dddddd;border: 2px solid rgb(4 116 162 / 74%) !important;box-shadow: -3px 11px 3px 2px rgb(15 23 42 / 84%);} 
.elsha3r-content-wrapper:before{display:none !important;}
.elsha3r-single-content{font-size:19px;line-height:2.05;color:#202735;}
.elsha3r-single-content p{margin-bottom:1.2em;}
.elsha3r-single-content h2,
.elsha3r-single-content h3{color:var(--dark);border-color:rgba(var(--elsha3r-primary-rgb),.18);} 
.elsha3r-single-content blockquote{
  background:linear-gradient(180deg,#f8faff 0%,#f0f4fb 100%);
  border-right:4px solid var(--elsha3r-primary);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70);
}
.elsha3r-listen-btn,.elsha3r-comment-form button,.elsha3r-comment-submit button{background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark));}
.elsha3r-sharebar .sbtn{border-radius:14px;border:1px solid rgba(var(--elsha3r-primary-rgb),.10);box-shadow:0 8px 18px rgba(15,23,42,.06);} 
.elsha3r-post-nav .nav-link{border-radius:20px;background:#fff;border:1px solid rgba(var(--elsha3r-primary-rgb),.10);box-shadow:var(--elsha3r-shadow-soft);} 

/* category/archive/page */
.elsha3r-category-header,
.elsha3r-page-headbar{padding:20px;border-radius:24px;background:#303440;} 
.elsha3r-category-banner{display:flex;align-items:center;gap:18px;}
.elsha3r-category-icon{width:70px;height:70px;border-radius:22px;background: var(--elsha3r-primary);color: #fff;border: 2px solid #efefef4f;} 
.elsha3r-view-btn{border-radius:14px;border:1px solid var(--border);/* background:#fff; */} 
.elsha3r-view-btn.active{background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark));color:#fff;border-color:transparent;} 
.elsha3r-sort-select{height:46px;border-radius:14px;border:1px solid var(--border);/* background:#fff; */padding-inline:14px;} 
.elsha3r-categories-list .cat-item a{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:var(--elsha3r-surface-2);border:1px solid transparent;} 
.elsha3r-categories-list .cat-item a:hover{border-color:rgba(var(--elsha3r-primary-rgb),.16);background:#fff;}
.cat-count{min-width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:rgba(var(--elsha3r-primary-rgb),.10);color:var(--elsha3r-primary-dark);font-weight:800;} 

/* sidebar/widgets */
.home-sidebar .widget,
.content-sidebar .widget,
.elsha3r-single-sidebar .widget,
.archive-sidebar .widget,
.elsha3r-sidebox{padding:0;}
.widget-title{margin:0;padding:16px 18px;font-size:18px;font-weight:800;color:var(--dark);border-bottom:1px solid rgba(var(--elsha3r-primary-rgb),.10);} 
.widget > *:not(.widget-title){padding-inline:18px;}

/* Force sidebar visibility */
.elsha3r-single-sidebar .elsha3r-ad-box,
.elsha3r-videos-archive .elsha3r-ad-box{
  display:block !important;
  margin-bottom:20px;
}
.elsha3r-single-sidebar .widget,
.elsha3r-videos-archive .content-sidebar .widget{
  display:block !important;
  margin-bottom:20px;
} 
.elsha3r-fb-embed,.elsha3r-popular-list{padding:18px;}

/* footer */
#cz_33560{margin-top:44px;}
.site-footer{margin-top:0;background:transparent;}
.footer-main{padding:28px;background:linear-gradient(180deg,#1f2738 0%,#171d2c 100%);border-color:rgba(255,255,255,.06);box-shadow:0 20px 44px rgba(8,12,22,.30);} 
.footer-site-name,.footer-brand-line,.footer-credit,.footer-copy,.footer-links a,.footer-brand-muted a{color:#fff !important;} 
.footer-brand-muted,.footer-brand-muted a{color:rgba(255,255,255,.72) !important;} 
.footer-divider{background:rgba(255,255,255,.08);} 
.footer-links a:hover{background:rgba(var(--elsha3r-primary-rgb),.22);border-color:rgba(var(--elsha3r-primary-rgb),.35);} 
.footer-bottom{background:linear-gradient(180deg,#171d2c 0%,#111827 100%);border-top:1px solid rgba(255,255,255,.06);} 
.footer-bottom-inner{min-height:78px;}
.footer-social a,.back-to-top{border-radius: 50px;background: linear-gradient(92deg, rgb(0 0 0 / 99%), #055e85f2);box-shadow: 0 3px 20px rgb(4 116 162 / 40%);} 

/* forms / interactions */
input[type="text"],input[type="search"],input[type="email"],input[type="url"],textarea,select{font-family:inherit;}
input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(var(--elsha3r-primary-rgb),.30);box-shadow:0 0 0 4px rgba(var(--elsha3r-primary-rgb),.10);} 

@media (max-width: 991px){
  .main-nav{height:auto;padding:10px 12px;}
  .primary-menu{display:none;}
  .header-main{height:auto;flex-wrap:wrap;justify-content:center;padding:14px 0;}
  .header-ad,.header-logo,.header-editor{justify-content:center !important;width:100%;}
  .header-bottom{flex-direction:column;align-items:stretch;padding:14px;}
  .header-bottom .ticker-section,.header-bottom .search-section{max-width:none;width:100%;}
  .hero-slide{min-height:360px;}
  .hero-title{max-width:100%;}
  .hero-featured-row,.elsha3r-home-row,.content-grid,.elsha3r-single-grid{display:block;}
  .hero-ad,.home-sidebar,.content-sidebar,.elsha3r-single-sidebar{margin-top:20px;}
}

@media (max-width: 767px){
  .container{padding-inline:14px;}
  .elsha3r-headbar,.elsha3r-block-head{padding:14px;}
  .elsha3r-head-title{font-size:18px;}
  .hero-slide{min-height:300px;}
  .hero-nav{width:44px;height:44px;}
  .header-search-field,.header-search-submit{height:44px;}
  .elsha3r-single-title{font-size:18px !important;}
  .elsha3r-single-content{font-size:17px;line-height:1.95;}
  .footer-bottom-inner{gap:14px;padding-block:16px;}
}

/* ===== Video Library / Showcase ===== */
.elsha3r-video-archive-link{
  color:#fff;text-decoration:none;font-weight:800;font-size:13px;
  padding:8px 14px;border-radius:999px;background:color-mix(in srgb, var(--elsha3r-primary) 86%, black 14%);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.elsha3r-video-showcase-wrap{gap:18px;align-items:stretch}
.elsha3r-video-featured .elsha3r-showcase-media,
.elsha3r-video-card-media{position:relative;overflow:hidden;border-radius:18px;display:block;background:#111}
.elsha3r-video-featured .elsha3r-showcase-media img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}
.elsha3r-video-showcase-item .elsha3r-showcase-thumb img,
.elsha3r-video-card-image img{width:100%;height:100%;min-height:110px;object-fit:cover;display:block}
.elsha3r-video-play{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.17);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.45);
  box-shadow:0 15px 35px rgba(0,0,0,.28);font-size:28px;transition:transform .25s ease, background .25s ease;
}
.elsha3r-video-play.small{width:52px;height:52px;font-size:18px}
.elsha3r-video-card-media:hover .elsha3r-video-play{transform:translate(-50%,-50%) scale(1.08);background:color-mix(in srgb, var(--elsha3r-primary) 70%, rgba(255,255,255,.18) 30%)}
.elsha3r-video-badge{
  position:absolute;top:14px;right:14px;background:color-mix(in srgb, var(--elsha3r-primary) 85%, black 15%);color:#fff;
  border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;letter-spacing:.2px
}
.elsha3r-video-showcase .elsha3r-showcase-body{padding-top:16px}
.elsha3r-video-showcase .elsha3r-showcase-item{padding:10px;border:1px solid rgba(0,0,0,.06);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc)}
.elsha3r-video-showcase .elsha3r-showcase-list{display:grid;gap:12px}
.elsha3r-video-showcase .elsha3r-showcase-item:nth-child(n+5){display:none}
.elsha3r-video-showcase .elsha3r-showcase-item-body h4{line-height:1.7}
.elsha3r-videos-archive .elsha3r-video-grid-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.elsha3r-video-card{overflow:hidden}
.elsha3r-video-card .elsha3r-card-content{padding-top:14px}
.elsha3r-video-player-box{
  margin-bottom:22px;background:#111;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06);
  box-shadow:0 24px 70px rgba(0,0,0,.16)
}
.elsha3r-video-player-box iframe,
.elsha3r-video-player-box video,
.elsha3r-video-player-box .wp-video,
.elsha3r-video-player-box .wp-video-shortcode{display:block;width:100% !important;max-width:100% !important;aspect-ratio:16/9;height:auto}
.post-type-archive-elsha3r_video .content-sidebar,
.single-elsha3r_video .elsha3r-single-sidebar{display:block !important;}

/* Video archive page layout */
.elsha3r-videos-archive .elsha3r-category-grid{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:25px;
  align-items:start;
}
.elsha3r-videos-archive .elsha3r-category-main{
  min-width:0;
}
.elsha3r-videos-archive .content-sidebar{
  width:320px;
  min-width:320px;
  display:block !important;
}

/* Video single page layout */
.single-elsha3r_video .elsha3r-single-grid{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:25px;
  align-items:start;
}
.single-elsha3r_video .elsha3r-single-main{
  min-width:0;
}
.single-elsha3r_video .elsha3r-single-sidebar{
  width:320px;
  min-width:320px;
}
@media (max-width:991px){
  .elsha3r-videos-archive .elsha3r-video-grid-view{grid-template-columns:1fr}
  .elsha3r-videos-archive .elsha3r-category-grid{display:block;gap:20px;}
  .elsha3r-videos-archive .content-sidebar{margin-top:20px;}
  .single-elsha3r_video .elsha3r-single-grid{display:block;gap:20px;}
  .single-elsha3r_video .elsha3r-single-sidebar{margin-top:20px;}
}
@media (max-width:767px){
  .elsha3r-video-featured .elsha3r-showcase-media img{min-height:240px}
  .elsha3r-video-play{width:62px;height:62px;font-size:22px}
}

/* ===== Video Library stability fix ===== */
@media (min-width: 992px){
  .elsha3r-video-showcase .elsha3r-video-showcase-wrap{
    grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);
    align-items:stretch;
  }
  .elsha3r-video-showcase .elsha3r-video-featured,
  .elsha3r-video-showcase .elsha3r-video-showcase-list{
    height:560px;
    min-height:560px;
    max-height:560px;
  }
  .elsha3r-video-showcase .elsha3r-video-featured{
    display:grid;
    grid-template-rows:320px minmax(0,1fr);
  }
  .elsha3r-video-showcase .elsha3r-video-featured .elsha3r-showcase-media,
  .elsha3r-video-showcase .elsha3r-video-featured .elsha3r-showcase-media img{
    height:320px;
    min-height:320px;
  }
  .elsha3r-video-showcase .elsha3r-showcase-body{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    overflow:hidden;
  }
  .elsha3r-video-showcase .elsha3r-showcase-title{
    margin-bottom:10px;
    line-height:1.5;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .elsha3r-video-showcase .elsha3r-showcase-excerpt{
    display:-webkit-box;
    -webkit-line-clamp:3;
    line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.9;
  }
  .elsha3r-video-showcase .elsha3r-video-showcase-list{
    display:grid;
    grid-template-rows:repeat(4, minmax(0,1fr));
    gap:10px;
    padding:10px;
    overflow:hidden;
    align-content:stretch;
  }
  .elsha3r-video-showcase .elsha3r-video-showcase-item{
    min-height:0;
    height:100%;
    padding:8px;
    gap:10px;
    align-items:center;
    border-radius:14px;
  }
  .elsha3r-video-showcase .elsha3r-showcase-thumb{
    flex:0 0 118px;
    width:118px;
    height:78px;
    border-radius:12px;
  }
  .elsha3r-video-showcase .elsha3r-showcase-thumb img,
  .elsha3r-video-showcase .elsha3r-video-card-image img{
    min-height:78px;
    object-fit:cover;
  }
  .elsha3r-video-showcase .elsha3r-showcase-item-body{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
  }
  .elsha3r-video-showcase .elsha3r-showcase-item-body h4{
    margin:0 0 8px;
    font-size:14px;
    line-height:1.55;
    font-weight:600;
    color:var(--dark);
    text-align:right;
    overflow:hidden;
    padding-right:8px;
  }
  .elsha3r-video-showcase .elsha3r-showcase-item-body h4 a{
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    unicode-bidi:plaintext;
    word-break:break-word;
    padding-right:4px;
  }
  .elsha3r-video-showcase .elsha3r-meta{
    margin-top:auto;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:100%;
    overflow:visible;
  }
  .elsha3r-video-showcase .elsha3r-showcase-date{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:100%;
    white-space:nowrap;
    padding:8px 16px;
    line-height:1;
    border-radius:999px;
    background:linear-gradient(135deg,var(--elsha3r-primary),var(--elsha3r-primary-dark));
    color:#fff;
    font-size:12px;
    font-weight:700;
    box-shadow:0 6px 16px rgba(var(--elsha3r-primary-rgb),.35);
    border:1px solid rgba(255,255,255,.15);
  }
}

@media (max-width: 991px){
  .elsha3r-video-showcase .elsha3r-video-showcase-list{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
}


/* ===== Video library latest tweaks ===== */
.post-type-archive-elsha3r_video .elsha3r-card-overlay,
.post-type-archive-elsha3r_video .elsha3r-video-card .elsha3r-card-overlay{
  display:none !important;
}
.post-type-archive-elsha3r_video .elsha3r-category-icon{
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  cursor:default;
}
.post-type-archive-elsha3r_video .elsha3r-category-icon:hover{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 14px 34px rgba(var(--elsha3r-primary-rgb), .42);
  filter:brightness(1.08);
}
.post-type-archive-elsha3r_video .content-sidebar,
.single-elsha3r_video .elsha3r-single-sidebar{
  position:sticky;
  top:18px;
}
@media (max-width:991px){
  .post-type-archive-elsha3r_video .content-sidebar,
  .single-elsha3r_video .elsha3r-single-sidebar{
    position:static;
    top:auto;
  }
}


/* =========================================================
   Premium full-width hero slider + custom YouTube player
   ========================================================= */
.hero.hero-featured{
  position:relative;
  margin-top:24px;
  margin-bottom:34px;
}
.hero-featured .hero-featured-row{
  display:block;
  direction:rtl;
}
.hero-featured .hero-featured-slider{
  position:relative;
  width:100%;
  max-width:100%;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.hero-featured-shell{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:22px;
  background:
    radial-gradient(circle at 85% 18%, rgba(var(--elsha3r-primary-rgb), .35), transparent 27%),
    radial-gradient(circle at 15% 82%, rgba(59, 130, 246, .18), transparent 28%),
    linear-gradient(135deg, #09111f 0%, #111d35 42%, #0d1527 100%);
  box-shadow:0 32px 80px rgba(2, 6, 23, .32);
  isolation:isolate;
}
.hero-bg-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(2px);
  opacity:.7;
  pointer-events:none;
  z-index:0;
}
.hero-bg-orb-one{
  width:240px;
  height:240px;
  inset:auto auto -90px -70px;
  background:radial-gradient(circle, rgba(59,130,246,.36) 0%, rgba(59,130,246,0) 72%);
}
.hero-bg-orb-two{
  width:320px;
  height:320px;
  inset:-120px -110px auto auto;
  background:radial-gradient(circle, rgba(var(--elsha3r-primary-rgb),.44) 0%, rgba(var(--elsha3r-primary-rgb),0) 72%);
}
.hero-featured .hero-featured-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:18px;
  background:transparent;
}
.hero-featured .hero-slider{
  position:relative;
  min-height:0;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:#050a14;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.24);
}
.hero-slider-sheen{
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, rgba(255,255,255,.0) 36%, rgba(255,255,255,.14) 48%, rgba(255,255,255,0) 58%);
  mix-blend-mode:screen;
  pointer-events:none;
  opacity:.55;
  z-index:4;
}
.hero-featured .hero-slides{
  height:clamp(430px, 46vw, 620px);
}
.hero-featured .hero-slide{
  background-size:cover;
  background-position:center center;
  transform-origin:center center;
}
.hero-featured .hero-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(7,12,24,.10) 0%, rgba(7,12,24,.08) 22%, rgba(7,12,24,.45) 52%, rgba(7,12,24,.86) 100%);
  z-index:1;
}
.hero-featured .hero-slide::after{
  background:linear-gradient(180deg, rgba(3,8,17,.12) 0%, rgba(3,8,17,.15) 30%, rgba(3,8,17,.68) 72%, rgba(3,8,17,.92) 100%);
  z-index:2;
}
.hero-featured .hero-slide-link{
  border:0;
  z-index:5;
}
.hero-featured .hero-slide-overlay{
  inset:0;
  padding:30px;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(180deg, rgba(7,12,24,.04) 0%, rgba(7,12,24,.18) 30%, rgba(7,12,24,.74) 75%, rgba(7,12,24,.90) 100%);
}
.hero-featured .hero-content-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.hero-chip-group{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.hero-featured .hero-cat,
.hero-chip{
  position:relative;
  top:auto;
  right:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:.1px;
}
.hero-featured .hero-cat{
  background:linear-gradient(135deg, var(--elsha3r-primary), color-mix(in srgb, var(--elsha3r-primary-dark) 72%, #ffffff 28%));
  color:#fff;
  box-shadow:0 14px 28px rgba(var(--elsha3r-primary-rgb), .34);
}
.hero-featured .hero-cat:hover{ color:#fff; transform:translateY(-1px); }
.hero-chip{
  color:#dce8ff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
}
.hero-counter{
  display:flex;
  align-items:flex-end;
  gap:8px;
  padding:12px 16px 10px;
  border-radius:20px;
  background:rgba(8,13,24,.38);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
  color:#fff;
  box-shadow:0 16px 34px rgba(2,6,23,.22);
}
.hero-counter-current{
  font-size:30px;
  line-height:1;
  font-weight:900;
}
.hero-counter-total{
  font-size:14px;
  opacity:.82;
  padding-bottom:4px;
}
.hero-featured .hero-content-bottom{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
}
.hero-copy{
  width:min(720px, 72%);
}
.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#dbeafe;
  font-size:13px;
  font-weight:700;
  letter-spacing:.15px;
}
.hero-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg, #fff, #93c5fd);
  box-shadow:0 0 0 6px rgba(147, 197, 253, .12);
}
.hero-featured .hero-title{
  max-width:100%;
  margin:0;
  font-size:clamp(30px, 3.4vw, 48px);
  line-height:1.22;
  font-weight:900;
  letter-spacing:-.5px;
  text-shadow:0 10px 28px rgba(0,0,0,.28);
}
.hero-excerpt{
  margin:16px 0 0;
  max-width:min(660px, 96%);
  color:rgba(238,243,255,.88);
  font-size:16px;
  line-height:1.95;
  text-shadow:0 2px 8px rgba(0,0,0,.22);
  display:-webkit-box;
  line-clamp:2;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.hero-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
  flex-wrap:wrap;
}
.hero-readmore{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  font-size:14px;
  font-weight:900;
  box-shadow:0 18px 38px rgba(255,255,255,.18);
}
.hero-readmore i{ transition:transform .25s ease; }
.hero-slide:hover .hero-readmore i{ transform:translateX(-4px); }
.hero-featured .hero-meta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.hero-featured .hero-meta-box{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:13px;
  font-weight:700;
  backdrop-filter:blur(10px);
}
.hero-featured .hero-nav{
  top:50%;
  transform:translateY(-50%);
  width:56px;
  height:56px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(9, 16, 30, .42);
  color:#fff;
  font-size:18px;
  box-shadow:0 20px 35px rgba(2,6,23,.22);
}
.hero-featured .hero-nav:hover{
  background:rgba(var(--elsha3r-primary-rgb), .72);
  transform:translateY(-50%) scale(1.06);
}
.hero-featured .hero-prev{ right:20px; }
.hero-featured .hero-next{ left:20px; }
.hero-progress{
  position:absolute;
  inset:auto 26px 18px 26px;
  height:5px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.10);
  z-index:5;
}
.hero-progress-bar{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #ffffff 0%, color-mix(in srgb, var(--elsha3r-primary) 68%, #ffffff 32%) 100%);
  box-shadow:0 0 18px rgba(255,255,255,.22);
  transition:width .45s ease;
}
.hero-featured .hero-thumbs{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
  min-width:0;
  padding-top:0;
}
.hero-featured .hero-thumb{
  position:relative;
  min-height:128px;
  height:128px;
  padding:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  box-shadow:0 18px 36px rgba(2,6,23,.16);
  transform:translateY(0);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.hero-featured .hero-thumb:hover{
  transform:translateY(-5px);
  box-shadow:0 26px 42px rgba(2,6,23,.24);
}
.hero-thumb-image{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  transition:transform .45s ease;
}
.hero-thumb:hover .hero-thumb-image{ transform:scale(1.08); }
.hero-featured .hero-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(6,10,18,.10) 0%, rgba(6,10,18,.16) 20%, rgba(6,10,18,.78) 100%);
  transition:opacity .35s ease, background .35s ease;
  z-index:1;
}
.hero-featured .hero-thumb-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  gap:10px;
  padding:14px;
  background:none;
  opacity:1;
  transform:none;
  text-align:right;
}
.hero-featured .hero-thumb:hover .hero-thumb-overlay,
.hero-featured .hero-thumb:focus-visible .hero-thumb-overlay{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.hero-featured .hero-thumb-title{
  max-width:100%;
  margin:0;
  color:#fff;
  font-size:13px;
  line-height:1.65;
  font-weight:800;
  white-space:normal;
  overflow:hidden;
  text-overflow:unset;
  display:-webkit-box;
  line-clamp:2;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.hero-featured .hero-thumb-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.hero-featured .hero-thumb-cat,
.hero-featured .hero-thumb-date{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
}
.hero-featured .hero-thumb.is-active{
  border-color:rgba(var(--elsha3r-primary-rgb), .75);
  box-shadow:0 26px 46px rgba(var(--elsha3r-primary-rgb), .20);
}
.hero-featured .hero-thumb.is-active::after{
  background:linear-gradient(180deg, rgba(6,10,18,.08) 0%, rgba(var(--elsha3r-primary-rgb), .18) 20%, rgba(6,10,18,.76) 100%);
}
.hero-featured .hero-thumb.is-active .hero-thumb-title{
  color:#fff;
}
.hero-featured .hero-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
  padding:40px;
  background:linear-gradient(135deg, #0b1220, #111d35);
  color:#fff;
  border-radius:24px;
}

/* Custom YouTube shell */
.elsha3r-video-player-box.is-youtube{
  background:linear-gradient(135deg, #040812 0%, #0b1324 48%, #09111f 100%);
  border:1px solid rgba(255,255,255,.06);
  padding:0;
}
.elsha3r-youtube-shell{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border-radius:inherit;
  overflow:hidden;
  background:#050915;
  isolation:isolate;
}
.elsha3r-yt-frame,
.elsha3r-yt-frame iframe,
.elsha3r-yt-poster{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.elsha3r-yt-frame{ z-index:1; }
.elsha3r-yt-frame iframe{
  border:0;
  pointer-events:none;
  background:#000;
}
.elsha3r-yt-launch{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  padding:0;
  border:0;
  width:100%;
  background:transparent;
  cursor:pointer;
}
.elsha3r-yt-poster{
  object-fit:cover;
}
.elsha3r-yt-gradient{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(var(--elsha3r-primary-rgb), .30), transparent 24%),
    linear-gradient(180deg, rgba(3,7,15,.12) 0%, rgba(3,7,15,.45) 38%, rgba(3,7,15,.92) 100%);
}
.elsha3r-yt-badge,
.elsha3r-yt-caption,
.elsha3r-yt-play,
.elsha3r-yt-actions,
.elsha3r-yt-mask{
  position:absolute;
}
.elsha3r-yt-badge{
  top:18px;
  right:18px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:13px;
  font-weight:800;
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  backdrop-filter:blur(8px);
}
.elsha3r-yt-caption{
  right:22px;
  left:22px;
  bottom:26px;
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:10px;
  color:#fff;
  text-align:right;
}
.elsha3r-yt-caption-label{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(var(--elsha3r-primary-rgb), .78);
  font-size:12px;
  font-weight:900;
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color:#fff;
}
.elsha3r-yt-caption-title{
  display:block;
  max-width:min(720px, 92%);
  font-size: clamp(24px, 2.0vw, 36px);
  line-height:1.35;
  font-weight:900;
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  text-shadow:0 12px 30px rgba(0,0,0,.30);
}
.elsha3r-yt-play{
  top:50%;
  right:50%;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  width:98px;
  height:98px;
  border-radius:50%;
  transform:translate(50%, -50%);
  background:linear-gradient(135deg, var(--elsha3r-primary), color-mix(in srgb, var(--elsha3r-primary-dark) 68%, #ffffff 32%));
  color:#fff;
  box-shadow:0 26px 48px rgba(var(--elsha3r-primary-rgb), .32);
  font-size:34px;
  transition:transform .28s ease, box-shadow .28s ease;
}
.elsha3r-yt-launch:hover .elsha3r-yt-play{
  transform:translate(50%, -50%) scale(1.06);
  box-shadow:0 32px 56px rgba(var(--elsha3r-primary-rgb), .40);
}
.elsha3r-yt-actions{
  left:18px;
  bottom:18px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:10px;
  opacity:0;
  transform:translateY(14px);
  transition:opacity .28s ease, transform .28s ease;
}
.elsha3r-yt-action{
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(5, 9, 21, .62);
  color:#fff;
  font-size:13px;
  font-family: 'Cairo',system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
  font-weight:800;
  backdrop-filter:blur(10px);
  cursor:pointer;
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
.elsha3r-yt-action:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.18);
}
.elsha3r-yt-action.is-primary{
  background:linear-gradient(135deg, rgba(var(--elsha3r-primary-rgb), .92), color-mix(in srgb, var(--elsha3r-primary-dark) 76%, #ffffff 24%));
  border-color:transparent;
}
.elsha3r-yt-mask{
  right:0;
  left:0;
  z-index:4;
  pointer-events:none;
}
.elsha3r-yt-mask-top{
  top:0;
  height:76px;
  background:linear-gradient(180deg, rgba(4,8,18,.92) 0%, rgba(4,8,18,.72) 45%, rgba(4,8,18,0) 100%);
  opacity:0;
  transition:opacity .25s ease;
}
.elsha3r-yt-mask-bottom{
  bottom:0;
  height:34px;
  background:linear-gradient(0deg, rgba(4,8,18,.86) 0%, rgba(4,8,18,0) 100%);
  opacity:.9;
}
.elsha3r-youtube-shell.is-started .elsha3r-yt-launch{
  opacity:0;
  pointer-events:none;
}
.elsha3r-youtube-shell.is-started .elsha3r-yt-actions,
.elsha3r-youtube-shell[data-state="playing"] .elsha3r-yt-actions,
.elsha3r-youtube-shell[data-state="paused"] .elsha3r-yt-actions{
  opacity:1;
  transform:none;
}
.elsha3r-youtube-shell.is-started .elsha3r-yt-mask-top{
  opacity:1;
}
.elsha3r-youtube-shell[data-state="paused"] .elsha3r-yt-mask-top{
  opacity:.94;
}

@media (max-width: 1199px){
  .hero-featured-shell{ padding:18px; border-radius:28px; }
  .hero-featured .hero-slides{ height:clamp(400px, 50vw, 540px); }
  .hero-copy{ width:min(700px, 82%); }
  .hero-featured .hero-thumbs{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width: 991px){
  .hero-featured-shell{ padding:16px; }
  .hero-featured .hero-slide-overlay{ padding:24px; }
  .hero-featured .hero-content-top{ flex-direction:column; align-items:flex-start; }
  .hero-copy{ width:100%; }
  .hero-featured .hero-title{ font-size:clamp(26px, 4vw, 36px); }
  .hero-excerpt{ max-width:100%; font-size:15px; }
  .hero-featured .hero-nav{ width:50px; height:50px; }
}
@media (max-width: 767px){
  .hero-featured-shell{ padding:14px; border-radius:24px; }
  .hero-featured .hero-slides{ height:clamp(340px, 82vw, 420px); }
  .hero-featured .hero-slide-overlay{ padding:20px 18px 22px; }
  .hero-kicker{ margin-bottom:12px; }
  .hero-excerpt{ display:none; }
  .hero-actions{ gap:12px; }
  .hero-readmore{ min-height:44px; padding:0 16px; }
  .hero-featured .hero-progress{ inset:auto 18px 14px 18px; }
  .hero-featured .hero-thumbs{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
  .hero-featured .hero-thumb{ height:118px; min-height:118px; }
  .hero-featured .hero-thumb-title{ font-size:12px; }
  .elsha3r-yt-badge{ top:14px; right:14px; min-height:36px; padding:0 13px; font-size:12px; }
  .elsha3r-yt-play{ width:82px; height:82px; font-size:28px; }
  .elsha3r-yt-caption{ right:16px; left:16px; bottom:18px; }
  .elsha3r-yt-actions{ left:14px; bottom:14px; gap:8px; flex-wrap:wrap; }
  .elsha3r-yt-action{ min-height:38px; padding:0 13px; font-size:12px; }
}
@media (max-width: 575px){
  .hero-featured .hero-title{ font-size:24px; }
  .hero-counter{ padding:10px 14px 8px; }
  .hero-counter-current{ font-size:24px; }
  .hero-featured .hero-meta{ gap:8px; }
  .hero-featured .hero-meta-box{ min-height:38px; padding:0 12px; font-size:12px; }
  .hero-featured .hero-thumbs{ grid-template-columns:1fr; }
  .hero-featured .hero-thumb{ height:102px; min-height:102px; }
  .hero-featured .hero-prev{ right:12px; }
  .hero-featured .hero-next{ left:12px; }
  .hero-featured .hero-nav{ width:44px; height:44px; font-size:15px; }
  .elsha3r-yt-caption-title{font-size: 16px;max-width:100%;}
  
  /* Enhanced mobile styles for hero slider */
  .hero-featured .hero-slide-overlay{
    padding:20px;
  }
  .hero-featured .hero-content-bottom{
    gap:12px;
  }
  .hero-featured .hero-title{
    font-size:20px;
    line-height:1.3;
    margin-bottom:8px;
  }
  .hero-featured .hero-readmore{
    padding:8px 16px;
    font-size:13px;
    min-height:36px;
  }
  .hero-featured .hero-meta{
    gap:8px;
    margin-bottom:8px;
  }
  .hero-featured .hero-meta-box{
    font-size:11px;
    padding:6px 10px;
    min-height:32px;
  }
  .hero-featured .hero-author{
    font-size:12px;
  }
  .hero-featured .hero-date{
    font-size:11px;
  }
  
  /* Hide thumbnails on mobile */
  .hero-featured .hero-thumbs{
    display:none;
  }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
  .hero-featured .hero-slide-overlay{
    padding:16px;
  }
  .hero-featured .hero-content-bottom{
    gap:10px;
  }
  .hero-featured .hero-title{
    font-size:18px;
    line-height:1.2;
    margin-bottom:6px;
  }
  .hero-featured .hero-readmore{
    padding:6px 14px;
    font-size:12px;
    min-height:32px;
  }
  .hero-featured .hero-meta{
    gap:6px;
    margin-bottom:6px;
  }
  .hero-featured .hero-meta-box{
    font-size:10px;
    padding:4px 8px;
    min-height:28px;
  }
  .hero-featured .hero-author{
    font-size:11px;
  }
  .hero-featured .hero-date{
    font-size:10px;
  }
  
  /* Hide thumbnails on mobile */
  .hero-featured .hero-thumbs{
    display:none;
  }
}

/* Very small mobile devices */
@media (max-width: 360px) {
  .hero-featured .hero-slide-overlay{
    padding:12px;
  }
  .hero-featured .hero-content-bottom{
    gap:8px;
  }
  .hero-featured .hero-title{
    font-size:16px;
    line-height:1.2;
    margin-bottom:4px;
  }
  .hero-featured .hero-readmore{
    padding:5px 12px;
    font-size:11px;
    min-height:28px;
  }
  .hero-featured .hero-meta{
    gap:4px;
    margin-bottom:4px;
  }
  .hero-featured .hero-meta-box{
    font-size:9px;
    padding:3px 6px;
    min-height:24px;
  }
  .hero-featured .hero-author{
    font-size:10px;
  }
  .hero-featured .hero-date{
    font-size:9px;
  }
  
  /* Hide thumbnails on mobile */
  .hero-featured .hero-thumbs{
    display:none;
  }
}

/* Ultra small mobile devices */
@media (max-width: 320px) {
  .hero-featured .hero-slide-overlay{
    padding:10px;
  }
  .hero-featured .hero-content-bottom{
    gap:6px;
  }
  .hero-featured .hero-title{
    font-size:14px;
    line-height:1.1;
    margin-bottom:3px;
  }
  .hero-featured .hero-readmore{
    padding:4px 10px;
    font-size:10px;
    min-height:24px;
  }
  .hero-featured .hero-meta{
    gap:3px;
    margin-bottom:3px;
  }
  .hero-featured .hero-meta-box{
    font-size:8px;
    padding:2px 4px;
    min-height:20px;
  }
  .hero-featured .hero-author{
    font-size:9px;
  }
  .hero-featured .hero-date{
    font-size:8px;
  }
  
  /* Hide thumbnails on mobile */
  .hero-featured .hero-thumbs{
    display:none;
  }
}

/* Advanced custom YouTube controls */
.elsha3r-youtube-shell{
  --elsha3r-yt-panel-bg: linear-gradient(135deg, rgba(6, 10, 22, 0.85), rgba(12, 22, 43, 0.75));
  --elsha3r-yt-panel-border: rgba(255,255,255,.15);
  --elsha3r-yt-track: rgba(255,255,255,.2);
  --elsha3r-yt-track-fill: var(--elsha3r-primary);
}
.elsha3r-youtube-shell .elsha3r-yt-frame iframe{
  pointer-events:none;
}
.elsha3r-youtube-shell .elsha3r-yt-frame > .elsha3r-yt-player-target,
.elsha3r-youtube-shell .elsha3r-yt-frame > .elsha3r-yt-player-target iframe{
  width:100%;
  height:100%;
}
.elsha3r-youtube-shell .elsha3r-yt-ui{
  position:absolute;
  left:18px;
  right:18px;
  bottom: 8px;
  z-index: 999;
  display:flex;
  align-items:center;
  gap:14px;
  direction:rtl;
  min-height:74px;
  padding:14px 18px;
  border-radius:24px;
  background:var(--elsha3r-yt-panel-bg);
  border:1px solid var(--elsha3r-yt-panel-border);
  box-shadow:0 22px 44px rgba(0,0,0,.34);
  flex-direction: row-reverse;
}
.elsha3r-youtube-shell .elsha3r-yt-volume-group,
.elsha3r-youtube-shell .elsha3r-yt-progress-group{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  direction:ltr;
}
.elsha3r-youtube-shell .elsha3r-yt-volume-group{
  flex:0 0 clamp(140px, 18%, 190px);
}
.elsha3r-youtube-shell .elsha3r-yt-progress-group{
  flex:1 1 auto;
}
.elsha3r-youtube-shell .elsha3r-yt-toggle-btn{
  order:1;
}
.elsha3r-youtube-shell .elsha3r-yt-icon-btn[data-yt-restart]{
  order:2;
}
.elsha3r-youtube-shell .elsha3r-yt-progress-group{
  order:3;
}
.elsha3r-youtube-shell .elsha3r-yt-volume-group{
  order:4;
}
.elsha3r-youtube-shell .elsha3r-yt-icon-btn,
.elsha3r-youtube-shell .elsha3r-yt-toggle-btn{
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  background:rgba(5, 9, 21, .72);
  font-family:'Cairo',system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
  font-weight:800;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
  backdrop-filter:blur(10px);
}
.elsha3r-youtube-shell .elsha3r-yt-icon-btn:hover,
.elsha3r-youtube-shell .elsha3r-yt-toggle-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.18);
}
.elsha3r-youtube-shell .elsha3r-yt-icon-btn{
  flex:0 0 auto;
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  font-size:18px;
}
.elsha3r-youtube-shell .elsha3r-yt-toggle-btn{
  flex:0 0 auto;
  min-height:44px;
  padding:0 18px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  direction:rtl;
  background:linear-gradient(135deg, rgba(var(--elsha3r-primary-rgb), .92), color-mix(in srgb, var(--elsha3r-primary-dark) 76%, #ffffff 24%));
  border-color:transparent;
  box-shadow:0 18px 30px rgba(var(--elsha3r-primary-rgb), .24);
}
.elsha3r-youtube-shell .elsha3r-yt-toggle-btn.is-loading{
  pointer-events:none;
}
.elsha3r-youtube-shell .elsha3r-yt-time{
  flex:0 0 auto;
  min-width:52px;
  font-size:14px;
  line-height:1;
  text-align:center;
  color:#fff;
  opacity:.94;
  font-variant-numeric:tabular-nums;
}
.elsha3r-youtube-shell .elsha3r-yt-range{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  min-width:0;
  height:6px;
  border-radius:999px;
  outline:none;
  cursor:pointer;
  direction:ltr;
  background:linear-gradient(to right, var(--elsha3r-yt-track-fill) 0%, var(--elsha3r-yt-track-fill) var(--elsha3r-range-progress, 0%), var(--elsha3r-yt-track) var(--elsha3r-range-progress, 0%), var(--elsha3r-yt-track) 100%);
}
.elsha3r-youtube-shell .elsha3r-yt-range::-webkit-slider-runnable-track{
  height:6px;
  border-radius:999px;
  background:transparent;
}
.elsha3r-youtube-shell .elsha3r-yt-range::-moz-range-track{
  height:6px;
  border-radius:999px;
  background:transparent;
}
.elsha3r-youtube-shell .elsha3r-yt-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  margin-top:-5px;
  border-radius:50%;
  border:2px solid #fff;
  background:var(--elsha3r-primary);
  box-shadow:0 0 0 4px rgba(var(--elsha3r-primary-rgb), .18);
}
.elsha3r-youtube-shell .elsha3r-yt-range::-moz-range-thumb{
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid #fff;
  background:var(--elsha3r-primary);
  box-shadow:0 0 0 4px rgba(var(--elsha3r-primary-rgb), .18);
}
.elsha3r-youtube-shell .elsha3r-yt-volume{
  max-width:120px;
}
.elsha3r-youtube-shell .elsha3r-yt-mask-top{
  z-index:5;
  height:82px;
}
.elsha3r-youtube-shell .elsha3r-yt-mask-bottom{
  z-index:5;
  height:118px;
  background:linear-gradient(0deg, rgba(4,8,18,.92) 0%, rgba(4,8,18,.68) 32%, rgba(4,8,18,0) 100%);
}
.elsha3r-youtube-shell.is-started .elsha3r-yt-launch{
  opacity:0;
  pointer-events:none;
}
.elsha3r-youtube-shell.is-loading .elsha3r-yt-ui,
.elsha3r-youtube-shell[data-state="playing"] .elsha3r-yt-ui,
.elsha3r-youtube-shell[data-state="paused"] .elsha3r-yt-ui,
.elsha3r-youtube-shell[data-state="ended"] .elsha3r-yt-ui{
  opacity:1;
  transform:none;
}
.elsha3r-youtube-shell .elsha3r-yt-ui{
  opacity:1;
  transform:none;
}
@media (max-width: 991px){
  .elsha3r-youtube-shell .elsha3r-yt-ui{
    left:14px;
    right:14px;
    bottom:14px;
    padding:12px 14px;
    gap:12px;
    min-height:unset;
  }
  .elsha3r-youtube-shell .elsha3r-yt-progress-group{
    order:3;
    flex:1 1 100%;
  }
  .elsha3r-youtube-shell .elsha3r-yt-volume-group{
    flex:1 1 auto;
  }
  .elsha3r-youtube-shell .elsha3r-yt-toggle-btn{
    margin-inline-start:auto;
  }
}
@media (max-width: 767px){
  .elsha3r-youtube-shell .elsha3r-yt-ui{
    left:10px;
    right:10px;
    bottom:10px;
    border-radius:18px;
    gap:10px;
  }
  .elsha3r-youtube-shell .elsha3r-yt-time{
    min-width:44px;
    font-size:12px;
  }
  .elsha3r-youtube-shell .elsha3r-yt-toggle-btn{
    min-height:40px;
    padding:0 14px;
    font-size:13px;
  }
  .elsha3r-youtube-shell .elsha3r-yt-icon-btn{
    width:40px;
    height:40px;
    font-size:16px;
  }
  .elsha3r-youtube-shell .elsha3r-yt-volume{
    max-width:100px;
  }
  .elsha3r-youtube-shell .elsha3r-yt-mask-bottom{
    height:148px;
  }
}
@media (max-width: 575px){
  .elsha3r-youtube-shell .elsha3r-yt-ui{
    padding:10px 12px;
  }
  .elsha3r-youtube-shell .elsha3r-yt-volume-group{
    flex:1 1 100%;
    order:2;
  }
  .elsha3r-youtube-shell .elsha3r-yt-progress-group{
    order:4;
  }
  .elsha3r-youtube-shell .elsha3r-yt-toggle-btn{
    order:1;
    margin-inline-start:0;
  }
}

/* Enhanced responsive fixes for YouTube controls */
@media (max-width: 480px) {
  .elsha3r-youtube-shell .elsha3r-yt-ui {
    left: 8px;
    right: 8px;
    bottom: 8px;
    padding: 8px 10px;
    gap: 6px;
    border-radius: 16px;
    z-index: 999;
    background: linear-gradient(135deg, rgba(6, 10, 22, 0.8), rgba(12, 22, 43, 0.7));
    backdrop-filter: blur(5px);
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-time {
    min-width: 40px;
    font-size: 11px;
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-toggle-btn {
    min-height: 36px;
    padding: 0 12px;
    font-size: 12px;
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-icon-btn {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-volume {
    max-width: 80px;
  }
}

@media (max-width: 360px) {
  .elsha3r-youtube-shell .elsha3r-yt-ui {
    left: 6px;
    right: 6px;
    bottom: 6px;
    padding: 6px 8px;
    gap: 4px;
    border-radius: 14px;
    z-index: 999;
    background: linear-gradient(135deg, rgba(6, 10, 22, 0.8), rgba(12, 22, 43, 0.7));
    backdrop-filter: blur(5px);
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-time {
    min-width: 36px;
    font-size: 10px;
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-toggle-btn {
    min-height: 32px;
    padding: 0 10px;
    font-size: 11px;
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-icon-btn {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-volume {
    max-width: 60px;
  }
}

@media (max-width: 320px) {
  .elsha3r-youtube-shell .elsha3r-yt-ui {
    left: 4px;
    right: 4px;
    bottom: 4px;
    padding: 4px 6px;
    gap: 3px;
    border-radius: 12px;
    z-index: 999;
    background: linear-gradient(135deg, rgba(6, 10, 22, 0.8), rgba(12, 22, 43, 0.7));
    backdrop-filter: blur(5px);
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-time {
    min-width: 32px;
    font-size: 9px;
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-toggle-btn {
    min-height: 28px;
    padding: 0 8px;
    font-size: 10px;
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-icon-btn {
    width: 28px;
    height: 28px;
    font-size: 10px;
  }
  
  .elsha3r-youtube-shell .elsha3r-yt-volume {
    max-width: 50px;
  }
}