/* Dark Mode - Hardcoded Color Overrides */
/* Additional overrides for hardcoded colors in site.css and other stylesheets */

[data-theme="dark"] {
    --primary-color: #4a9d6f;
    --primary-light: #5fb37e;
    --primary-dark: #2d6a4f;
}

/* ============================================
   BUTTON COLOR OVERRIDES - site.css hardcoded
   ============================================ */

[data-theme="dark"] button.btn-primary,
[data-theme="dark"] .btn-primary {
    background-color: #4a9d6f !important;
    border-color: #4a9d6f !important;
    color: #fff !important;
}

[data-theme="dark"] button.btn-primary:hover,
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] button.btn-primary:focus,
[data-theme="dark"] .btn-primary:focus {
    background-color: #5fb37e !important;
    border-color: #5fb37e !important;
    color: #fff !important;
}

[data-theme="dark"] button.btn-primary:active,
[data-theme="dark"] .btn-primary:active {
    background-color: #2d6a4f !important;
    border-color: #2d6a4f !important;
}

/* Success buttons matching primary */
[data-theme="dark"] button.btn-success,
[data-theme="dark"] .btn-success {
    background-color: #4a9d6f !important;
    border-color: #4a9d6f !important;
    color: #fff !important;
}

[data-theme="dark"] button.btn-success:hover,
[data-theme="dark"] .btn-success:hover {
    background-color: #5fb37e !important;
    border-color: #5fb37e !important;
}

/* ============================================
   LINK COLORS
   ============================================ */

[data-theme="dark"] a,
[data-theme="dark"] .link,
[data-theme="dark"] .nav-link {
    color: #5fb37e !important;
}

[data-theme="dark"] a:hover,
[data-theme="dark"] .link:hover,
[data-theme="dark"] .nav-link:hover {
    color: #4a9d6f !important;
}

/* ============================================
   TEXT COLOR OVERRIDES
   ============================================ */

/* Override specific hardcoded #222222 and #FFFFFF */
[data-theme="dark"] {
    --text-dark: #e0e0e0;
    --text-light: #a0a0a0;
}

[data-theme="dark"] body {
    color: #e0e0e0 !important;
    background-color: #1e1e1e !important;
}

/* Override all hardcoded #333 and similar dark colors */
[data-theme="dark"] *:not(i):not(.fa):not([class*="icon"]) {
    --bs-body-color: #e0e0e0;
}

/* ============================================
   FORM COLORS
   ============================================ */

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder,
[data-theme="dark"] select option {
    color: #a0a0a0 !important;
}

[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
    border-color: #4a4a4a !important;
    border: 1px solid #4a4a4a !important;
    box-shadow: none !important;
}

[data-theme="dark"] input:focus:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
    border-color: #5fb37e !important;
    box-shadow: none !important;
}

/* ============================================
   BOOTSTRAP UTILITY CLASSES
   ============================================ */

