:root {
    --border-radius-0: 0px !important;
    --border-radius-brand-radius-radius-2: 0.25em !important;
    --border-radius-brand-radius-radius-3: 0.375em !important;
    --border-radius-brand-radius-radius-4: 0.5em !important;
    --border-radius-brand-radius-radius-5: 0.75em !important;
    --border-radius-brand-radius-radius-6: 0.875em !important;
    --border-radius-brand-radius-radius-8: 1.25em !important;
    --border-radius-input-field: 0.375em !important;
    --color-primary: #e900e8 !important;
    }

.light, [data-theme="light"] {
    --theme-colors-border-neutral-08: #686868 !important;
    --theme-colors-text-disabled: #A1A1A1 !important;

}

/** Header Custom Css**/
#header-container [data-testid="header-cart"], 
#header-container .items-center.gap-2.px-4.py-3,
button.border.-rounded-brand-radius-radius-3.-bg--theme-colors-action-tertiary-default-bg.justify-between,
[data-testid="badge-details"] button.border.-rounded-brand-radius-radius-3.-bg--theme-colors-action-tertiary-default-bg
{
    background: var(--global_colors-static-black, #000) !important;
    border-color: var(--global_colors-static-black, #000) !important;
    text-transform: uppercase;
}

#header-container [data-testid="header-cart"]:hover, 
#header-container .items-center.gap-2.px-4.py-3:hover,
button.border.-rounded-brand-radius-radius-3.-bg--theme-colors-action-tertiary-default-bg.justify-between:hover,
[data-testid="badge-details"] button.border.-rounded-brand-radius-radius-3.-bg--theme-colors-action-tertiary-default-bg:hover
{
    background:  var(--theme-colors-action-primary-hover-bg) !important;
    border-color:  var(--theme-colors-action-primary-hover-bg) !important;
}

i.fa-shopping-cart.fa-light.-text--theme-colors-action-tertiary-default-fg,
i.fa-cart-plus.fa-light.-text--theme-colors-action-tertiary-default-fg,
#header-container span.truncate.capitalize.-text--theme-colors-action-tertiary-clicked-fg,
#header-container [data-testid="header-login-button"] *, 
#header-container i.fa-chevron-down.fa-solid,
#header-container i.fa-chevron-up.fa-solid,
[data-testid="header-cart"] div svg *{
    color: var(--theme_colors-action-primary-default-fg, #FEFDFC) !important;
}

/*Header Account Menu*/
div.absolute.right-0.-border--theme-colors-action-tertiary-default-border {
    border-color: var(--global_colors-static-black, #000) !important;
}
.divide-y div, 
.divide-y a,
.divide-y i,
.divide-y span,
.divide-y button
 {
    background: var(--global_colors-static-black, #000) !important;
    border-color: var(--theme_colors-action-tertiary-default-border, #3B4252) !important;
    color: var(--theme_colors-action-tertiary-default-fg, #D6D9E1) !important;
}
[data-testid="header-user-name"].whitespace-nowrap.capitalize.-text--theme-colors-text-title{
    color: var(--theme_colors-action-primary-default-fg, #FEFDFC) !important;
    text-transform: uppercase;

}
button.relative i.fa-chevron-down.fa-solid.-text--theme-colors-text-title,
button.relative i.fa-chevron-up.fa-solid.-text--theme-colors-text-title {
    color: var(--theme_colors-action-primary-default-fg, #FEFDFC) !important;
    text-transform: uppercase;
}
/** username color inside the main menu avatar **/
.divide-y div div.items-center.border.-border--component-colors-field-default-input-placeholder.-bg--theme-colors-misc-colors-petrol-03.font-bold{
    color: var(--global_colors-static-black, #000) !important;
    text-transform: uppercase;

} 

#header-container .p-3.-rounded-brand-radius-radius-3.border.-border--theme-colors-action-tertiary-default-border.-bg--theme-colors-action-tertiary-default-bg{
    background: var(--global_colors-static-black, #000) !important;
    border-color: var(--global_colors-static-black, #000) !important;
    color: var(--theme_colors-action-tertiary-default-fg, #D6D9E1) !important;
}
#header-container .p-3.-rounded-brand-radius-radius-3.border.-border--theme-colors-action-tertiary-default-border.-bg--theme-colors-action-tertiary-default-bg:hover{
    background:  var(--theme-colors-action-primary-hover-bg) !important;
    border-color:  var(--theme-colors-action-primary-hover-bg) !important;
}
div#header-container {
    padding-top: 15px;
    padding-bottom: 15px;
}

#header-container .items-center.justify-center.rounded-full.border.-border--component-colors-field-default-input-placeholder{
    background-color: var(--theme_colors-action-primary-default-fg, #FEFDFC) !important;

}

h2.text-xl.font-bold.leading-8,span.text-xl.font-bold.leading-7 {
    text-transform: uppercase;
}

span.-text--theme-colors-surface-brand-level02 {
    color: var(--color-primary, #e900e8) !important;
}

h1,
h2,
h3,
h4,
h5,
.relative.flex.gap-2.items-center.justify-center.font-bold.-rounded-brand-radius-radius-3.-bg--theme-colors-action-primary-default-bg.px-4.py-3.text-base,
.relative.flex.gap-2.items-center.justify-center.font-bold.-rounded-brand-radius-radius-3.-bg--theme-colors-action-secondary-default-bg.-text--theme-colors-action-secondary-default-fg,
p.text-xl.font-bold.-text--theme-colors-text-title,
.relative.flex.gap-2.items-center.justify-center.font-bold div,
p.text-xl.font-bold{
    text-transform: uppercase !important;
}


.switch-mode-content{
    display: none !important;
}