/* Al Badr Studio 4.2.43 — Next-Gen Hybrid visual refinement
 * Additive presentation layer only. Does not change WordPress content or workflows.
 */
:root{
  --albadr-max:1180px;
  --albadr-glass:rgba(7,20,43,.72);
  --albadr-border:rgba(110,178,255,.28);
  --albadr-cyan-glow:0 0 28px rgba(0,205,255,.12);
  --albadr-violet-glow:0 0 28px rgba(178,0,255,.13);
}
.container{width:min(calc(100% - 36px),var(--albadr-max));}
body{background:radial-gradient(ellipse at 50% -18%,rgba(17,70,133,.22),transparent 58%),#030d20;}
.site-header{background:rgba(2,9,25,.86);border-bottom-color:rgba(74,153,255,.38);box-shadow:0 8px 32px rgba(0,0,0,.18);}
.site-brand img{filter:drop-shadow(0 4px 12px rgba(0,183,255,.14));}
.main-nav>a:focus-visible,.nav-menu>li>a:focus-visible,.hero-cta:focus-visible,
.cat-links a:focus-visible,.work-actions a:focus-visible,.outline-btn:focus-visible,
button:focus-visible,a:focus-visible{outline:2px solid #61e8ff;outline-offset:3px;}
.hero-final{height:clamp(370px,42vw,520px);isolation:isolate;border-bottom-color:rgba(83,164,255,.38);}
.hero-final:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(115deg,transparent 25%,rgba(0,204,255,.045) 48%,transparent 70%);}
.hero-bg{filter:saturate(1.08) contrast(1.035);}
.hero-shade{background:linear-gradient(90deg,rgba(2,13,35,.08) 0%,rgba(2,13,35,.2) 38%,rgba(2,9,28,.82) 76%,rgba(2,9,28,.96) 100%),linear-gradient(0deg,rgba(2,9,27,.44),transparent 54%);}
.hero-copy-final{width:min(43%,510px);position:relative;z-index:2;}
.hero-copy-final h1 span{background:linear-gradient(115deg,#ff71d7 0%,#d78cff 48%,#58e6ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 14px rgba(178,0,255,.2));}
.hero-play{width:68px;height:68px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(2,12,31,.74));border:1px solid rgba(255,255,255,.58);box-shadow:0 3px 0 rgba(0,0,0,.28),0 14px 32px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.25),0 0 0 8px rgba(0,190,255,.055);transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease;}
@media(hover:hover) and (pointer:fine){.hero-play:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 5px 0 rgba(0,0,0,.24),0 20px 38px rgba(0,0,0,.42),0 0 26px rgba(0,205,255,.2),inset 0 1px 0 rgba(255,255,255,.28);}}
.section-final{position:relative;}
.categories-final,.youtube-final,.about-final,.contact-final{background-image:linear-gradient(135deg,rgba(10,30,59,.38),transparent 55%);}
.section-title-final{margin-bottom:16px;}
.section-title-final h2,.youtube-head h2,.about-text-final h2,.contact-final h2{letter-spacing:-.02em;}
.main-category-grid{gap:14px;}
.main-category{border-color:rgba(105,174,255,.38);border-radius:20px;background:linear-gradient(145deg,rgba(14,38,73,.8),rgba(4,15,34,.96));box-shadow:0 2px 0 rgba(0,0,0,.34),0 14px 34px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.13);}
.main-category:after,.albadr-services-v9-card:after,.yt-final:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 24%,transparent 74%,rgba(0,200,255,.035));opacity:.75;}
.main-category .cat-bg{transform:scale(1.001);}
.cat-glow{background:linear-gradient(180deg,rgba(1,14,30,.02) 0%,rgba(4,15,38,.16) 27%,rgba(3,15,36,.82) 66%,rgba(3,14,32,.98) 100%);}
.cat-icon{width:49px;height:49px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(4,15,38,.76));border-color:rgba(255,255,255,.42);box-shadow:0 3px 0 rgba(0,0,0,.28),0 10px 22px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.23),0 0 22px rgba(0,205,255,.12);}
.cat-links a{border-radius:14px;background:linear-gradient(135deg,rgba(12,54,92,.72),rgba(6,15,37,.86));border-color:rgba(92,203,255,.48);}
.cat-zafat .cat-links a{background:linear-gradient(135deg,rgba(81,20,107,.48),rgba(13,13,42,.88));border-color:rgba(221,120,255,.48);}
.cat-songs .cat-links a{background:linear-gradient(135deg,rgba(11,60,113,.56),rgba(5,15,39,.88));}
.youtube-final{border-top-color:rgba(101,161,255,.17);border-bottom-color:rgba(101,161,255,.28);}
.youtube-grid-final{gap:13px;}
.yt-final,.category-child,.work-grid .work.card{position:relative;border-radius:15px;border-color:rgba(100,167,255,.29);background:linear-gradient(145deg,rgba(10,32,61,.96),rgba(4,17,37,.98));overflow:hidden;}
.yt-thumb-final{overflow:hidden;}
.yt-thumb-final img{transition:transform .45s cubic-bezier(.2,.75,.25,1),filter .45s ease;}
@media(hover:hover) and (pointer:fine){.yt-final:hover .yt-thumb-final img{transform:scale(1.045);filter:saturate(1.12);}}
.albadr-services-v9-card{border-radius:17px!important;border-color:rgba(103,178,255,.32)!important;background:linear-gradient(145deg,rgba(14,36,69,.88),rgba(4,15,35,.96))!important;box-shadow:0 3px 0 rgba(0,0,0,.28),0 14px 28px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.12)!important;}
.albadr-services-v9-icon{background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(3,14,35,.8));border:1px solid rgba(255,255,255,.15);}
.about-photo-final,.about-values-final>div{border-radius:15px;border-color:rgba(100,167,255,.3);box-shadow:0 3px 0 rgba(0,0,0,.24),0 12px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);}
.contact-footer-grid>div:not(.contact-brand){border-right-color:rgba(123,169,225,.18);}
.footer-final{border-top-color:rgba(105,165,255,.18);}
/* Consistent, legible touch targets on phones and compact tablets. */
@media(max-width:900px){
 .container{width:min(calc(100% - 28px),var(--albadr-max));}
 .hero-final{height:clamp(400px,66vw,500px);}
 .hero-copy-final{width:47%;}
 .main-category-grid{gap:12px;}
 .main-category{border-radius:17px;}
 .albadr-services-v9-grid{gap:12px;}
}
@media(max-width:560px){
 .container{width:calc(100% - 22px);}
 .site-header,.header-inner{height:64px;}
 .main-nav{top:64px;left:11px;right:11px;padding:10px;border-radius:14px;background:rgba(3,13,31,.97);box-shadow:0 18px 42px rgba(0,0,0,.4);backdrop-filter:blur(18px);}
 .site-brand img{width:126px;height:50px;}
 .hero-final{height:auto;min-height:490px;}
 .hero-final-inner{min-height:490px;align-items:flex-end;padding-top:185px;padding-bottom:26px;}
 .hero-play-area{position:absolute;inset:0 0 auto;height:225px;width:100%;}
 .hero-copy-final{width:100%;padding:0 4px;text-align:center;}
 .hero-copy-final h1{font-size:clamp(34px,9vw,43px);}
 .hero-copy-final h2{font-size:clamp(21px,5.8vw,27px);}
 .hero-copy-final p{max-width:42ch;margin:6px auto 12px;}
 .hero-features{justify-content:center;gap:12px;margin-bottom:14px;}
 .hero-cta{min-height:44px;padding:10px 24px;}
 .section-final{padding-top:22px;padding-bottom:22px;}
 .section-title-final{margin-bottom:13px;}
 .main-category-grid{gap:13px;}
 .main-category{min-height:280px;}
 .cat-content{padding:15px 12px 12px;}
 .cat-links a{min-height:43px;border-radius:13px;}
 .cat-sheilat .cat-links{grid-template-columns:1fr 1fr;}
 .youtube-grid-final{gap:12px;}
 .yt-final{border-radius:13px;}
 .about-values-final>div{padding:11px;}
}
@media(max-width:370px){
 .hero-final-inner{padding-top:170px;}
 .hero-features{gap:7px;font-size:11px;}
 .cat-sheilat .cat-links{grid-template-columns:1fr;}
 .services-grid-final{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(prefers-reduced-motion:reduce){
 .hero-bg,.yt-thumb-final img{transition:none!important;}
}