/*
 * Al Badr Studio — Premium 3D Interfaces 4.2.35
 * Additive visual layer: preserves the existing brand palette, content and behavior.
 * Stable card depth by default; movement and extra light only on interaction.
 */
:root {
  --albadr-3d-ease: cubic-bezier(.2,.75,.25,1);
  --albadr-3d-edge: rgba(61,137,255,.48);
  --albadr-3d-shadow: 0 12px 26px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.09);
}

/* Stronger dimensional hierarchy without replacing the text's original colors. */
.hero-copy-final h1,
.section-title-final h2,
.albadr-services-v9-heading h2,
.section-head h1,
.single-body h1,
.about-text-final h2 {
  text-shadow: 0 1px 0 rgba(255,255,255,.14), 0 2px 0 rgba(0,0,0,.22),
    0 4px 0 rgba(0,0,0,.16), 0 8px 18px rgba(0,0,0,.34);
  text-wrap: balance;
}
.hero-copy-final h2,
.section-title-final p,
.albadr-services-v9-heading p,
.about-text-final p,
.section-head p {
  text-shadow: 0 1px 0 rgba(0,0,0,.24), 0 0 12px rgba(9,140,255,.12);
}

/* Stable, visible depth on real card components throughout home and work pages. */
.main-category,
.albadr-services-v9-card,
.yt-final,
.work-grid .work.card,
.category-child,
.about-values-final > div,
.single-art,
.albadr-footer-block {
  position: relative;
  isolation: isolate;
  border-color: var(--albadr-3d-edge);
  box-shadow: var(--albadr-3d-shadow);
  transform: translateZ(0);
  transition: transform .32s var(--albadr-3d-ease), box-shadow .32s ease,
    border-color .32s ease, filter .32s ease;
}
.main-category::after,
.albadr-services-v9-card::after,
.yt-final::after,
.work-grid .work.card::after,
.category-child::after,
.about-values-final > div::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(0,0,0,.18);
  opacity: .9;
}

/* Dimensional icons use drop-shadows only; glyphs and original colors remain intact. */
.cat-icon,
.albadr-services-v9-icon,
.section-title-final .wave-mark,
.about-values-final span,
.yt-logo,
.albadr-footer-pro .contact-icon,
.albadr-footer-pro .albadr-footer-socials a svg {
  filter: drop-shadow(0 2px 0 rgba(0,0,0,.26)) drop-shadow(0 5px 7px rgba(0,0,0,.28));
}
.cat-icon,
.albadr-services-v9-icon {
  text-shadow: 0 1px 0 rgba(255,255,255,.18), 0 3px 0 rgba(0,0,0,.24), 0 0 12px rgba(9,140,255,.18);
}

/* Interaction-only lift and glow. No permanent floating or spinning. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .main-category:hover,
  .albadr-services-v9-card:hover,
  .yt-final:hover,
  .work-grid .work.card:hover,
  .category-child:hover,
  .about-values-final > div:hover {
    transform: perspective(1100px) translateY(-5px) rotateX(1deg);
    box-shadow: 0 18px 34px rgba(0,0,0,.34), 0 0 18px rgba(9,140,255,.13),
      inset 0 1px 0 rgba(255,255,255,.12);
    filter: brightness(1.025);
  }
  .main-category:hover .cat-bg,
  .work-grid .work.card:hover .work-art img,
  .about-photo-final:hover img {
    transform: scale(1.035);
  }
  .main-category .cat-links a:hover,
  .hero-cta:hover,
  .outline-btn:hover,
  .work-actions a:hover,
  .work-actions button:hover,
  .header-like-slot #al-badr-like-btn:hover {
    transform: translateY(-2px) translateZ(5px);
    box-shadow: 0 10px 22px rgba(0,0,0,.25), 0 0 14px rgba(9,140,255,.16);
  }
}
.main-category .cat-bg,
.work-grid .work-art img,
.about-photo-final img {
  transition: transform .55s var(--albadr-3d-ease), filter .35s ease;
}
.main-category:active,
.albadr-services-v9-card:active,
.yt-final:active,
.work-grid .work.card:active,
.category-child:active {
  transform: translateY(-1px) scale(.997);
}

/* Cleaner keyboard focus while retaining the site's palette. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--cyan, #00d7ff);
  outline-offset: 3px;
}

/* Mobile navigation: reliable tap targets and a clear stacked menu. */
@media (max-width: 900px) {
  .main-nav.open {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 2px;
    max-height: min(72vh, 520px);
    overflow-y: auto;
    padding: 8px;
    box-shadow: 0 16px 32px rgba(0,0,0,.32);
    backdrop-filter: blur(14px);
  }
  .main-nav.open > a,
  .main-nav.open .nav-menu,
  .main-nav.open .nav-menu li,
  .main-nav.open .nav-menu li > a {
    display: flex;
    width: 100%;
    min-height: 42px;
    align-items: center;
    justify-content: center;
  }
  .main-nav.open .nav-menu { flex-direction: column; height: auto; }
  .main-nav.open .nav-menu li { height: auto; }
  .mobile-menu { min-width: 42px; min-height: 42px; border-radius: 10px; }
  .mobile-menu:focus-visible { outline-offset: 1px; }
}

