/* Page Contact : coordonnées et carte de l'extension choisie, dans le style V4 */
.contact-info .contact-church{color:#cfe0ff;font-size:16px;margin:-18px 0 4px}
.contact-detail[hidden]{display:none}
.contact-detail p a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.location-card>iframe{display:block;width:100%;height:340px;border:0;background:#eef4ff}
@media(max-width:800px){.location-card>iframe{height:280px}}

/* Mobile : textes plus petits et bannière sans décor, pour la lisibilité */
@media(max-width:760px){
  .page-contact .contact-hero{background:#f4f8fd;padding:26px 0 22px}
  .page-contact .contact-hero:after{display:none}
  .page-contact .contact-hero .eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:10px}
  .page-contact .contact-hero h1{font-size:27px;line-height:1.15;letter-spacing:-.03em}
  .page-contact .contact-hero p{font-size:15px;margin-top:8px}

  .page-contact .contact-layout{margin-top:22px;gap:18px}
  .page-contact .contact-form{padding:20px 16px}
  .page-contact .contact-form h2{font-size:21px}
  .page-contact .contact-form>p{font-size:13px;margin:8px 0 18px}
  .page-contact .contact-form label,.page-contact .contact-form legend{font-size:13px}
  .page-contact .radio-row{gap:28px}
  .page-contact .radio-row label{font-size:14px}
  .page-contact .contact-options label{font-size:12px}
  .page-contact .contact-form textarea{min-height:130px}

  .page-contact .contact-info{padding:22px 18px}
  .page-contact .contact-info h2{font-size:21px;margin-bottom:24px}
  .page-contact .contact-info .contact-church{font-size:13px;margin:-16px 0 0}
  .page-contact .contact-detail{gap:14px;margin-top:20px}
  .page-contact .contact-detail .round-icon{width:46px;height:46px}
  .page-contact .contact-detail .round-icon .ico{width:22px;height:22px}
  .page-contact .contact-detail b{font-size:15px}
  .page-contact .contact-detail p{font-size:13px}
  .page-contact .location-card>div{padding:14px}
  .page-contact .location-card b{font-size:13px}

  .page-contact .orientation-call{padding:20px 18px;margin-bottom:28px}
  .page-contact .orientation-call h2{font-size:19px}
  .page-contact .orientation-call p{font-size:14px;margin-top:6px}
}

/* Confirmation d’un contact effectivement enregistré. */
.contact-confirmation{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:0;border-radius:22px;background:#fff;color:#14284b;text-align:center;box-shadow:0 24px 80px #071a4133;overflow:auto}
.contact-confirmation::backdrop{background:#071a4166;backdrop-filter:blur(3px)}
.contact-confirmation-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#e8f5ee;color:#187346;font-size:30px}
.contact-confirmation h2{margin:0 0 12px;font-size:24px;line-height:1.25}
.contact-confirmation p{font-size:16px;line-height:1.6;margin:0 0 18px}
.contact-confirmation-recipient{padding:14px;background:#f1f5fb;border-radius:12px;overflow-wrap:anywhere}
.contact-confirmation-recipient strong,.contact-confirmation-recipient span{display:block}
.contact-confirmation-recipient span{font-size:14px;margin-top:4px}
.contact-confirmation button{border:0;border-radius:10px;background:#123a85;color:#fff;font:inherit;font-weight:600;padding:12px 28px;cursor:pointer}
.contact-confirmation button:focus-visible{outline:3px solid #679aed;outline-offset:4px}
@media(max-width:400px){.contact-confirmation{padding:26px 20px}.contact-confirmation h2{font-size:22px}}