/* ========================================
   CHEZ ZIO — ajouts du site relié au panel MYDMC (06.10.2026).
   Rien de ce qui existait ne change d'apparence : ces règles ne touchent que des éléments NOUVEAUX
   (point secret avec l'œil, carte Google au clic, anti-robot du formulaire MYDMC).
   ======================================== */

/* Point secret du pied de page → /panel/ (standard MYDMC) : au repos, le même point « · » à 40 % qu'avant
   (même taille, même place) ; au survol, l'œil prend sa place. */
.cz-secret { position: relative; }
.cz-secret .cz-point { opacity: .4; }
.cz-secret i {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .7rem;
    letter-spacing: 0;
    color: var(--gold-light);
}
.cz-secret:hover .cz-point,
.cz-secret:focus-visible .cz-point { visibility: hidden; }
.cz-secret:hover i,
.cz-secret:focus-visible i { display: inline-block; }

/* Carte Google de la section Contact : chargée seulement au clic (nLPD). Même place que la carte d'avant, au pixel :
   comme l'iframe d'origine, le cadre est un élément « en ligne » de 100 % × 400 px posé sur la ligne de base
   (overflow:hidden → sa base = son bord inférieur, exactement comme une iframe). */
.cz-carte {
    display: inline-block;
    vertical-align: baseline;
    overflow: hidden;
    width: 100%;
    height: 400px;
    border-radius: 4px;
    border: 1px solid var(--border-light);
    background:
        radial-gradient(circle at 30% 25%, rgba(184, 118, 62, 0.10), transparent 55%),
        var(--cream-dark);
    text-align: center;
    padding: 30px;
}
.cz-carte-contenu {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cz-carte-contenu i {
    font-size: 2rem;
    color: var(--gold);
    margin-bottom: 16px;
}
.cz-carte-adresse {
    font-family: var(--font-display);
    font-size: 1.3rem;
    line-height: 1.5;
    color: var(--text);
    margin: 0 0 24px;
}
.cz-carte-btn { cursor: pointer; }
.cz-carte-note {
    font-size: .78rem;
    font-weight: 300;
    line-height: 1.6;
    color: var(--text-soft);
    margin: 18px auto 0;
    max-width: 330px;
}
.cz-carte-note a { color: var(--gold); white-space: nowrap; }

/* Formulaire MYDMC (affiché seulement s'il est allumé dans le panel) : piège à robots invisible. */
.cz-piege {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.cz-erreur-detail { font-weight: 500; margin-bottom: 6px; }

@media (max-width: 768px) {
    .cz-carte { height: 250px; padding: 18px; }
    .cz-carte-contenu i { font-size: 1.6rem; margin-bottom: 10px; }
    .cz-carte-adresse { font-size: 1.1rem; margin-bottom: 16px; }
    .cz-carte-note { margin-top: 12px; }
}