/* Prevent long titles and controls from overflowing narrow devices. */
.hero-copy-final h1,
.hero-copy-final h2,
.section-title-final h2,
.albadr-services-v9-heading h2,
.work-grid .work h3,
.single-body h1 {
  overflow-wrap: anywhere;
}
@media (max-width: 600px) {
  .hero-copy-final h1 { text-shadow: 0 1px 0 rgba(255,255,255,.12), 0 3px 0 rgba(0,0,0,.2), 0 6px 14px rgba(0,0,0,.3); }
  .main-category,
  .albadr-services-v9-card,
  .yt-final,
  .work-grid .work.card { border-radius: 14px; }
  .work-grid .work-actions a,
  .work-grid .work-actions button { min-height: 38px; }
  #albadr-chat-launcher { box-shadow: 0 10px 26px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.08) inset; }
}

@media (prefers-reduced-motion: reduce) {
  .main-category,
  .albadr-services-v9-card,
  .yt-final,
  .work-grid .work.card,
  .category-child,
  .main-category .cat-bg,
  .work-grid .work-art img,
  .about-photo-final img {
    transition: none !important;
    transform: none !important;
  }
}


/* Unified dimensional finish for interactive controls; preserve their existing brand colors. */
.hero-cta,
.hero-play,
.outline-btn,
.work-actions a,
.work-actions button,
.main-category .cat-links a,
.header-like-slot #al-badr-like-btn,
.mobile-menu {
  box-shadow: 0 5px 0 rgba(0,0,0,.18),
              0 9px 20px rgba(0,0,0,.20),
              inset 0 1px 0 rgba(255,255,255,.14);
  transition: transform .24s var(--albadr-3d-ease),
              box-shadow .24s ease, filter .24s ease;
}
.hero-cta:active,
.hero-play:active,
.outline-btn:active,
.work-actions a:active,
.work-actions button:active,
.main-category .cat-links a:active,
.header-like-slot #al-badr-like-btn:active,
.mobile-menu:active {
  transform: translateY(1px);
  box-shadow: 0 2px 0 rgba(0,0,0,.18),
              0 4px 10px rgba(0,0,0,.18),
              inset 0 1px 0 rgba(255,255,255,.10);
}


