/**
 * RepairedRoofs Calculators - Common Styles
 * Shared styles for all calculators
 */

/* Reset and Base Styles */
.rr-calculator * {
    box-sizing: border-box;
}

.rr-calculator {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: #2C1810;
}

/* Common Typography */
.rr-calculator h2,
.rr-calculator h3,
.rr-calculator h4 {
    font-weight: 700;
    line-height: 1.3;
}

.rr-calculator p {
    margin: 0 0 15px 0;
}

.rr-calculator p:last-child {
    margin-bottom: 0;
}

/* Common Form Elements */
.rr-calculator input,
.rr-calculator select,
.rr-calculator button {
    font-family: inherit;
}

.rr-calculator input:focus,
.rr-calculator select:focus,
.rr-calculator button:focus {
    outline: none;
}

/* Utility Classes */
.rr-hidden {
    display: none !important;
}

.rr-text-center {
    text-align: center;
}

.rr-text-left {
    text-align: left;
}

.rr-text-right {
    text-align: right;
}

.rr-mt-0 { margin-top: 0 !important; }
.rr-mt-1 { margin-top: 8px !important; }
.rr-mt-2 { margin-top: 16px !important; }
.rr-mt-3 { margin-top: 24px !important; }

.rr-mb-0 { margin-bottom: 0 !important; }
.rr-mb-1 { margin-bottom: 8px !important; }
.rr-mb-2 { margin-bottom: 16px !important; }
.rr-mb-3 { margin-bottom: 24px !important; }

/* Loading State */
.rr-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

.rr-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border: 3px solid #E5DDD3;
    border-top-color: #7BA05B;
    border-radius: 50%;
    animation: rrSpin 0.8s linear infinite;
}

@keyframes rrSpin {
    to {
        transform: rotate(360deg);
    }
}

/* Error Messages */
.rr-error-message {
    background: #FEE;
    border: 2px solid #C84B31;
    border-radius: 6px;
    padding: 12px 16px;
    color: #8C3A2B;
    margin-bottom: 16px;
}

.rr-error-message strong {
    color: #C84B31;
}

/* Success Messages */
.rr-success-message {
    background: #F0F8E8;
    border: 2px solid #96C570;
    border-radius: 6px;
    padding: 12px 16px;
    color: #3D5A3D;
    margin-bottom: 16px;
}

/* Info Messages */
.rr-info-message {
    background: #E8F4F8;
    border: 2px solid #6BA5B8;
    border-radius: 6px;
    padding: 12px 16px;
    color: #4A7C8C;
    margin-bottom: 16px;
}

/* Warning Messages */
.rr-warning-message {
    background: #FFF9F0;
    border: 2px solid #E8B86D;
    border-radius: 6px;
    padding: 12px 16px;
    color: #8B6F47;
    margin-bottom: 16px;
}

/* Accessibility */
.rr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Print Styles */
@media print {
    .rr-calc-button,
    .rr-results-actions {
        display: none !important;
    }
    
    .rr-calculator {
        box-shadow: none !important;
    }
    
    .rr-calc-results {
        page-break-inside: avoid;
    }
}