/* AL BADR 4.2.42 — explicit, high-priority 3D typography and icon treatment.
   Loaded last on purpose. Preserves existing brand colors and all Customizer controls. */
:root{--albadr-3d-face:0 1px 0 rgba(255,255,255,.34),0 2px 0 rgba(255,255,255,.10),0 3px 0 rgba(0,0,0,.42),0 5px 0 rgba(0,0,0,.28),0 8px 13px rgba(0,0,0,.52);--albadr-3d-glow:0 0 1px rgba(255,255,255,.65),0 0 14px rgba(0,190,255,.22),0 5px 12px rgba(0,0,0,.55)}
/* Primary headings: substantial, beveled depth without changing brand colors. */
body .hero-copy-final h1,body .hero-copy-final h1 span{font-weight:1000!important;letter-spacing:-.035em;text-shadow:var(--albadr-3d-face),0 0 20px rgba(0,160,255,.18)!important;-webkit-text-stroke:.25px rgba(255,255,255,.22)}
body .section-title-final h2,body .youtube-head h2,body .about-text-final h2,body .contact-final h2,body .albadr-services-v9-heading h2{font-weight:950!important;text-shadow:0 1px 0 rgba(255,255,255,.3),0 2px 0 rgba(0,0,0,.45),0 4px 0 rgba(0,0,0,.3),0 7px 13px rgba(0,0,0,.48),0 0 16px rgba(0,170,255,.16)!important}
body .cat-content h3,body .category-child h3,body .work h3,body .yt-info h3,body .about-values-final h3,body .contact-footer-grid h3{font-weight:950!important;text-shadow:0 1px 0 rgba(255,255,255,.27),0 2px 0 rgba(0,0,0,.5),0 4px 0 rgba(0,0,0,.3),0 7px 12px rgba(0,0,0,.48)!important}
/* Category icons and symbolic icons get a dimensional badge instead of flat glyphs. */
body .cat-icon,body .cat-links a .child-icon,body .albadr-services-v9-icon,body .about-values-final span,body .wave-mark,body .yt-logo{position:relative;isolation:isolate;text-shadow:0 1px 0 rgba(255,255,255,.55),0 2px 0 rgba(0,0,0,.35),0 4px 7px rgba(0,0,0,.55)!important;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45));}
body .cat-icon,body .cat-links a .child-icon,body .albadr-services-v9-icon{border:1px solid rgba(255,255,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 8px rgba(0,0,0,.3),0 3px 0 rgba(0,0,0,.32),0 8px 16px rgba(0,0,0,.35),0 0 15px rgba(0,170,255,.18)!important;transform:translateZ(0)}
body .cat-links a .child-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:10px!important;font-size:19px!important;background:linear-gradient(145deg,rgba(255,255,255,.23),rgba(5,16,38,.82))!important}
body .cat-icon{width:56px!important;height:56px!important;font-size:32px!important;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(2,12,32,.78))!important}
/* Make action pills look tactile and legible on phones as well as desktops. */
body .cat-links a,body .hero-cta,body .outline-btn,body .work-actions a,body .copy-link{font-weight:850!important;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 0 rgba(0,0,0,.36),0 6px 12px rgba(0,0,0,.27)!important;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}
body .cat-links a{min-height:42px!important;height:auto!important;padding:7px 11px!important;font-size:clamp(12px,1.05vw,14px)!important;line-height:1.45!important}
body .cat-links a:hover,body .hero-cta:hover,body .outline-btn:hover,body .work-actions a:hover,body .copy-link:hover{transform:translateY(-2px)!important;filter:brightness(1.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 0 rgba(0,0,0,.32),0 10px 17px rgba(0,0,0,.35)!important}
body .main-category,body .category-child,body .work-grid .work.card,body .yt-final,body .about-values-final>div,body .albadr-services-v9-card{transform-style:preserve-3d;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 0 rgba(0,0,0,.3),0 13px 28px rgba(0,0,0,.3)!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
body .main-category:hover,body .category-child:hover,body .work-grid .work.card:hover,body .yt-final:hover,body .about-values-final>div:hover,body .albadr-services-v9-card:hover{transform:translateY(-4px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 0 rgba(0,0,0,.25),0 20px 34px rgba(0,0,0,.35),0 0 18px rgba(0,150,255,.12)!important}
/* Avoid oversized typography or two-column overflow on narrow mobile screens. */
@media(max-width:900px){body .section-title-final h2{font-size:clamp(22px,5vw,28px)!important}body .cat-content h3{font-size:clamp(26px,6vw,36px)!important}body .cat-links a{font-size:13px!important}}
@media(max-width:560px){body .hero-copy-final h1{font-size:clamp(32px,8vw,42px)!important}body .section-title-final h2,body .youtube-head h2,body .about-text-final h2,body .contact-final h2{font-size:clamp(21px,6vw,26px)!important}body .cat-content h3{font-size:clamp(26px,7vw,34px)!important}body .cat-links a{min-height:40px!important;font-size:12px!important}body .cat-icon{width:48px!important;height:48px!important;font-size:28px!important}}
@media(prefers-reduced-motion:reduce){body .main-category,body .category-child,body .work-grid .work.card,body .yt-final,body .about-values-final>div,body .albadr-services-v9-card{transition:none!important}}