/* AL-BADR Studio 4.2.44 — animated dimensional Arabic typography.
   Additive CSS only. Keeps Arabic text legible and honors reduced-motion settings. */
:root{
 --albadr-type-cyan:#5cecff;
 --albadr-type-violet:#c58bff;
 --albadr-type-pink:#ff77d7;
 --albadr-type-depth:0 1px 0 rgba(255,255,255,.42),0 2px 0 rgba(255,255,255,.12),0 3px 0 rgba(5,10,30,.82),0 5px 0 rgba(5,10,30,.62),0 8px 12px rgba(0,0,0,.55);
}
/* Main hero: dimensional shadow plus restrained, slow floating motion. */
body .hero-copy-final h1{
 text-shadow:var(--albadr-type-depth),0 0 22px rgba(0,198,255,.22)!important;
 -webkit-text-stroke:.35px rgba(255,255,255,.22);
 transform-origin:50% 80%;
 animation:albadrTitleFloat 5.8s ease-in-out infinite;
}
body .hero-copy-final h1 span{
 background-image:linear-gradient(110deg,#ff83dc 0%,#d6a0ff 28%,#67eaff 53%,#e89cff 76%,#ff83dc 100%)!important;
 background-size:240% 100%!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 color:transparent!important;
 filter:drop-shadow(0 3px 0 rgba(10,7,38,.8)) drop-shadow(0 0 10px rgba(198,80,255,.32));
 animation:albadrGradientFlow 7s linear infinite,albadrTextGlow 4.5s ease-in-out infinite;
}
body .hero-copy-final h2{
 text-shadow:0 1px 0 rgba(255,255,255,.3),0 2px 0 rgba(4,10,28,.9),0 4px 0 rgba(4,10,28,.58),0 7px 13px rgba(0,0,0,.5),0 0 15px rgba(0,202,255,.16)!important;
 animation:albadrTextGlow 5.5s ease-in-out infinite;
}
/* Section and content headings across home, archives, services and footer. */
body .section-title-final h2,
body .youtube-head h2,
body .about-text-final h2,
body .contact-final h2,
body .albadr-services-v9-heading h2,
body .page-title,
body .entry-title{
 text-shadow:0 1px 0 rgba(255,255,255,.3),0 2px 0 rgba(4,10,28,.9),0 4px 0 rgba(4,10,28,.58),0 7px 12px rgba(0,0,0,.5),0 0 13px rgba(0,190,255,.13)!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{
 text-shadow:0 1px 0 rgba(255,255,255,.24),0 2px 0 rgba(2,9,27,.85),0 4px 0 rgba(2,9,27,.5),0 6px 10px rgba(0,0,0,.42)!important;
}
/* Gentle animated light on headings; no pseudo-elements that could cover text. */
body .section-title-final h2,body .youtube-head h2,body .about-text-final h2,
body .contact-final h2,body .albadr-services-v9-heading h2{
 animation:albadrTextGlow 6s ease-in-out infinite;
}
/* Navigation and action controls gain a tactile 3D response on hover/focus. */
body .main-nav>a,body .nav-menu>li>a,body .lang,body .hero-cta,
body .cat-links a,body .outline-btn,body .work-actions a,body .copy-link{
 transition:transform .24s ease,filter .24s ease,box-shadow .24s ease,color .24s ease!important;
}
@media (hover:hover) and (pointer:fine){
 body .main-nav>a:hover,body .nav-menu>li>a:hover{
  transform:translateY(-2px);text-shadow:0 1px 0 rgba(255,255,255,.35),0 3px 7px rgba(0,198,255,.45)!important;
 }
 body .hero-cta:hover,body .cat-links a:hover,body .outline-btn:hover,body .work-actions a:hover,body .copy-link:hover{
  transform:translateY(-3px) perspective(500px) rotateX(3deg)!important;
  filter:brightness(1.12) saturate(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 0 rgba(0,0,0,.34),0 12px 20px rgba(0,0,0,.34),0 0 18px rgba(0,198,255,.16)!important;
 }
}
body .hero-cta:active,body .cat-links a:active,body .outline-btn:active,body .work-actions a:active{
 transform:translateY(1px) scale(.985)!important;
}
@keyframes albadrTitleFloat{0%,100%{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-2px) rotateX(1deg)}}
@keyframes albadrGradientFlow{0%{background-position:0% 50%}100%{background-position:240% 50%}}
@keyframes albadrTextGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(0,205,255,0));}50%{filter:drop-shadow(0 0 5px rgba(0,205,255,.18));}}
@media(max-width:560px){
 body .hero-copy-final h1{animation-duration:6.8s;-webkit-text-stroke:.2px rgba(255,255,255,.2)}
 body .hero-copy-final h2{line-height:1.25}
 body .section-title-final h2,body .youtube-head h2,body .about-text-final h2,body .contact-final h2{ text-shadow:0 1px 0 rgba(255,255,255,.22),0 2px 0 rgba(2,9,27,.85),0 4px 8px rgba(0,0,0,.45)!important; }
}
@media(prefers-reduced-motion:reduce){
 body .hero-copy-final h1,body .hero-copy-final h1 span,body .hero-copy-final h2,
 body .section-title-final h2,body .youtube-head h2,body .about-text-final h2,
 body .contact-final h2,body .albadr-services-v9-heading h2{animation:none!important;}
 body .main-nav>a,body .nav-menu>li>a,body .hero-cta,body .cat-links a,body .outline-btn,body .work-actions a{transition:none!important;}
}
