/* =========================================================
   PAGE CONTACT — STYLE GLOBAL
   ========================================================= */

   .Contact-Page {
    font-family: 'Montserrat', sans-serif;
    color: var(--color-text-main);
    background-color: var(--color-bg-main);
}


/* =========================================================
   TITRE & INTRODUCTION
   ========================================================= */

.Contact-Title {
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--color-primary);
}

.Contact-Intro {
    font-size: 1.05rem;
    color: var(--color-text-secondary);
}


/* =========================================================
   BOX D’INFORMATIONS
   ========================================================= */

.Contact-InfoBox {
    background-color: var(--color-bg-light);
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
}

.Contact-Subtitle {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--color-primary);
}

.Contact-InfoList {
    font-size: 1rem;
}

.Contact-InfoIcon {
    font-size: 1.2rem;
    color: var(--color-accent);
}


/* =========================================================
   EXEMPLE DE FORMULAIRE
   ========================================================= */

.Contact-ExampleBox {
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}

.Contact-ExampleText {
    color: var(--color-text-secondary);
    font-size: 0.95rem;
}


/* =========================================================
   CHAMPS DU FORMULAIRE
   ========================================================= */

.Contact-Label {
    font-weight: 600;
    color: var(--color-primary);
}

.Contact-Input,
.Contact-Textarea {
    border-radius: 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.4);
    background-color: var(--color-bg-light);
    color: var(--color-text-main);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.Contact-Input:focus,
.Contact-Textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.2);
}


/* =========================================================
   BOUTON D’ENVOI
   ========================================================= */

.Contact-Submit {
    font-weight: 600;
    padding-inline: 1.8rem;
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.Contact-Submit:hover {
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
}


/* =========================================================
   ALERTES
   ========================================================= */

.Contact-Alert {
    border-radius: 0.75rem;
    font-weight: 500;
}