/* 
 * Custom Dark Theme - Font Size Overrides
 * This file loads LAST to override all Magento base styles
 */

/* Fix Magento's 62.5% base font-size that makes rem units tiny */
html {
    font-size: 100% !important;
}

/* Base body font */
body {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Labels - Override Magento's .85rem which = 8.5px */
label,
.label,
.field .label,
.field > .label,
.fieldset > .field > .label,
.fieldset > .fields > .field > .label,
form label,
form .label {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    color: #d6d6d6 !important;
}

/* Required asterisk */
.field.required > .label:after,
.fieldset > .field.required > .label:after,
.fieldset > .field._required > .label:after {
    font-size: 14px !important;
}

/* Form inputs */
input,
select,
textarea,
.input-text,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"] {
    font-size: 15px !important;
    background-color: #0f1214 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

/* Input focus state - prevent white background */
input:focus,
select:focus,
textarea:focus,
.input-text:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus {
    background-color: #0f1214 !important;
    color: #ffffff !important;
    border-color: rgba(116, 169, 255, 0.95) !important;
    box-shadow: 0 0 0 1px rgba(116, 169, 255, 0.4) !important;
    outline: none !important;
}

/* Validation error inputs - keep dark background */
input.mage-error,
select.mage-error,
textarea.mage-error,
input.input-text.mage-error,
input[type="email"].mage-error,
input[type="text"].mage-error,
input[type="password"].mage-error,
#customer-email.mage-error {
    background-color: #0f1214 !important;
    color: #ffffff !important;
    border-color: #ff6b6b !important;
}

input.mage-error:focus,
input.input-text.mage-error:focus,
input[type="email"].mage-error:focus,
#customer-email.mage-error:focus {
    background-color: #0f1214 !important;
    color: #ffffff !important;
    border-color: #ff6b6b !important;
    box-shadow: 0 0 0 1px rgba(255, 107, 107, 0.4) !important;
}

/* Paragraphs and text */
p, li, td, th, dd, dt, span {
    font-size: inherit;
}

p {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Legends and titles */
legend,
.legend,
.fieldset > .legend {
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Block/Box titles */
.block-title,
.box-title,
.block-title strong,
.box-title strong {
    font-size: 20px !important;
}

/* Account page specific */
.form-create-account .fieldset > .field > .label,
.form-address-edit .fieldset > .field > .label,
.form-edit-account .fieldset > .field > .label,
.form-login .fieldset > .field > .label {
    font-size: 14px !important;
}

/* ============================================
   Password Strength Meter - Dark Theme Fix
   ============================================ */
.password-strength-meter {
    background-color: #1a1d20 !important;
    color: #cfcfcf !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.password-strength-meter-0 .password-strength-meter {
    background-color: #1a1d20 !important;
}

.password-strength-meter-1 .password-strength-meter {
    background-color: #3d1f1f !important;
}

.password-strength-meter-2 .password-strength-meter {
    background-color: #3d3d1f !important;
}

.password-strength-meter-3 .password-strength-meter {
    background-color: #1f3d1f !important;
}

.password-strength-meter-4 .password-strength-meter {
    background-color: #1f3d2d !important;
}

/* Password strength text */
.password-weak .password-strength-meter,
.password-strength-meter span {
    color: #cfcfcf !important;
}

/* ============================================
   Form Lines/Borders Fix
   ============================================ */
.fieldset,
.fieldset > .field,
.fieldset > .fields > .field {
    border: none !important;
}

.form-create-account .fieldset,
.form-login .fieldset,
.form-address-edit .fieldset,
.customer-account-create .fieldset,
.customer-account-login .fieldset {
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
}

/* Remove any legend borders */
.fieldset > .legend,
legend {
    border: none !important;
    border-bottom: none !important;
}

/* Remove field separators */
.field {
    border: none !important;
}

/* Fix any stray borders on form sections */
.form-create-account .fieldset.create.account,
.form-create-account .fieldset.info {
    border: none !important;
    margin-bottom: 24px;
}

/* Fix fieldset borders that might cause lines */
.customer-account-create .form-create-account > .fieldset {
    border: none !important;
    padding: 0;
}

/* Ensure no bottom borders on fieldsets */
.fieldset + .fieldset,
.fieldset:not(:last-child) {
    border-bottom: none !important;
}

/* ============================================
   Tooltips - Dark Theme Fix
   ============================================ */
.field-tooltip-content,
.field-tooltip .field-tooltip-content,
[data-target="dropdown"],
.tooltip-content {
    background-color: #1a1d20 !important;
    color: #cfcfcf !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Tooltip arrow */
.field-tooltip .field-tooltip-content:before,
.field-tooltip .field-tooltip-content:after {
    border-bottom-color: #1a1d20 !important;
}

.field-tooltip .field-tooltip-content:after {
    border-bottom-color: #1a1d20 !important;
}

.field-tooltip .field-tooltip-content:before {
    border-bottom-color: rgba(255, 255, 255, 0.14) !important;
}

/* ============================================
   Select/Dropdown Menus - Font Size Fix
   ============================================ */
select,
.select,
select option,
.select option,
select.select,
#quick-search-type-id,
[name="oar_type"] {
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 12px 36px 12px 16px !important;
    color: #ffffff !important;
    background-color: #0f1214 !important;
}

select option,
.select option {
    font-size: 15px !important;
    padding: 10px 16px !important;
    background-color: #0f1214 !important;
    color: #ffffff !important;
}

/* Ensure dropdown arrow area has proper sizing */
select:not([multiple]) {
    min-height: 44px !important;
}

/* ============================================
   Sidebar Navigation - Hover & Active States
   ============================================ */
.block-collapsible-nav .item a:hover,
.block-collapsible-nav .item a:focus {
    background-color: rgba(158, 195, 255, 0.1) !important;
    color: #9ec3ff !important;
}

.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current > strong,
.block-collapsible-nav .item a.current {
    background-color: rgba(158, 195, 255, 0.15) !important;
    color: #9ec3ff !important;
    border-left-color: #9ec3ff !important;
}

/* Fix the selected/active item that shows black */
.account .sidebar .nav.item.current,
.block-collapsible-nav .content .item.current,
.block-collapsible-nav .content .item.current a {
    background-color: rgba(158, 195, 255, 0.15) !important;
    color: #9ec3ff !important;
}

/* General sidebar item styling */
.block-collapsible-nav .item a,
.block-collapsible-nav .item > strong {
    color: #d6d6d6 !important;
    background-color: transparent !important;
}