/* Al Badr 4.2.37 — visible 3D typography, navigation and controls. */
:root{--albadr-3d-depth:rgba(0,0,0,.28);--albadr-3d-blue:rgba(9,140,255,.24);}
/* Main headings: layered extrusion that remains legible in Arabic. */
.hero-copy-final h1,.section-title-final h2,.albadr-services-v9-heading h2,
.section-head h1,.section-head h2,.section h1,.single-body h1,
.about-text-final h2,.site-content h1,.entry-title,.page-title{
 text-shadow:0 1px 0 rgba(255,255,255,.22),0 2px 0 rgba(5,22,48,.95),
  0 3px 0 rgba(3,15,34,.9),0 4px 0 rgba(3,15,34,.78),
  0 6px 0 rgba(0,0,0,.42),0 10px 18px rgba(0,0,0,.45),0 0 18px rgba(9,140,255,.12);
 -webkit-text-stroke:.18px rgba(255,255,255,.18);text-wrap:balance;
}
/* Subheadings: softer luminous depth. */
.section-head p,.section-title-final p,.hero-copy-final h2,.albadr-services-v9-heading p,
.about-text-final p,.section-head h1+p{
 text-shadow:0 1px 0 rgba(0,0,0,.5),0 2px 3px rgba(0,0,0,.28),0 0 12px rgba(0,215,255,.14);
}
/* Real header selectors from header.php: social glyphs, language toggles and menu links. */
.site-header .socials a,.site-header .lang,.site-header .mobile-menu{
 text-shadow:0 1px 0 rgba(255,255,255,.18),0 2px 0 rgba(0,0,0,.55),0 4px 8px rgba(0,0,0,.45);
 transition:transform .24s cubic-bezier(.2,.75,.25,1),color .24s ease,filter .24s ease,text-shadow .24s ease;
}
.site-header .socials a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:32px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));}
.site-header .main-nav>a,.site-header .nav-menu>li>a{
 transition:transform .25s cubic-bezier(.2,.75,.25,1),color .25s ease,text-shadow .25s ease;
 text-shadow:0 1px 0 rgba(255,255,255,.12),0 2px 3px rgba(0,0,0,.42);
}
.site-header .main-nav>a:after,.site-header .nav-menu>li>a:after{
 transition:width .28s ease,box-shadow .28s ease,opacity .28s ease;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .site-header .socials a:hover,.site-header .lang:hover{transform:translateY(-2px);color:var(--cyan,#00d7ff);filter:drop-shadow(0 0 5px rgba(0,215,255,.38));}
 .site-header .main-nav>a:hover,.site-header .nav-menu>li>a:hover{transform:translateY(-2px);color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.28),0 3px 0 rgba(0,0,0,.48),0 0 10px rgba(0,215,255,.28);}
 .site-header .main-nav>a:hover:after,.site-header .nav-menu>li>a:hover:after{width:calc(100% - 24px);box-shadow:0 0 10px var(--purple,#b000ff),0 0 18px rgba(0,215,255,.42);}
}
/* Buttons get visible bevels in their resting state, not only on hover. */
.hero-cta,.hero-play,.outline-btn,.work-actions a,.work-actions button,
.main-category .cat-links a,.copy-link,.play-btn,.site-header .mobile-menu{
 box-shadow:0 3px 0 rgba(0,0,0,.34),0 7px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.20);
 transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease,filter .24s ease;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .hero-cta:hover,.hero-play:hover,.outline-btn:hover,.work-actions a:hover,.work-actions button:hover,
 .main-category .cat-links a:hover,.copy-link:hover,.play-btn:hover{
 transform:translateY(-3px) translateZ(4px);box-shadow:0 5px 0 rgba(0,0,0,.32),0 13px 24px rgba(0,0,0,.30),0 0 14px rgba(9,140,255,.18),inset 0 1px 0 rgba(255,255,255,.24);filter:brightness(1.04);
 }
}
@media(max-width:900px){
 .site-header .main-nav.open{border:1px solid rgba(61,137,255,.65);border-radius:0 0 16px 16px;background:rgba(3,17,38,.98);box-shadow:0 14px 34px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);}
 .site-header .main-nav.open .nav-menu li>a{border-radius:9px;text-shadow:0 1px 0 rgba(255,255,255,.12),0 3px 7px rgba(0,0,0,.45);}
 .site-header .main-nav.open .nav-menu li.current-menu-item>a{background:linear-gradient(90deg,rgba(176,0,255,.10),rgba(0,215,255,.10));box-shadow:inset 0 0 0 1px rgba(61,137,255,.22);}
 .section-head h1,.section h1,.entry-title,.page-title{line-height:1.35;}
}
@media(prefers-reduced-motion:reduce){.site-header .socials a,.site-header .lang,.site-header .main-nav>a,.site-header .nav-menu>li>a,.hero-cta,.hero-play,.outline-btn,.work-actions a,.work-actions button{transition:none!important;}}


/* ================================================================
   AL-BADR 4.2.38 — 3D Typography, Icon Depth & Responsive Scale
   Palette preserved: depth comes from layered shadows and bevels.
   ================================================================ */
:root {
  --albadr-type-shadow: 0 1px 0 rgba(255,255,255,.20),
                        0 2px 0 rgba(2,12,29,.95),
                        0 4px 0 rgba(2,12,29,.78),
                        0 7px 12px rgba(0,0,0,.34);
  --albadr-type-glow: 0 0 12px rgba(9,140,255,.16);
  --albadr-icon-lift: 0 2px 0 rgba(0,0,0,.42), 0 5px 10px rgba(0,0,0,.28),
                      0 0 10px rgba(0,215,255,.12);
}

/* Readable baseline: slightly larger than the previous compact body scale. */
body { font-size: 16px; line-height: 1.78; }
.site-content p, .single-body p, .about-text-final p,
.section-head p, .section-title-final p,
.albadr-services-v9-heading p, .hero-copy-final p {
  font-size: clamp(16px, 1.05vw, 18px);
  line-height: 1.9;
  text-shadow: 0 1px 2px rgba(0,0,0,.22);
}

/* Main headings: visible layered extrusion, without a fake outline-heavy look. */
.hero-copy-final h1, .site-content h1, .single-body h1,
.entry-title, .page-title, .section-head h1,
.section-title-final h2, .section-head h2,
.albadr-services-v9-heading h2, .about-text-final h2 {
  font-size: clamp(30px, 3.1vw, 44px);
  line-height: 1.42;
  font-weight: 800;
  letter-spacing: 0;
  text-shadow: 0 1px 0 rgba(255,255,255,.28),
               0 2px 0 rgba(5,22,48,.98),
               0 4px 0 rgba(3,15,34,.92),
               0 6px 0 rgba(3,15,34,.78),
               0 9px 15px rgba(0,0,0,.48), var(--albadr-type-glow);
  -webkit-text-stroke: .22px rgba(255,255,255,.20);
  text-wrap: balance;
}

/* Section and card headings receive a shorter, cleaner depth stack. */
.work-grid .work h3, .work-grid .work h2,
.main-category h2, .main-category h3,
.category-child h2, .category-child h3,
.albadr-services-v9-card h2, .albadr-services-v9-card h3,
.yt-final h2, .yt-final h3, .albadr-yt-landing-card h2,
.single-body h2, .single-body h3, .site-content h2, .site-content h3,
.entry-content h2, .entry-content h3 {
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.55;
  font-weight: 800;
  text-shadow: 0 1px 0 rgba(255,255,255,.17),
               0 2px 0 rgba(3,15,34,.92),
               0 4px 0 rgba(0,0,0,.36),
               0 7px 13px rgba(0,0,0,.28);
  text-wrap: balance;
}
.work-grid .work h3, .main-category h2, .main-category h3,
.category-child h2, .category-child h3,
.albadr-services-v9-card h2, .albadr-services-v9-card h3,
.yt-final h2, .yt-final h3 { font-size: clamp(19px, 1.6vw, 24px); }

/* Small UI labels stay crisp but gain a subtle raised surface. */
.hero-cta, .hero-play, .outline-btn, .play-btn, .copy-link,
.work-actions a, .work-actions button, .cat-links a,
.site-header .main-nav > a, .site-header .nav-menu > li > a,
.site-header .lang, .mobile-menu, .section button, .site-content button {
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(255,255,255,.12),
               0 2px 0 rgba(0,0,0,.38),
               0 4px 8px rgba(0,0,0,.24);
}

/* SVG, icon-font and emoji icons: layered depth with gentle interaction. */
.site-header svg, .site-header .icon, .hero-cta svg, .hero-play svg,
.work-actions svg, .cat-links svg, .main-category svg,
.albadr-services-v9-card svg, .site-content .icon,
button svg, a svg {
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.16))
          drop-shadow(0 3px 3px rgba(0,0,0,.34));
  transition: filter .22s ease, transform .22s cubic-bezier(.2,.75,.25,1);
}
.site-header .socials a, .hero-cta, .hero-play, .work-actions a,
.work-actions button, .cat-links a, .main-category .cat-links a,
.albadr-services-v9-card .icon, .main-category .cat-icon,
.main-category .cat-icon svg, .category-child .cat-icon,
.category-child .cat-icon svg {
  transform-style: preserve-3d;
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .site-header a:hover svg, .hero-cta:hover svg, .hero-play:hover svg,
  .work-actions a:hover svg, .work-actions button:hover svg,
  .cat-links a:hover svg, .main-category:hover .cat-icon svg,
  .category-child:hover .cat-icon svg, .albadr-services-v9-card:hover svg {
    transform: translateY(-2px) translateZ(3px) scale(1.04);
    filter: drop-shadow(0 2px 0 rgba(255,255,255,.20))
            drop-shadow(0 5px 5px rgba(0,0,0,.38))
            drop-shadow(0 0 5px rgba(0,215,255,.20));
  }
}

