.bg-secondary {
    background-color: #000000 !important;
}
header a, 
header .text-foreground,
.s-header a,
.s-header .text-foreground,
.header-wrapper a {
    color: #ffffff !important;
}

header svg,
.s-header svg,
.header-wrapper svg {
    stroke: #ffffff !important; 
    fill: none; 
}


header a:hover, 
.s-header a:hover {
    color: #f3f4f6 !important; 
}
.section-benefits {
    background-color: #ffffff !important;
}

article.border-accent.bg-secondary {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important; 
}


article.border-accent.bg-secondary .text-foreground,
article.border-accent.bg-secondary p,
article.border-accent.bg-secondary div {
    color: #000000 !important;
}


article.border-accent.bg-secondary svg {
    color: #000000 !important; 
}

footer#footer,
footer#footer * {
    color: #ffffff !important;
}

footer#footer svg {
    stroke: #ffffff !important;
   
    /* fill: #ffffff !important; */
}

footer#footer a:hover {
    color: #d1d5db !important; 
}
article.border-accent.bg-secondary svg {
    color: #FFB800 !important; 
    fill: currentColor !important; 
}
div[data-closed] a,
div[class*="overflow-y-auto"] a,
.text-start {
    color: #000000 !important;
}


div[data-closed] a:hover,
div[class*="overflow-y-auto"] a:hover {
    color: #1f2937 !important; 
}
/* تلوين نصوص وأيقونات زر خيارات المنتج باللون الأبيض */
button[commandfor="product-options"],
button[commandfor="product-options"] *,
#product-options,
#product-options * {
    color: #ffffff !important;
}

button[commandfor="product-options"] svg,
#product-options svg {
    stroke: #ffffff !important;
    fill: none; 
}
.qty-input {
    border-color: rgba(255, 255, 255, 0.2) !important;
}
#product-options,
#product-options * {
    color: #000000 !important;
}
@supports (color:color-mix(in lab, red, red)) {
    .qty-input-btn {
        background-color: 
color-mix(in oklab, #ffffff 100%, transparent);
    }
}
.qty-input-field {
    height: 100%;
    min-width: calc(var(--spacing) * 12);
    text-align: center;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #ffffff;
    --tw-outline-style: none;
    font-size: var(--font-body2--size);
    line-height: var(--font-body2--line-height);
    -moz-appearance: textfield;
    background-color: #0000;
    outline-style: none;
    flex-shrink: 0;
}