/* style.css */
:root {
    --brand-red: #D60000;
    --brand-dark: #8B0000;
    --brand-white: #FFFFFF;
}

body {
    background-color: #f4f4f4;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Hero Section */
.hero {
    background: linear-gradient(135deg, var(--brand-red), var(--brand-dark));
    color: var(--brand-white);
    padding: 60px 0;
    margin-bottom: -40px;
}

/* Main Input Card */
.main-card {
    border-top: 5px solid var(--brand-red);
    border-radius: 10px;
}

/* Custom Buttons */
.btn-maimarkazi {
    background-color: var(--brand-red);
    color: white;
    font-weight: bold;
    border: none;
    transition: all 0.3s ease;
}
.btn-maimarkazi:hover {
    background-color: var(--brand-dark);
    color: white;
    transform: translateY(-2px);
}

/* Results Section */
.card-result {
    border-left: 5px solid var(--brand-red);
}

/* Status Indicators */
.status-pass { color: #198754; font-weight: bold; }
.status-fail { color: #dc3545; font-weight: bold; }

/* Form Focus */
.form-control:focus {
    border-color: var(--brand-red);
    box-shadow: 0 0 0 0.25rem rgba(214, 0, 0, 0.25);
}

/* =========================================
   PRINTING RULES (The Magic Part)
   ========================================= */
@media print {
    /* Hide the hero, the input form, and the buttons */
    .hero, 
    .main-card, 
    .alert, 
    .no-print,
    .btn { 
        display: none !important; 
    }

    /* Reset background colors so it saves ink */
    body { 
        background-color: white !important; 
        color: black !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .container {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Make the result card look like a document */
    .card-result {
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* Add a professional footer for the paper version */
    .card-result::after {
        content: "Report generated by Mai Markazi OJS Doctor.";
        display: block;
        margin-top: 30px;
        font-size: 10pt;
        color: #666;
        border-top: 1px solid #ccc;
        padding-top: 10px;
    }
}