:root{
        --accent:#0d6efd;
        --main-color: #1C428A;
        --second-color: #f6db14;
    }
body{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
}

.topline{background: var(--main-color);padding:6px 0;font-size:0.9rem}
.navbar-custom{background: var(--main-color);padding-top:5px;padding-bottom:5px}
.nav-link{color:#ffffff!important;}
.nav-link:hover{color:var(--second-color);}
.nav-link.active{font-weight:700;color:var(--second-color)!important;border-bottom: 3px solid var(--second-color);}
.search-row{max-height:80px;align-items:center}
.service-card{transition:transform .18s ease, box-shadow .18s ease}
.service-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(255, 255, 0, 0.12)}
.rules-list .icon{width:58px;height:58px;border-radius:8px;background:#f1f5ff;display:flex;align-items:center;justify-content:center}
footer{background:#0b1220;color:#eef2ff;padding:40px 0}
footer a{color:inherit}
.logo-placeholder{font-weight:700;font-size:1.2rem}
.logo-header{max-height:60px;}

.section-titles {
    text-transform: uppercase;
    border-bottom: 2px solid var(--second-color);
    display: block;
    padding-bottom: 5px;
    width:max-content;
    margin: 5px auto;
    /* text-align: center; */
    color : var(--main-color);
}

header {
    background: #004aad; /* Bleu ORTALOG */
    padding: 15px 0;
    text-align: center;
    color: white;
}

header h1 {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
}

h2.titre2 {
    color: #004aad;
    border-left: 5px solid #fcd200; /* Jaune ORTALOG */
    padding-left: 10px;
    margin-top: 40px;
    font-size: 22px;
}

p {
    margin: 12px 0;
}
/* body {
    background: #f4f7fb;
    font-family: "Roboto", "Arial", sans-serif;
} */

/* FILIGRANE */
    .watermark {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 70px;
        color: rgba(0,0,0,0.07);
        white-space: nowrap;
        pointer-events: none;
        user-select: none;
        font-weight: bold;
        z-index: 0;
    }

/* CONTENEUR CONTRAT */
.contract-container {
    background: #fff;
    padding: 40px;
    max-width: 900px;
    margin: 40px auto;
    border-radius: 12px;
    border: 2px solid #004aad;
    box-shadow: 0 0 15px rgba(0,0,0,0.06);
    line-height: 1.9;
}

/* TITRES */
.contract-container h2 {
    text-align: center;
    color: #004aad;
    font-weight: bold;
    margin: 10px auto 20px auto;
    border-bottom: 5px solid #fcd200;
    padding-bottom: 10px;
    width: fit-content;
}

.contract-container h4 {
    margin-top: 15px;
    font-weight: bold;
    font-size: 16px;
    color: #004aad;
    border-left: 5px solid #fcd200;
    padding-left: 10px;
}

/* BOUTON IMPRESSION */
#printBtn {
    background: #004aad;
    border: none;
    font-size: 15px;
    padding: 12px 22px;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
}

#printBtn:hover {
    background: #003b8a;
}

.no-print {
    display: block;
}

/* --- IMPRESSION --- */
@media print {

    body * {
        visibility: hidden !important;
    }
    .watermark {
            opacity: 0.08 !important;
        }

    .contract-container, .contract-container * {
        visibility: visible !important;
    }

    .contract-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 25px;
        border: none;
        box-shadow: none;
    }

    @page {
        size: A4;
        margin: 12mm;
    }

    .no-print {
        display: none !important;
    }
}