[data-theme="dark"] .text-muted {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .text-secondary {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .text-dark {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .text-light {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .text-white {
    color: #e0e0e0 !important;
}

/* ============================================
   ADDITIONAL COMPONENT OVERRIDES
   ============================================ */

[data-theme="dark"] .list-group-item {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .list-group-item.active {
    background-color: #4a9d6f !important;
    border-color: #4a9d6f !important;
    color: #fff !important;
}

[data-theme="dark"] .nav-tabs {
    border-bottom-color: #404040 !important;
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    color: #e0e0e0 !important;
    background-color: transparent !important;
    border-color: #404040 #404040 #1e1e1e !important;
}

[data-theme="dark"] .nav-pills .nav-link.active {
    background-color: #4a9d6f !important;
    color: #fff !important;
}

/* ============================================
   SCROLLBAR STYLING
   ============================================ */

[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #2d2d2d;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #404040;
    border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #505050;
}

/* ============================================
   SELECTION
   ============================================ */

[data-theme="dark"] ::selection {
    background-color: #4a9d6f;
    color: #fff;
}

[data-theme="dark"] ::-moz-selection {
    background-color: #4a9d6f;
    color: #fff;
}

/* ============================================
   PAGE CTA SECTION - DARK MODE STYLING
   ============================================ */

[data-theme="dark"] .page-cta {
    background: #1A3D2E !important;
    color: #e0e0e0;
}

[data-theme="dark"] .page-cta-title {
    color: #e0e0e0;
}

[data-theme="dark"] .page-cta-text {
    color: #c0c0c0;
}

/* ============================================
   FEATURE CARDS - DARK MODE STYLING
   ============================================ */

[data-theme="dark"] .feature-card {
    background: #2d2d2d !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0;
}

[data-theme="dark"] .feature-card:hover {
    border-color: #4a9d6f !important;
    background: #333333 !important;
}

[data-theme="dark"] .feature-card i {
    color: #5fb37e;
}

[data-theme="dark"] .feature-card h5 {
    color: #e0e0e0;
}

[data-theme="dark"] .feature-card p {
    color: #b0b0b0;
}

/* ============================================
   STORY SECTION - DARK MODE STYLING
   ============================================ */

[data-theme="dark"] .story-section {
    background: #252525 !important;
}

[data-theme="dark"] .story-title {
    color: #e0e0e0;
}

/* ============================================
   ADDRESS CARDS - DARK MODE STYLING
   ============================================ */

[data-theme="dark"] .address-card {
    background: #2d2d2d !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0;
}

[data-theme="dark"] .address-card:hover {
    border-color: #4a9d6f !important;
    background: #333333 !important;
}

[data-theme="dark"] .address-card.selected {
    border-color: #4a9d6f !important;
    background: rgba(74, 157, 111, 0.15) !important;
}

[data-theme="dark"] .address-card .address-type,
[data-theme="dark"] .address-card .address-type-badge {
    color: #d4a574 !important;
}

[data-theme="dark"] .address-card .address-name {
    color: #e0e0e0;
}

[data-theme="dark"] .address-card .address-line {
    color: #b0b0b0;
}

[data-theme="dark"] .address-card .address-radio {
    accent-color: #4a9d6f;
}

[data-theme="dark"] .address-card-add {
    border-color: #404040 !important;
    color: #4a9d6f;
    background: #2d2d2d !important;
}

[data-theme="dark"] .address-card-add:hover {
    border-color: #4a9d6f !important;
    background: rgba(74, 157, 111, 0.1) !important;
}

/* ============================================
   AUTHENTICATION PAGES - DARK MODE STYLING
   ============================================ */

[data-theme="dark"] .auth-page {
    background: linear-gradient(135deg, #1a1a1a 0%, #252525 100%) !important;
}

[data-theme="dark"] .auth-panel-brand {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
}

[data-theme="dark"] .auth-panel-brand-bg {
    opacity: 0.1;
}

[data-theme="dark"] .auth-panel-form {
    background: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(30, 30, 30, 0.95)) !important;
}

[data-theme="dark"] .auth-form-wrap {
    background: transparent;
}

/* Header and Logo */
[data-theme="dark"] .auth-form-logo-mobile {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .auth-form-logo-mobile:hover {
    color: #5fb37e !important;
}

/* Auth Form Title and Subtitle */
[data-theme="dark"] .auth-form-title {
    color: #e8e8e8 !important;
}

[data-theme="dark"] .auth-form-subtitle {
    color: #a8a8a8 !important;
}

/* Form Fields with enhanced dark mode styling */
[data-theme="dark"] .auth-field label {
    color: #d0d0d0 !important;
}

[data-theme="dark"] .auth-input,
[data-theme="dark"] .auth-field input[type="text"],
[data-theme="dark"] .auth-field input[type="email"],
[data-theme="dark"] .auth-field input[type="password"],
[data-theme="dark"] .auth-field input[type="tel"] {
    background: #2d2d2d !important;
    border-color: #3f3f3f !important;
    color: #e0e0e0 !important;
    transition: all 0.3s ease;
}

[data-theme="dark"] .auth-input::placeholder,
[data-theme="dark"] .auth-field input::placeholder {
    color: #707070 !important;
}

[data-theme="dark"] .auth-input:focus,
[data-theme="dark"] .auth-field input:focus {
    border-color: #4a9d6f !important;
    box-shadow: 0 0 0 4px rgba(74, 157, 111, 0.25) !important;
    background: #333333 !important;
}

[data-theme="dark"] .auth-field-hint {
    color: #888888 !important;
}

/* Phone input prefix */
[data-theme="dark"] .auth-phone-prefix {
    background: #3a3a3a !important;
    border-color: #3f3f3f !important;
    color: #a0a0a0 !important;
}

/* Form Options */
[data-theme="dark"] .auth-options {
    color: #d0d0d0;
}

/* Remember me checkbox */
[data-theme="dark"] .auth-check input {
    accent-color: #4a9d6f;
    background: #2d2d2d;
    border-color: #3f3f3f;
}

[data-theme="dark"] .auth-check label {
    color: #a8a8a8 !important;
}

[data-theme="dark"] .auth-check label a {
    color: #5fb37e !important;
}

/* Forgot password link */
[data-theme="dark"] .auth-forgot-link {
    color: #a8a8a8 !important;
}

[data-theme="dark"] .auth-forgot-link:hover {
    color: #5fb37e !important;
}

/* Submit Button - Enhanced */
[data-theme="dark"] .auth-submit {
    background: linear-gradient(135deg, #4a9d6f 0%, #3d7e57 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(74, 157, 111, 0.3) !important;
    transition: all 0.3s ease;
}

[data-theme="dark"] .auth-submit:hover {
    background: linear-gradient(135deg, #5fb37e 0%, #4a9d6f 100%) !important;
    box-shadow: 0 6px 25px rgba(74, 157, 111, 0.4) !important;
    transform: translateY(-2px) !important;
}

[data-theme="dark"] .auth-submit:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(74, 157, 111, 0.2) !important;
}

/* Divider */
[data-theme="dark"] .auth-divider {
    color: #707070 !important;
}

[data-theme="dark"] .auth-divider::before,
[data-theme="dark"] .auth-divider::after {
    background: linear-gradient(to right, transparent, #404040, transparent) !important;
}

/* Social sign-in */
[data-theme="dark"] .auth-social {
    background: transparent;
}

/* Switch / Links */
[data-theme="dark"] .auth-switch {
    color: #a8a8a8 !important;
}

[data-theme="dark"] .auth-switch a {
    color: #5fb37e !important;
    border-bottom-color: #5fb37e !important;
}

[data-theme="dark"] .auth-switch a:hover {
    color: #7bccb8 !important;
    border-bottom-color: #7bccb8 !important;
}

/* Back to home link */
[data-theme="dark"] .auth-back-home {
    color: #a8a8a8 !important;
}

[data-theme="dark"] .auth-back-home:hover {
    color: #5fb37e !important;
    transform: translateX(-4px) !important;
}

/* Footer */
[data-theme="dark"] .auth-footer {
    border-top-color: #3f3f3f !important;
}

[data-theme="dark"] .auth-footer-note {
    color: #a8a8a8 !important;
}

/* Error Alert - Enhanced for dark mode */
[data-theme="dark"] .auth-alert {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.12) 0%, rgba(220, 38, 38, 0.06) 100%) !important;
    border-color: rgba(220, 38, 38, 0.35) !important;
    color: #ff8787 !important;
}

[data-theme="dark"] .auth-alert-icon {
    color: #ff6b6b;
}