/* Card titles and artwork stay above the card plane. */
.main-category .cat-content, .main-category .cat-title,
.work-grid .work .work-info, .work-grid .work h3,
.albadr-services-v9-card > *, .yt-final > *, .albadr-yt-landing-card > * {
  transform: translateZ(8px);
}

/* Mobile hierarchy: readable Arabic lines, no clipped extrusion or overflow. */
@media (max-width: 600px) {
  body { font-size: 16px; line-height: 1.75; }
  .hero-copy-final h1, .site-content h1, .single-body h1,
  .entry-title, .page-title, .section-head h1,
  .section-title-final h2, .section-head h2,
  .albadr-services-v9-heading h2, .about-text-final h2 {
    font-size: clamp(27px, 7vw, 34px);
    line-height: 1.48;
    text-shadow: 0 1px 0 rgba(255,255,255,.24),
                 0 2px 0 rgba(4,18,40,.96),
                 0 4px 0 rgba(2,12,29,.78),
                 0 7px 12px rgba(0,0,0,.42),
                 0 0 12px rgba(9,140,255,.14);
  }
  .work-grid .work h3, .work-grid .work h2,
  .main-category h2, .main-category h3,
  .category-child h2, .category-child h3,
  .albadr-services-v9-card h2, .albadr-services-v9-card h3,
  .yt-final h2, .yt-final h3, .albadr-yt-landing-card h2,
  .single-body h2, .single-body h3, .site-content h2, .site-content h3,
  .entry-content h2, .entry-content h3 {
    font-size: clamp(19px, 5.2vw, 23px);
    line-height: 1.6;
  }
  .site-content p, .single-body p, .about-text-final p,
  .section-head p, .section-title-final p,
  .albadr-services-v9-heading p, .hero-copy-final p {
    font-size: 16px;
    line-height: 1.9;
  }
  .site-header .main-nav > a, .site-header .nav-menu > li > a,
  .site-header .lang { font-size: 14px; }
  .hero-cta, .hero-play, .outline-btn, .play-btn, .copy-link,
  .work-actions a, .work-actions button, .cat-links a { min-height: 42px; }
}

