@media (max-width: 900px){

  .addvibes-hero{
    margin-top:0 !important;
    position:relative !important;
    z-index:1 !important;
  }

  .addvibes-hero-sticky{
    transform:translateY(-0vh) !important;
    height:100svh !important;
    min-height:100svh !important;
  }

  .addvibes-hero-picture,
  .addvibes-hero-frame{
    height:100% !important;
  }

  .app-header,
  header{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;

    background:transparent !important;
    box-shadow:none !important;
    border:none !important;

    z-index:9999 !important;
  }
}
/* =========================================
   DEFAULT HEADER — ALL INNER PAGES
========================================= */

header.default_header{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;

  width:100% !important;

  background:#fff !important;
  box-shadow:none !important;

  z-index:100 !important;
}

header.default_header .default_header_container{
  background:#fff !important;
}

/* =========================================
   HOME PAGE ONLY — HEADER OVER HERO
========================================= */

@media (max-width:900px){

  body:has(#addvibesHero) header.default_header{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;

    padding-top:16px !important;
    padding-bottom:16px !important;

    background:transparent !important;
    box-shadow:none !important;
    border:none !important;

    z-index:9999 !important;
  }

  body:has(#addvibesHero)
  header.default_header
  .default_header_container{
    background:transparent !important;
  }

  body:has(#addvibesHero)
  header.default_header button{
    background:transparent !important;
  }

  /* الهيرو يدخل خلف الهيدر */
  body:has(#addvibesHero) .addvibes-hero{
    margin-top:-10vh !important;
  }
}



/* =========================================
   ADDVIBES — MOBILE HEADER ICON COLORS
   Warm فوق الهيرو / Navy داخل الصفحات
========================================= */

:root{
  --addvibes-icons-warm:#DCC7A3;
  --addvibes-icons-navy:#0C1A30;
}


/* =========================================
   الصفحة الرئيسية فوق الهيرو — WARM
========================================= */

body:has(#addvibesHero) .default_header button svg,
body:has(#addvibesHero) .default_header a[href="/search"] svg{
  color:var(--addvibes-icons-warm) !important;
}


/* شرط المنيو */

body:has(#addvibesHero)
.default_header
button
svg path[fill="currentColor"]{
  fill:currentColor !important;
}


/* السيرش — نلون المسار الظاهر فقط ونترك الـMask أبيض */

body:has(#addvibesHero)
.default_header
a[href="/search"]
svg > g path{
  fill:var(--addvibes-icons-warm) !important;
  stroke:none !important;
}

body:has(#addvibesHero)
.default_header
a[href="/search"]
svg mask path{
  fill:#FFFFFF !important;
  stroke:none !important;
}


/* السلة */

body:has(#addvibesHero)
.default_header
button.group
svg path{
  stroke:currentColor !important;
}

body:has(#addvibesHero)
.default_header
button.group
svg path[fill="currentColor"],
body:has(#addvibesHero)
.default_header
button.group
svg path[fill-rule]{
  fill:currentColor !important;
}


/* =========================================
   الصفحات الداخلية — NAVY
========================================= */

body:not(:has(#addvibesHero)) .default_header button svg,
body:not(:has(#addvibesHero)) .default_header a[href="/search"] svg{
  color:var(--addvibes-icons-navy) !important;
}


/* شرط المنيو */

body:not(:has(#addvibesHero))
.default_header
button
svg path[fill="currentColor"]{
  fill:currentColor !important;
}


/* السيرش — إصلاح اللون الباهت */

body:not(:has(#addvibesHero))
.default_header
a[href="/search"]
svg > g path{
  fill:var(--addvibes-icons-navy) !important;
  stroke:none !important;
  fill-opacity:1 !important;
  opacity:1 !important;
}

body:not(:has(#addvibesHero))
.default_header
a[href="/search"]
svg mask path{
  fill:#FFFFFF !important;
  stroke:none !important;
}


/* السلة */

body:not(:has(#addvibesHero))
.default_header
button.group
svg path{
  stroke:currentColor !important;
}

body:not(:has(#addvibesHero))
.default_header
button.group
svg path[fill="currentColor"],
body:not(:has(#addvibesHero))
.default_header
button.group
svg path[fill-rule]{
  fill:currentColor !important;
}