/**
 * Theme Compatibility Overrides
 * 
 * Ensures the calculator plays nicely with any WordPress theme
 */

/* 1. Reset conflicting styles */
.saif-calculator-wrapper * {
    box-sizing: border-box;
}

.saif-calculator-wrapper h1,
.saif-calculator-wrapper h2,
.saif-calculator-wrapper h3,
.saif-calculator-wrapper p,
.saif-calculator-wrapper ul,
.saif-calculator-wrapper ol {
    margin: revert;
    padding: revert;
}

/* 2. Inherit fonts */
.saif-calculator-wrapper input,
.saif-calculator-wrapper select,
.saif-calculator-wrapper button {
    font-family: inherit;
}

.saif-calculator-wrapper button:not(.btn-calculate):not(.btn-whatsapp-quote) {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

/* 3. Width constraints */
.saif-calculator-wrapper {
    max-width: 100% !important;
    width: 100%;
}

.sidebar-active .saif-calculator-wrapper {
    max-width: 100%;
}

/* 4. Z-index */
.saif-calculator-wrapper {
    position: relative;
    z-index: 1;
}

.saif-calculator-wrapper select {
    z-index: 10;
}

/* 5. Print styles */
@media print {
    .saif-calculator-wrapper .saif-calc-form {
        display: none;
    }

    .saif-calculator-wrapper .calc-results {
        display: block !important;
        page-break-inside: avoid;
    }
}