/* ==========================================================
   SOLYLONG HEADER ICONS
========================================================== */

/* ==========================================================
   MENU BUTTON
========================================================== */

.default_header .flex-1.flex.items-center.gap-3 button{

    background:rgba(255,255,255,.22) !important;

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    border:1px solid rgba(184,146,69,.12) !important;

    border-radius:999px;

    box-shadow:none !important;

    transition:all .35s ease;

}

/* ==========================================================
   MENU ICON
========================================================== */

.default_header .flex-1.flex.items-center.gap-3 button svg{

    color:#556444 !important;

    transition:.35s ease;

}

.default_header .flex-1.flex.items-center.gap-3 button svg path{

    fill:#556444 !important;

    transition:.35s ease;

}

/* ==========================================================
   CART COUNT / BADGE
========================================================== */

.default_header [class*="count"],
.default_header [class*="badge"]{

    min-width:20px !important;

    height:20px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    line-height:20px !important;

    padding:0 6px !important;

    font-size:11px !important;

    font-weight:700 !important;

    border-radius:999px;

    background:#556444 !important;

    color:#F8F5EE !important;

    border:2px solid #E8D9B5 !important;

    box-shadow:0 8px 20px rgba(85,100,68,.22);

}

/* ==========================================================
   CART ICON
========================================================== */

.default_header .group svg path[fill-rule]{

    fill:inherit !important;

}

/* ==========================================================
   SEARCH ICON
========================================================== */

a[href="/search"] svg g path{

    fill:#556444 !important;

    transition:.35s ease;

}

/* ==========================================================
   HEADER ICON HOVER
========================================================== */

.default_header a:hover svg,
.default_header button:hover svg{

    opacity:1;

    transform:scale(1.08);

    filter:drop-shadow(0 0 8px rgba(184,146,69,.28));

}

/* Menu + Search */

.default_header .flex-1.flex.items-center.gap-3 button:hover svg path,
a[href="/search"]:hover svg g path{

    fill:#B89245 !important;

}

/* Cart */

.default_header .group:hover svg path{

    stroke:#B89245 !important;

}

/* ==========================================================
   HEADER LINKS
========================================================== */

header a,
header button,
nav a,
nav button{

    transition:
        color .35s ease,
        transform .35s ease,
        text-shadow .35s ease;

}

header a:hover,
header button:hover,
nav a:hover,
nav button:hover{

    color:#B89245 !important;

    text-shadow:0 0 10px rgba(184,146,69,.18);

}

/* ==========================================================
   BUTTON TEXT
========================================================== */

button span,
button p,
button strong,
button b,
button small,
button label,
button div,

a[class*="btn"] span,
a[class*="button"] span,

button .btn-text,
button .button-text{

    color:#E8D9B5 !important;

}