/*
Theme Name: AL-BADR STUDIO — Cinematic Reset
Theme URI: https://studioalbadr.com/
Author: AL-BADR Studio
Description: Cinematic 3D visual refresh with legacy appearance controls removed.
Version: 4.2.46
Text Domain: albadr-studio
*/

/* ===== CINEMATIC RESET: fixed visual system ===== */
:root {
  --bdr-cyan: #18e6ff;
  --bdr-blue: #2589ff;
  --bdr-violet: #c34dff;
  --bdr-pink: #ff4fc8;
  --bdr-ink: #061326;
  --bdr-glass: rgba(4, 20, 43, .78);
  --bdr-text: #f7fbff;
  --bdr-title-size: clamp(1.12rem, 1.55vw, 1.65rem);
}
body {
  color: var(--bdr-text);
  text-rendering: optimizeLegibility;
}
body.home .main-category-grid {
  gap: clamp(14px, 1.5vw, 24px) !important;
}
body.home .main-category {
  isolation: isolate;
  transform-style: preserve-3d;
  border: 1px solid rgba(74, 206, 255, .5) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.38), 0 0 22px rgba(28,157,255,.13), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.home .main-category.cat-type-zafat {
  border-color: rgba(219, 66, 255, .7) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.38), 0 0 24px rgba(209,48,255,.17), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.home .main-category .cat-content h3,
body.home .section-title-final,
body.home .hero-copy-final h1,
body.home .albadr-services-v9-heading {
  color: #fff !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.65),
    0 2px 0 rgba(155,193,255,.55),
    0 4px 0 rgba(29,65,119,.75),
    0 7px 14px rgba(0,0,0,.82),
    0 0 18px rgba(35,184,255,.28) !important;
  -webkit-text-stroke: .25px rgba(255,255,255,.22);
}
body.home .main-category .cat-content h3 {
  font-size: clamp(1.2rem, 2.05vw, 1.8rem) !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere;
}
body.home .main-category .cat-links {
  gap: clamp(8px, .8vw, 12px) !important;
}
body.home .main-category .cat-links a,
body.home .hero-cta,
body.home .outline-btn,
body.home .albadr-services-v9-card {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  border: 1px solid rgba(63,220,255,.75) !important;
  background:
    linear-gradient(145deg, rgba(22,67,111,.86), rgba(3,17,38,.92)) !important;
  box-shadow:
    0 5px 0 rgba(2,8,20,.78),
    0 9px 22px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 8px rgba(0,0,0,.28) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, filter .28s ease !important;
}
body.home .main-category.cat-type-zafat .cat-links a {
  border-color: rgba(228,70,255,.75) !important;
  background: linear-gradient(145deg, rgba(90,22,113,.88), rgba(25,7,46,.94)) !important;
}
body.home .main-category .cat-links a:hover,
body.home .hero-cta:hover,
body.home .outline-btn:hover,
body.home .albadr-services-v9-card:hover {
  transform: translateY(-3px) scale(1.012) !important;
  filter: brightness(1.15);
  box-shadow: 0 8px 0 rgba(2,8,20,.7), 0 13px 28px rgba(0,0,0,.4), 0 0 20px rgba(30,208,255,.22), inset 0 1px 0 rgba(255,255,255,.3) !important;
}
body.home .main-category .cat-links a:active,
body.home .hero-cta:active {
  transform: translateY(2px) scale(.99) !important;
  box-shadow: 0 2px 0 rgba(2,8,20,.8), inset 0 2px 7px rgba(0,0,0,.35) !important;
}
body.home .main-category .cat-links a .child-icon,
body.home .main-category .cat-links a > i,
body.home .main-category .cat-links a svg,
body.home .albadr-services-v9-icon,
body.home .hero-cta svg,
body.home .outline-btn svg {
  filter: drop-shadow(0 0 5px rgba(80,221,255,.58));
  transform-origin: center;
  animation: bdr-icon-float 3.2s ease-in-out infinite;
}
body.home .main-category .cat-links a:nth-child(2n) svg,
body.home .main-category .cat-links a:nth-child(2n) .child-icon { animation-delay: -.8s; }
body.home .main-category .cat-links a::before,
body.home .hero-cta::before,
body.home .outline-btn::before {
  content: "";
  position: absolute;
  inset: -80% auto -80% -35%;
  width: 25%;
  transform: rotate(22deg) translateX(-220%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  pointer-events: none;
  transition: transform .65s ease;
}
body.home .main-category .cat-links a:hover::before,
body.home .hero-cta:hover::before,
body.home .outline-btn:hover::before {
  transform: rotate(22deg) translateX(650%);
}
body.home .main-category .cat-links a {
  min-height: clamp(44px, 4.1vw, 58px) !important;
  padding: 9px clamp(10px, 1.2vw, 17px) !important;
  border-radius: 999px !important;
  font-size: clamp(.82rem, 1.08vw, 1.02rem) !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 3px rgba(0,0,0,.65), 0 0 8px rgba(255,255,255,.12);
}
body.home .main-category.cat-type-sheilat .cat-links a {
  font-size: clamp(.72rem, .95vw, .95rem) !important;
}
body.home .main-category .cat-links a .child-icon {
  flex: 0 0 auto;
}
body.home .main-category::after {
  background: linear-gradient(90deg, transparent, rgba(63,227,255,.72), transparent) !important;
  box-shadow: 0 0 16px rgba(35,204,255,.25);
}
body.home .main-category.cat-type-zafat::after {
  background: linear-gradient(90deg, transparent, rgba(231,72,255,.82), transparent) !important;
}
body.home .hero-final,
body.home .categories-final,
body.home .about-final,
body.home .youtube-final {
  position: relative;
}
body.home .hero-final::after,
body.home .categories-final::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse at 15% 20%, rgba(39,120,255,.12), transparent 48%),
              radial-gradient(ellipse at 85% 75%, rgba(187,45,255,.10), transparent 45%);
}
body.home .hero-final > *,
body.home .categories-final > * { position: relative; z-index: 1; }
@keyframes bdr-icon-float {
  0%,100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(-4deg); }
}
@keyframes bdr-cyan-pulse {
  0%,100% { box-shadow: 0 0 8px rgba(26,209,255,.12); }
  50% { box-shadow: 0 0 18px rgba(26,209,255,.28); }
}
body.home .main-category { animation: bdr-cyan-pulse 5s ease-in-out infinite; }
body.home .main-category:nth-child(2n) { animation-delay: -2.5s; }
@media (max-width: 980px) {
  body.home .main-category .cat-content h3 { font-size: clamp(1.3rem, 3vw, 1.7rem) !important; }
  body.home .main-category .cat-links a { font-size: clamp(.82rem, 1.8vw, 1rem) !important; }
}
@media (max-width: 650px) {
  body.home .main-category .cat-content h3 { font-size: clamp(1.28rem, 5.3vw, 1.55rem) !important; }
  body.home .main-category .cat-links a { min-height: 46px !important; font-size: clamp(.78rem, 3.4vw, .93rem) !important; padding: 8px 10px !important; }
  body.home .main-category.cat-type-sheilat .cat-links a { font-size: clamp(.72rem, 3vw, .84rem) !important; }
  body.home .hero-copy-final h1 { font-size: clamp(2rem, 9vw, 3rem) !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.home .main-category,
  body.home .main-category .cat-links a svg,
  body.home .main-category .cat-links a .child-icon,
  body.home .albadr-services-v9-icon { animation: none !important; transition: none !important; }
}