/*
 * CSS Contact — Planète Freeride
 *
 * Chargé uniquement sur la page Contact (is_page('contact')).
 * Contient :
 * — Layout 2 colonnes : formulaire gauche / carte OSM droite
 * — Formulaire CF7 : champs texte/email (soulignement bas),
 *   textarea (bordure complète), upload (zone pointillée turquoise),
 *   bouton Envoyer (outline bleu anthracite)
 * — Pills téléphone / mail / adresse (.pf-contact-infos)
 * — Messages de validation CF7 (erreur rouge, succès vert)
 * — Carte Leaflet/OSM : flex, min-height 700px
 *
 * Responsive @media (max-width: 763px) :
 * — Grille Nom/Prénom et Ville/CP passe en 1 colonne
 * — Carte OSM réduite à 280px
 * — Pills contact en colonne pleine largeur
 *
 * Enqueued via pf-loader.php — condition is_page('contact').
 * Migré depuis Code Snippets (ID 17) le 2026-07-01.
 * Ref. PR2602-0009
 *
 * MàJ 21/08/2026 : le style de base des formulaires CF7 (labels, champs,
 * textarea, upload, bouton Envoyer, cases à cocher RGPD, messages de
 * validation, pills .pf-contact-infos, liens dans les formulaires) a été
 * généralisé dans global.css pour s'appliquer à tous les formulaires du
 * site (Demande de devis, Candidature exposant, Inscription Freetest).
 * Ce fichier ne garde donc que ce qui est réellement propre à la page
 * Contact : la mise en page 2 colonnes et la carte OSM.
 */

/* ================================================
       PAGE CONTACT — PR2602-0009 Planète Freeride
       ================================================ */

    /* Layout 2 colonnes principal */
    .pf-section-contact .wp-block-columns {
        align-items: flex-start;
        gap: 48px;
    }

    /* Grid 2 colonnes Nom/Prénom et Ville/CP */
    .pf-form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        width: 100%;
    }

    /* Carte OSM — colonne droite hauteur complète */
    .pf-section-contact .wp-block-column:last-child {
        display: flex;
        flex-direction: column;
        min-height: 500px;
    }

    .pf-section-contact .wp-block-column:last-child iframe {
        flex: 1;
        width: 100% !important;
        min-height: 700px;
        border: none !important;
        display: block;
    }

    .pf-section-contact small {
        display: none;
    }

	.deco-under {
		text-decoration: underline;
	}

    /* Responsive */
    @media (max-width: 763px) {
        .pf-form-row {
            grid-template-columns: 1fr;
        }

        .pf-section-contact .wp-block-column:last-child iframe {
            min-height: 280px;
        }
    }