/* ===========================================
   DARK MODE FIXES - SHIP & TRACK PAGES
   =========================================== */

/* Shipping Container */
[data-theme="dark"] .shipping-container {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

/* Shipping Card */
[data-theme="dark"] .shipping-card {
    background: #1e293b !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3) !important;
}

/* Progress Container */
[data-theme="dark"] .progress-container {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}

/* Progress Steps */
[data-theme="dark"] .progress-steps::before {
    background: #334155 !important;
}

[data-theme="dark"] .step-circle {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .progress-step.active .step-circle {
    background: var(--gbe-blue, #0047BA) !important;
    border-color: var(--gbe-blue, #0047BA) !important;
    color: #fff !important;
}

[data-theme="dark"] .progress-step.completed .step-circle {
    background: #10B981 !important;
    border-color: #10B981 !important;
    color: #fff !important;
}

[data-theme="dark"] .step-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .progress-step.active .step-label {
    color: #60a5fa !important;
}

/* Form Steps Content */
[data-theme="dark"] .form-steps {
    background: #1e293b !important;
}

[data-theme="dark"] .step-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .step-description {
    color: #94a3b8 !important;
}

/* Form Groups */
[data-theme="dark"] .form-group label,
[data-theme="dark"] .form-label {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] .shipping-card input,
[data-theme="dark"] .shipping-card select,
[data-theme="dark"] .shipping-card textarea {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .form-input::placeholder,
[data-theme="dark"] .shipping-card input::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .shipping-card input:focus,
[data-theme="dark"] .shipping-card select:focus {
    border-color: #0047BA !important;
    box-shadow: 0 0 0 3px rgba(0, 71, 186, 0.2) !important;
}

/* OTP Inputs */
[data-theme="dark"] .otp-input {
    background: #0f172a !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .otp-input:focus {
    border-color: #0047BA !important;
    box-shadow: 0 0 0 3px rgba(0, 71, 186, 0.2) !important;
}

[data-theme="dark"] .otp-timer {
    color: #94a3b8 !important;
}

[data-theme="dark"] .resend-link {
    color: #60a5fa !important;
}

[data-theme="dark"] .resend-link.disabled {
    color: #475569 !important;
}

/* Pricing Summary */
[data-theme="dark"] .pricing-summary {
    background: #0f172a !important;
    border: 1px solid #334155;
}

[data-theme="dark"] .pricing-row {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .pricing-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .pricing-value {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pricing-row:last-child {
    color: #60a5fa !important;
}

/* Coupon */
[data-theme="dark"] .coupon-input {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .coupon-success {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #34d399 !important;
}

[data-theme="dark"] .coupon-error {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #f87171 !important;
}

/* Review Section */
[data-theme="dark"] .review-section {
    background: #0f172a !important;
    border: 1px solid #334155;
}

[data-theme="dark"] .review-section h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .review-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .review-value {
    color: #f1f5f9 !important;
}

/* Tracking Number Box */
[data-theme="dark"] .tracking-number {
    background: rgba(0, 71, 186, 0.1) !important;
    border: 1px solid rgba(0, 71, 186, 0.2);
}

[data-theme="dark"] .tracking-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .tracking-value {
    color: #60a5fa !important;
}

/* Confirmation Icon */
[data-theme="dark"] .confirmation-icon {
    background: rgba(16, 185, 129, 0.15) !important;
}

/* Form Navigation Border */
[data-theme="dark"] .form-navigation {
    border-top-color: #334155 !important;
}

/* Dimension Group */
[data-theme="dark"] .dimension-group input {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

/* Package Type Cards (if any) */
[data-theme="dark"] .package-type-card,
[data-theme="dark"] .service-type-card {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .package-type-card.selected,
[data-theme="dark"] .service-type-card.selected {
    border-color: #0047BA !important;
    background: rgba(0, 71, 186, 0.1) !important;
}

[data-theme="dark"] .package-type-card:hover,
[data-theme="dark"] .service-type-card:hover {
    border-color: #475569 !important;
    background: #1e293b !important;
}

/* Checkbox & Radio in dark mode */
[data-theme="dark"] .form-check-input {
    accent-color: #0047BA;
}

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

/* Info boxes */
[data-theme="dark"] .info-box,
[data-theme="dark"] .notice-box {
    background: rgba(59, 130, 246, 0.1) !important;
    border-color: rgba(59, 130, 246, 0.2) !important;
    color: #93c5fd !important;
}

/* Tabs in Ship/Track */
[data-theme="dark"] .tab-btn,
[data-theme="dark"] [data-tab] {
    background: #1e293b !important;
    color: #94a3b8 !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .tab-btn.active,
[data-theme="dark"] [data-tab].active {
    background: #0047BA !important;
    color: #fff !important;
    border-color: #0047BA !important;
}

[data-theme="dark"] .tab-content,
[data-theme="dark"] [data-tab-content] {
    background: #1e293b !important;
    color: #f1f5f9 !important;
}

/* Map container dark mode */
[data-theme="dark"] .map-container {
    border-color: #334155 !important;
}

[data-theme="dark"] .map-header {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .map-header h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .map-header p {
    color: #94a3b8 !important;
}

/* Track page search in dark mode */
[data-theme="dark"] .search-container {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .search-box {
    background: #1e293b !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .search-input {
    color: #f1f5f9 !important;
    background: transparent !important;
}

[data-theme="dark"] .search-input::placeholder {
    color: #64748b !important;
}

/* Form error messages */
[data-theme="dark"] .form-error {
    color: #f87171 !important;
}

[data-theme="dark"] .form-help {
    color: #64748b !important;
}

/* Select dropdown arrows */
[data-theme="dark"] select option {
    background: #1e293b;
    color: #f1f5f9;
}

/* Map Status Messages */
.map-status {
    font-size: 0.8125rem;
    padding: 0.75rem 1.25rem;
}
.map-status-info {
    background: #eff6ff;
    color: #1d4ed8;
    border-bottom: 1px solid #dbeafe;
}
.map-status-success {
    background: #f0fdf4;
    color: #15803d;
    border-bottom: 1px solid #dcfce7;
}
.map-status-error {
    background: #fef2f2;
    color: #dc2626;
    border-bottom: 1px solid #fecaca;
}

[data-theme="dark"] .map-status-info {
    background: rgba(59, 130, 246, 0.1) !important;
    color: #93c5fd !important;
    border-bottom-color: rgba(59, 130, 246, 0.2) !important;
}
[data-theme="dark"] .map-status-success {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #34d399 !important;
    border-bottom-color: rgba(16, 185, 129, 0.2) !important;
}
[data-theme="dark"] .map-status-error {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #f87171 !important;
    border-bottom-color: rgba(239, 68, 68, 0.2) !important;
}