/**
 * StoraFlow — تنسيق عناصر النمط الأصلي (select / option / قوائم) على الواجهة الداكنة.
 * يُحمَّل بعد brand-fonts من site-head-fonts.
 */

html {
    color-scheme: dark;
}

option,
optgroup {
    background-color: #141b34;
    color: rgba(255, 255, 255, 0.96);
    font-family: inherit;
}

optgroup {
    font-weight: 700;
    color: rgba(124, 247, 255, 0.98);
    background-color: #0f1428;
}

select {
    color: rgba(255, 255, 255, 0.96);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.96);
}

select[size],
select[multiple] {
    background-color: rgba(17, 25, 52, 0.98);
    color: rgba(255, 255, 255, 0.96);
    border-color: rgba(255, 255, 255, 0.2);
    padding: 8px 10px;
}

select[size] option,
select[multiple] option {
    padding: 0.5em 0.65em;
    margin: 2px 0;
    border-radius: 8px;
    background-color: #151c36;
    color: rgba(255, 255, 255, 0.94);
}

select[size] option:checked,
select[multiple] option:checked {
    background: linear-gradient(
        90deg,
        rgba(124, 247, 255, 0.28),
        rgba(162, 91, 255, 0.2)
    );
    color: #fff;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

input[type="checkbox"],
input[type="radio"],
input[type="range"],
progress {
    accent-color: #7cf7ff;
}

input[type="file"]::file-selector-button {
    background: rgba(124, 247, 255, 0.14);
    border: 1px solid rgba(124, 247, 255, 0.38);
    color: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    padding: 8px 14px;
    margin-inline-end: 12px;
    font-family: inherit;
    font-weight: 600;
    cursor: pointer;
}

input[type="file"]::file-selector-button:hover {
    background: rgba(124, 247, 255, 0.22);
}

details > summary {
    color: rgba(255, 255, 255, 0.88);
    cursor: pointer;
}

details > summary::marker,
details > summary::-webkit-details-marker {
    color: rgba(124, 247, 255, 0.85);
}

main ul,
main ol,
article ul,
article ol,
.sec ul,
.sec ol,
.wrap ul,
.wrap ol,
.shell ul,
.shell ol,
.box ul,
.box ol,
.panel ul,
.panel ol,
.tax-block ul,
.tax-block ol,
.flash ul,
.flash ol,
.card ul,
.card ol,
.mainCol ul,
.mainCol ol {
    color: rgba(255, 255, 255, 0.92);
}

main li::marker,
article li::marker,
.sec li::marker,
.wrap li::marker,
.shell li::marker,
.box li::marker,
.panel li::marker,
.tax-block li::marker,
.flash li::marker,
.card li::marker,
.mainCol li::marker {
    color: rgba(124, 247, 255, 0.82);
}

aside nav a {
    color: rgba(255, 255, 255, 0.94);
}