/* ──────────────────────────────────────────────────────────────
   Partage d'un chalet (/annonce-chalets.php).
   Reprend les canaux de LQ (courriel, lien, WhatsApp, Facebook,
   Bluesky, X) dans l'habillage de la fiche chalet : la modale
   réutilise les classes .ch-modal de chalets-public.css, non modifié.
   ────────────────────────────────────────────────────────────── */

/* Bouton « Partager » — même gabarit que le bouton Favori (.chr-fav--fiche) */
.ch-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: none;
    align-self: center;
    padding: 8px 14px;
    border: 0;
    border-radius: 24px;
    background: transparent;
    color: #1a1a1a;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background .15s ease;
}
.ch-share-btn:hover { background: rgba(0, 0, 0, .05); }
.ch-share-btn i { font-size: 1rem; }
.ch-share-btn:focus-visible { outline: 2px solid #1a1a1a; }

/* Les deux actions (Partager + Enregistrer) restent groupées à droite du titre */
.ch-titlerow__actions { display: flex; align-items: center; gap: 4px; flex: none; }

@media (max-width: 560px) {
    .ch-share-btn { padding: 8px 10px; }
    .ch-share-btn .ch-share-btn__txt { display: none; }
}

/* ---- Modale ---- */
.ch-share__box { max-width: 460px; }          /* plus étroit que la modale commodités */

.ch-share__lead { margin: 14px 0 10px; font-size: .95rem; color: #555; }

.ch-share__form { display: grid; gap: 12px; }
.ch-share__field { display: grid; gap: 5px; }
.ch-share__field label { font-size: .85rem; font-weight: 600; color: #333; }
.ch-share__field input {
    padding: 11px 13px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: .95rem;
}
.ch-share__field input:focus { outline: none; border-color: #1a1a1a; }

.ch-share__send {
    justify-self: start;
    padding: 11px 22px;
    border: 0;
    border-radius: 10px;
    background: var(--ch-action, #f26c4f);
    color: #fff;
    font-size: .95rem;
    font-weight: 700;
    cursor: pointer;
}
.ch-share__send:hover { filter: brightness(.94); }
.ch-share__send[disabled] { opacity: .6; cursor: default; filter: none; }

.ch-share__msg { margin-top: 10px; font-size: .9rem; border-radius: 10px; padding: 11px 13px; }
.ch-share__msg--ok  { background: #e8f6ed; color: #1d6b3a; }
.ch-share__msg--err { background: #fdecea; color: #a3261c; }
.ch-share__msg[hidden] { display: none; }

/* ---- Autres canaux ---- */
.ch-share__sep {
    margin: 22px 0 10px;
    font-size: .85rem;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ch-share__links { display: grid; gap: 2px; }
.ch-share__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 10px;
    border-radius: 10px;
    color: #1a1a1a;
    text-decoration: none;
    font-size: .95rem;
}
.ch-share__link:hover { background: #f5f5f5; text-decoration: none; color: #1a1a1a; }
.ch-share__link i { width: 20px; text-align: center; font-size: 1.05rem; color: #444; }
.ch-share__link--done { color: #1d6b3a; }