/**
 * Bird Dog Moving Company - Custom Theme
 *
 * Overrides default calculator theme with Bird Dog brand colors
 *
 * @package Moving_Cost_Estimator
 * @theme Bird Dog Moving
 */

.mce-calculator {
    /* Bird Dog Brand Colors */
    --mce-bg: #FFFFFF;
    --mce-panel: #F5F7FA;
    --mce-text: #0F172A;
    --mce-muted: #5B6574;
    --mce-primary: #0D9488;           /* Bird Dog Teal */
    --mce-primaryText: #FFFFFF;
    --mce-accent: #F59E0B;            /* Bird Dog Yellow/Amber */
    --mce-danger: #EF4444;
    --mce-success: #0D9488;           /* Use teal for success */
    --mce-border: #E3E8EF;

    /* Spacing & Typography */
    --mce-radius: 12px;
    --mce-gap: 16px;
    --mce-font-scale: 1;

    /* Bird Dog custom shadows */
    --mce-focus-ring: 0 0 0 3px rgba(13, 148, 136, 0.3);
    --shadow-sm: 0 2px 8px rgba(16, 24, 40, 0.08);
    --shadow-md: 0 8px 20px rgba(16, 24, 40, 0.10);

    /* Use Inter font to match site */
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Enhanced card styling for Bird Dog */
.mce-calculator {
    box-shadow: var(--shadow-md);
    border: 2px solid var(--mce-border);
}

/* Primary buttons with Bird Dog teal */
.mce-btn-primary {
    background: var(--mce-primary);
    color: var(--mce-primaryText);
    font-weight: 600;
    box-shadow: var(--shadow-sm);
}

.mce-btn-primary:hover {
    background: #0FA09A; /* Slightly lighter teal on hover */
    box-shadow: var(--shadow-md);
}

/* Accent buttons with Bird Dog yellow */
.mce-btn-accent {
    background: var(--mce-accent);
    color: #0F172A;
    font-weight: 600;
    box-shadow: var(--shadow-sm);
}

.mce-btn-accent:hover {
    background: #F59E0B;
    opacity: 0.9;
    box-shadow: var(--shadow-md);
}

/* Results total with Bird Dog teal */
.mce-total {
    background: linear-gradient(135deg, var(--mce-primary) 0%, #0FA09A 100%);
    color: #FFFFFF;
    box-shadow: var(--shadow-md);
}

/* Input focus with Bird Dog teal */
.mce-input:focus,
.mce-select:focus {
    border-color: var(--mce-primary);
    box-shadow: var(--mce-focus-ring);
}

/* Checkbox accent color */
.mce-checkbox input[type="checkbox"] {
    accent-color: var(--mce-primary);
}

/* Enhanced section styling */
.mce-section {
    border: 1px solid var(--mce-border);
    box-shadow: var(--shadow-sm);
}

/* Calculator title with Bird Dog style */
.mce-title {
    color: var(--mce-primary);
    font-weight: 700;
}

/* Success message with Bird Dog colors */
.mce-success-message {
    background: #D1FAE5;
    color: #065F46;
    border-color: var(--mce-primary);
}

/* Loading spinner with Bird Dog teal */
.mce-spinner {
    border-top-color: var(--mce-primary);
}

/* CTA buttons styling */
.mce-cta-call,
.mce-cta-text {
    background: var(--mce-primary);
    color: #FFFFFF;
}

.mce-cta-call:hover,
.mce-cta-text:hover {
    background: #0FA09A;
}

.mce-cta-book {
    background: var(--mce-accent);
    color: #0F172A;
}

.mce-cta-book:hover {
    opacity: 0.9;
}

/* Message and booking forms */
.mce-message-form,
.mce-booking-form {
    border: 2px solid var(--mce-border);
    box-shadow: var(--shadow-sm);
}

/* Modal styling */
.mce-modal-content {
    box-shadow: 0 20px 40px rgba(16, 24, 40, 0.2);
    border: 1px solid var(--mce-border);
}

/* Responsive adjustments for Bird Dog site */
@media (max-width: 768px) {
    .mce-calculator {
        --mce-gap: 12px;
        padding: 1rem;
    }
}

/* Integration with Bird Dog site typography */
.mce-calculator h1,
.mce-calculator h2,
.mce-calculator h3 {
    font-family: "Inter", sans-serif;
}

/* Ensure proper stacking with other page elements */
.mce-calculator {
    position: relative;
    z-index: 1;
}

.mce-modal {
    z-index: 999999;
}

/* Compact layout for homepage hero */
.mce-calculator.mce-layout-compact {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

/* Standard layout for service pages */
.mce-calculator.mce-layout-standard {
    max-width: 700px;
}

/* Tall layout for contact page */
.mce-calculator.mce-layout-tall {
    max-width: 800px;
}

/* Pricing page specific: Side-by-side layout */
.pricing-calculators {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (max-width: 968px) {
    .pricing-calculators {
        grid-template-columns: 1fr;
    }
}

/* Existing pricing calculator styling adjustment */
.pricing-calculators .moving-pricing {
    background: var(--mce-bg);
    padding: 2rem;
    border-radius: var(--mce-radius);
    border: 2px solid var(--mce-border);
    box-shadow: var(--shadow-md);
}

/* Moving Cost Estimator in pricing page */
.pricing-calculators .mce-calculator {
    height: 100%;
}