@media (prefers-reduced-motion:reduce) {
  .site-header svg, .site-header .icon, .hero-cta svg, .hero-play svg,
  .work-actions svg, .cat-links svg, .main-category svg,
  .albadr-services-v9-card svg, button svg, a svg { transition:none!important; }
}


/* ================================================================
   AL-BADR 4.2.40 — Site-wide Arabic 3D art direction
   Final cascade layer: consistent hierarchy across home, categories,
   archives, single works, navigation, services and footer.
   Original brand palette is retained.
   ================================================================ */
:root{
  --albadr-depth-1:0 1px 0 rgba(255,255,255,.22),0 2px 0 rgba(2,13,30,.96),0 4px 0 rgba(2,13,30,.82),0 8px 13px rgba(0,0,0,.36);
  --albadr-depth-2:0 1px 0 rgba(255,255,255,.16),0 2px 0 rgba(2,13,30,.88),0 4px 8px rgba(0,0,0,.3);
  --albadr-glass:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.012) 42%,rgba(0,0,0,.12));
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{overflow-wrap:anywhere}
.site-header{isolation:isolate}
.site-header .logo,.site-header .custom-logo-link{filter:drop-shadow(0 4px 7px rgba(0,0,0,.28))}
.site-header .main-nav>a,.site-header .nav-menu>li>a{
  position:relative;isolation:isolate;border-radius:10px;
  text-shadow:0 1px 0 rgba(255,255,255,.15),0 2px 0 rgba(0,0,0,.48),0 5px 10px rgba(0,0,0,.28);
  transition:color .22s ease,transform .22s var(--albadr-3d-ease),text-shadow .22s ease,background .22s ease;
}
.site-header .main-nav>a:focus-visible,.site-header .nav-menu>li>a:focus-visible{outline:2px solid rgba(0,215,255,.9);outline-offset:3px}
.hero-final{isolation:isolate}
.hero-copy-final h1,.section-title-final h2,.section-head h1,
.albadr-services-v9-heading h2,.about-text-final h2,.single-body h1,
.entry-title,.page-title,.site-content h1{
  text-shadow:0 1px 0 rgba(255,255,255,.28),0 2px 0 rgba(4,20,43,.98),
    0 4px 0 rgba(3,15,34,.92),0 7px 0 rgba(3,15,34,.70),
    0 10px 18px rgba(0,0,0,.42),0 0 18px rgba(9,140,255,.16);
  -webkit-text-stroke:.25px rgba(255,255,255,.16);
}
.hero-copy-final h1 span,.albadr-services-v9-heading h2 span{
  filter:drop-shadow(0 3px 0 rgba(0,0,0,.28)) drop-shadow(0 0 12px rgba(176,0,255,.24));
}
.hero-copy-final h2,.section-title-final p,.section-head p,
.albadr-services-v9-heading p,.about-text-final p{
  text-shadow:0 1px 0 rgba(0,0,0,.36),0 0 12px rgba(9,140,255,.12);
}
.section-title-final,.section-head,.youtube-head{position:relative}
.section-title-final:after,.section-head:after{
  content:"";display:block;width:clamp(64px,9vw,110px);height:3px;margin-top:13px;
  border-radius:10px;background:linear-gradient(90deg,#098cff,#b000ff);
  box-shadow:0 0 12px rgba(9,140,255,.3),0 2px 0 rgba(0,0,0,.35);
}
.section-title-final{gap:14px}
.section-title-final .wave-mark{
  text-shadow:0 1px 0 rgba(255,255,255,.22),0 3px 0 rgba(0,0,0,.38),0 7px 12px rgba(0,0,0,.3);
  transform:translateZ(10px)
}
/* Category cards: cinematic glass, readable labels and tactile 3D icons. */
body.home .main-category{
  border:1px solid rgba(61,137,255,.62);
  border-radius:22px;overflow:hidden;
  box-shadow:0 16px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.16);
  transform-style:preserve-3d;
}
body.home .main-category:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(145deg,rgba(255,255,255,.10),transparent 24%,transparent 72%,rgba(0,0,0,.22));
}
body.home .main-category .cat-content{position:relative;z-index:2}
body.home .main-category .cat-links{position:relative;z-index:3}
body.home .main-category .cat-links a{
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  min-height:53px;height:auto;padding:7px 12px;border-radius:15px;
  border:1px solid rgba(150,200,255,.38);
  background:linear-gradient(135deg,rgba(7,23,48,.95),rgba(7,18,39,.82));
  box-shadow:0 3px 0 rgba(0,0,0,.34),0 7px 14px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.13);
  text-decoration:none;transform-style:preserve-3d;
}
body.home .main-category .cat-links a strong{
  flex:1;min-width:0;font-size:clamp(12px,.95vw,15px);line-height:1.45;font-weight:800;
  color:#fff;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.16),0 2px 0 rgba(0,0,0,.68),0 4px 8px rgba(0,0,0,.45);
}
body.home .main-category .cat-links a .child-icon{
  display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 31px;
  width:31px;height:31px;border-radius:10px;font-size:19px;line-height:1;
  color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(0,0,0,.22));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 2px 0 rgba(0,0,0,.48),0 5px 10px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.25);
  text-shadow:0 1px 0 rgba(255,255,255,.20),0 3px 0 rgba(0,0,0,.45),0 0 9px rgba(255,255,255,.16);
  transform:translateZ(8px);
}
body.home .main-category .cat-links a b{
  flex:0 0 18px;font-size:25px;line-height:1;color:#fff;
  text-shadow:0 1px 0 rgba(255,255,255,.20),0 3px 0 rgba(0,0,0,.52),0 0 8px rgba(0,215,255,.28)
}
body.home .cat-type-songs .cat-links a{border-color:rgba(0,145,255,.70)}
body.home .cat-type-songs .cat-links a .child-icon{border-color:rgba(0,170,255,.68);box-shadow:0 2px 0 rgba(0,0,0,.45),0 0 14px rgba(0,128,255,.24),inset 0 1px 0 rgba(255,255,255,.22)}
body.home .cat-type-zafat .cat-links a{border-color:rgba(211,0,255,.68)}
body.home .cat-type-zafat .cat-links a .child-icon{border-color:rgba(220,0,255,.66);box-shadow:0 2px 0 rgba(0,0,0,.45),0 0 14px rgba(210,0,255,.23),inset 0 1px 0 rgba(255,255,255,.22)}
body.home .cat-type-sheilat .cat-links a{border-color:rgba(0,220,255,.65)}
body.home .cat-type-sheilat .cat-links a .child-icon{border-color:rgba(0,220,255,.66);box-shadow:0 2px 0 rgba(0,0,0,.45),0 0 14px rgba(0,210,255,.23),inset 0 1px 0 rgba(255,255,255,.22)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.home .main-category .cat-links a:hover{transform:translateY(-3px) perspective(700px) rotateX(2deg);filter:brightness(1.09);box-shadow:0 5px 0 rgba(0,0,0,.34),0 13px 22px rgba(0,0,0,.30),0 0 14px rgba(9,140,255,.18),inset 0 1px 0 rgba(255,255,255,.2)}
 body.home .main-category .cat-links a:hover .child-icon{transform:translateY(-1px) translateZ(13px) rotate(-3deg)}
}
/* Category landing pages: distinct, raised tiles for every zafat/song/sheilat list. */
.breadcrumb{margin:0 0 18px;padding:10px 14px;border-radius:12px;
  background:linear-gradient(120deg,rgba(9,140,255,.10),rgba(176,0,255,.07));
  border:1px solid rgba(61,137,255,.28);color:#c9d8ec;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.breadcrumb a{color:#fff;text-decoration:none;font-weight:800;text-shadow:0 2px 5px rgba(0,0,0,.3)}
.category-grid{gap:16px}
.category-child{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;
  min-height:155px;padding:22px;border-radius:18px;
  background:linear-gradient(145deg,rgba(10,34,66,.94),rgba(4,15,34,.97));
  border:1px solid rgba(61,137,255,.48);
  box-shadow:0 8px 0 rgba(0,0,0,.18),0 15px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10);
  text-decoration:none;overflow:hidden;
}
.category-child:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.07),transparent 42%)}
.category-child .child-icon{
  display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;
  border-radius:14px;font-size:25px;color:#fff;
  background:linear-gradient(145deg,rgba(9,140,255,.34),rgba(176,0,255,.20));
  border:1px solid rgba(130,190,255,.42);
  box-shadow:0 3px 0 rgba(0,0,0,.38),0 8px 14px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.22);
  text-shadow:0 1px 0 rgba(255,255,255,.22),0 3px 0 rgba(0,0,0,.45),0 0 12px rgba(9,140,255,.24)
}
.category-child h3{margin:0;color:#fff;font-size:clamp(18px,1.6vw,23px);line-height:1.5;text-shadow:var(--albadr-depth-2)}
.category-child p{margin:0;color:#b9cbe1;font-size:14px;line-height:1.7}
.category-child:hover{border-color:rgba(0,215,255,.72)}
/* Artwork listing cards: consistent studio-grade surfaces and readable metadata. */
.work-grid{gap:22px}
.work-grid .work.card{
  overflow:hidden;border-radius:20px;border:1px solid rgba(61,137,255,.40);
  background:linear-gradient(155deg,rgba(10,29,56,.98),rgba(3,13,30,.99));
  box-shadow:0 7px 0 rgba(0,0,0,.16),0 15px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10);
}
.work-grid .work-art{position:relative;overflow:hidden;background:#07172c}
.work-grid .work-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(2,10,23,.22))}
.work-grid .work-art img{display:block;width:100%;height:100%;object-fit:cover}
.work-grid .work-body{padding:18px}
.work-grid .work-meta{display:inline-flex;align-items:center;max-width:100%;margin-bottom:9px;padding:4px 10px;border-radius:999px;
  color:#cfeaff;background:rgba(9,140,255,.12);border:1px solid rgba(9,140,255,.28);font-size:12px;font-weight:800}
.work-grid .work h3{margin:0 0 9px;color:#fff;font-size:clamp(19px,1.6vw,24px);line-height:1.55;text-shadow:var(--albadr-depth-2)}
.work-grid .work-body>p{color:#bdcbe0;line-height:1.8}
.audio-player{width:100%;max-width:100%;border-radius:14px;accent-color:#098cff}
.work-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.work-actions a,.work-actions button,.copy-link{
  min-height:42px;padding:9px 13px;border-radius:12px;border:1px solid rgba(120,180,255,.35);
  background:linear-gradient(145deg,rgba(16,49,87,.95),rgba(5,19,41,.98));color:#fff;
  box-shadow:0 3px 0 rgba(0,0,0,.32),0 7px 12px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.12);
}
.work-actions .play{border-color:rgba(0,220,255,.40)}
.work-actions .download{border-color:rgba(176,0,255,.40)}
/* Single work view: editorial layout and a prominent media frame. */
.single-work{gap:clamp(22px,4vw,48px);align-items:start}
.single-art{overflow:hidden;border-radius:22px;border:1px solid rgba(61,137,255,.45);box-shadow:0 8px 0 rgba(0,0,0,.18),0 18px 40px rgba(0,0,0,.3)}
.single-art img{display:block;width:100%;height:auto;object-fit:cover}
.single-body{min-width:0;padding:clamp(18px,3vw,30px);border-radius:22px;
  background:linear-gradient(145deg,rgba(9,29,57,.92),rgba(3,13,30,.97));
  border:1px solid rgba(61,137,255,.32);box-shadow:0 12px 28px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.08)}
.single-body h1{margin-top:8px}
.single-content{color:#d5e0ef;font-size:16px;line-height:1.95}
.single-body .work-meta{display:inline-flex;padding:5px 11px;border-radius:999px;background:rgba(176,0,255,.12);border:1px solid rgba(176,0,255,.30);color:#ead3ff;font-weight:800}
.single-body .audio-player{margin:18px 0}
.single-body .work-actions{margin-top:18px}
/* YouTube, services, about values and footer: same tactile finish. */
.yt-final{overflow:hidden;border-radius:18px;border:1px solid rgba(61,137,255,.38);background:linear-gradient(145deg,rgba(9,28,54,.96),rgba(3,13,30,.98))}
.yt-thumb-final{overflow:hidden;background:#020813}
.yt-thumb-final img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--albadr-3d-ease)}
.yt-final .yt-info{padding:16px}
.yt-final h3{color:#fff;text-shadow:var(--albadr-depth-2)}
.yt-final .youtube-internal-url{max-width:100%;overflow-wrap:anywhere}
.albadr-services-v9-card{border-radius:18px;overflow:hidden;background:var(--albadr-glass),rgba(5,20,43,.94)}
.albadr-services-v9-icon{display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:54px;border-radius:16px;
  background:linear-gradient(145deg,rgba(9,140,255,.22),rgba(176,0,255,.18));
  border:1px solid rgba(125,185,255,.32);box-shadow:0 3px 0 rgba(0,0,0,.30),0 8px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18)}
.about-values-final>div{border-radius:17px;overflow:hidden;background:linear-gradient(145deg,rgba(9,29,57,.9),rgba(3,13,30,.96))}
.about-values-final h3{color:#fff;text-shadow:var(--albadr-depth-2)}
.about-photo-final{overflow:hidden;border-radius:22px}
.albadr-footer-pro{border-top:1px solid rgba(61,137,255,.24)}
.albadr-footer-pro .contact-icon,.albadr-footer-pro .albadr-footer-socials a{
  box-shadow:0 3px 0 rgba(0,0,0,.30),0 7px 14px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease
}
.empty{padding:28px 20px;border-radius:18px;border:1px dashed rgba(61,137,255,.45);background:rgba(5,20,43,.65);color:#d5e0ef;text-align:center}
@media(max-width:760px){
 .work-grid{gap:15px}
 .work-grid .work-body{padding:14px}
 .category-grid{gap:12px}
 .category-child{min-height:135px;padding:17px}
 .category-child .child-icon{width:42px;height:42px;border-radius:12px;font-size:22px}
 .single-body{padding:18px}
 body.home .main-category .cat-links a{min-height:48px;padding:6px 9px;gap:7px}
 body.home .main-category .cat-links a .child-icon{width:28px;height:28px;flex-basis:28px;font-size:17px}
 body.home .main-category .cat-links a strong{font-size:12px}
}
@media(max-width:420px){
 .section-title-final{align-items:flex-start}
 .work-actions a,.work-actions button,.copy-link{flex:1 1 auto;justify-content:center;text-align:center}
 .category-child{padding:15px}
 body.home .main-category .cat-links a strong{font-size:11px}
 body.home .main-category .cat-links a .child-icon{width:25px;height:25px;flex-basis:25px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .site-header .main-nav>a,.site-header .nav-menu>li>a,.main-category,.category-child,.work-grid .work.card,
 .work-grid .work-art img,.yt-thumb-final img,.albadr-footer-pro .contact-icon,.albadr-footer-pro .albadr-footer-socials a,
 body.home .main-category .cat-links a{transition:none!important}
}