/* ============================================================
   Agence de Voyage — direction « Évasion »
   Bleu océan #0369a1, sable #fef9c3, corail #fb7185.
   Police ronde système (Trebuchet MS). Header dégradé océan à
   vague asymétrique, tiroir océan/sable, footer sable en quatre
   colonnes à bandeau océan, page d'inscription avec arguments à
   gauche sur carte océan.
   ============================================================ */

/* ── HEADER : dégradé océan, logo à gauche, nav à droite ── */
header.site-header.hdr-centered {
  background: linear-gradient(120deg, #075985 0%, #0369a1 55%, #0ea5e9 100%);
  border-bottom: none;
  box-shadow: 0 6px 18px rgba(3, 105, 161, .28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 0 0 46px 18px;
  position: relative;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  padding-bottom: 12px;
  overflow: visible;
}

/* vague décorative : bande animée qui ondule doucement */
header.site-header.hdr-centered::after {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  bottom: -7px;
  height: 14px;
  background: repeating-linear-gradient(
    100deg,
    rgba(254, 249, 195, .55) 0 26px,
    rgba(254, 249, 195, 0) 26px 52px
  );
  border-radius: 999px;
  pointer-events: none;
  z-index: 1;
  animation: agv-vague-ondule 5s ease-in-out infinite;
}

header.site-header.hdr-centered .container { position: relative; z-index: 2; }

header.site-header.hdr-centered .hdr-centered-top {
  justify-content: flex-start;
  gap: 14px;
}

header.site-header.hdr-centered .brand {
  color: #ffffff;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-weight: 700;
  letter-spacing: -.01em;
}
header.site-header.hdr-centered .brand:hover { opacity: .92; }

header.site-header.hdr-centered .brand-logo {
  background: #ffffff;
  border-radius: 50%;
  padding: 4px;
  box-shadow: 0 2px 8px rgba(7, 89, 133, .35);
}

header.site-header.hdr-centered .hdr-centered-auth { right: 0; }

header.site-header.hdr-centered .btn.btn-primary {
  background: #fb7185;
  border-color: #fb7185;
  color: #ffffff;
  border-radius: 999px;
  min-height: 44px;
  padding: 10px 22px;
  box-shadow: 0 4px 12px rgba(251, 113, 133, .38);
}
header.site-header.hdr-centered .btn.btn-primary:hover {
  background: #f43f5e;
  border-color: #f43f5e;
  box-shadow: 0 6px 16px rgba(244, 63, 94, .45);
}

header.site-header.hdr-centered .hamburger { color: #ffffff; }
header.site-header.hdr-centered .hamburger:hover { background: rgba(255, 255, 255, .16); }

/* nav à droite, en blanc */
header.site-header.hdr-centered .hdr-centered-nav {
  justify-content: flex-end;
  border-top: 1px solid rgba(255, 255, 255, .25);
  gap: 4px;
}

header.site-header.hdr-centered .hdr-centered-nav .nav-link {
  color: #f0f9ff;
  font-weight: 600;
}
header.site-header.hdr-centered .hdr-centered-nav .nav-link:hover {
  background: rgba(255, 255, 255, .16);
  color: #ffffff;
}

header.site-header.hdr-centered .dropdown-trigger {
  background: rgba(255, 255, 255, .18);
  color: #ffffff;
  border-radius: 999px;
}
header.site-header.hdr-centered .dropdown-trigger:hover {
  background: #fb7185;
  box-shadow: 0 4px 10px rgba(251, 113, 133, .35);
}

header.site-header.hdr-centered .dropdown-panel {
  border-color: #bae6fd;
  border-radius: 16px;
}
header.site-header.hdr-centered .dropdown-item:hover { background: #fef9c3; }
header.site-header.hdr-centered .dropdown-item-keyword { color: #075985; }

@keyframes agv-vague-ondule {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(18px); }
}

/* ── TIROIR MOBILE : océan, liens sable ── */
.mobile-drawer {
  background: linear-gradient(165deg, #075985 0%, #0369a1 100%);
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
}

.mobile-close {
  background: rgba(255, 255, 255, .18);
  color: #ffffff;
}
.mobile-close:hover { background: rgba(255, 255, 255, .3); }

.mobile-section-title {
  color: #7dd3fc;
  border-top: 1px solid rgba(254, 249, 195, .2);
  margin-top: 6px;
}

.mobile-nav-link {
  color: #fef9c3;
  font-weight: 600;
  min-height: 44px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(254, 249, 195, .12);
}
.mobile-nav-link:hover { background: rgba(254, 249, 195, .16); color: #ffffff; }

.mobile-auth { border-top: 1px solid rgba(254, 249, 195, .2); margin-top: 10px; padding-top: 16px; }

.mobile-drawer .btn.btn-primary {
  background: #fb7185;
  border-color: #fb7185;
  color: #ffffff;
  border-radius: 999px;
  min-height: 44px;
}
.mobile-drawer .btn.btn-primary:hover { background: #f43f5e; border-color: #f43f5e; }

.mobile-overlay { background: rgba(7, 89, 133, .5); }

/* ── FOOTER : sable en quatre colonnes, bandeau océan ── */
footer.site-footer {
  background: #fef9c3;
  color: #0c4a6e;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
}

footer.site-footer .footer-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}
footer.site-footer .footer-grid > div:first-child { grid-column: span 2; }
@media (max-width: 768px) {
  footer.site-footer .footer-grid { grid-template-columns: 1fr; }
  footer.site-footer .footer-grid > div:first-child { grid-column: auto; }
}

footer.site-footer .footer-brand {
  color: #075985;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 1.2rem;
}

footer.site-footer .footer-tagline { color: #365314; opacity: .85; }

footer.site-footer .footer-heading {
  color: #0369a1;
  font-size: .8rem;
  letter-spacing: .07em;
}

footer.site-footer .footer-links a { color: #0c4a6e; }
footer.site-footer .footer-links a:hover { color: #fb7185; }

footer.site-footer .footer-inner > .btn.btn-primary,
footer.site-footer .footer-grid .btn.btn-primary {
  background: #fb7185;
  border-color: #fb7185;
  color: #ffffff;
  border-radius: 999px;
  min-height: 44px;
}
footer.site-footer .footer-grid .btn.btn-primary:hover { background: #f43f5e; border-color: #f43f5e; }
footer.site-footer .footer-grid a[href^="https://our-place.ch"] {
  display: inline-block;
  margin-top: 8px;
  color: #0369a1;
  font-weight: 600;
  text-decoration: underline;
}

/* bandeau océan en bas de page, dans les limites du conteneur */
footer.site-footer .footer-bottom {
  background: linear-gradient(90deg, #075985, #0369a1);
  color: #f0f9ff;
  border-top: none;
  border-radius: 16px;
  padding: 16px 22px;
  margin-top: 8px;
}
footer.site-footer .footer-copy { color: #e0f2fe; }
footer.site-footer .footer-bottom-links a { color: #bae6fd; }
footer.site-footer .footer-bottom-links a:hover { color: #ffffff; text-decoration: underline; }

@media (max-width: 480px) {
  footer.site-footer .footer-bottom { flex-direction: column; align-items: flex-start; }
}

/* ── PAGE « AJOUTER MON ENTREPRISE » : arguments à gauche, carte océan ── */
.ie-wrap { font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif; }

.ie-wrap .page-header h1 { color: #075985; }
.ie-wrap .page-header p { color: #0c4a6e; }

.ie-wrap .ie-grid {
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
@media (max-width: 900px) {
  .ie-wrap .ie-grid { grid-template-columns: 1fr; }
}

.ie-wrap .ie-side { order: -1; display: flex; flex-direction: column; gap: 16px; }

.ie-wrap .ie-why {
  background: linear-gradient(160deg, #075985, #0369a1 65%, #0ea5e9);
  border: none;
  border-radius: 18px;
  color: #f0f9ff;
  box-shadow: 0 8px 20px rgba(3, 105, 161, .25);
  animation: agv-apparition .5s ease-out both;
}
.ie-wrap .ie-why h2 { color: #ffffff; border-bottom: 2px solid rgba(254, 249, 195, .4); padding-bottom: 8px; }
.ie-wrap .ie-why p { color: #e0f2fe; }
.ie-wrap .ie-why ul { color: #f0f9ff; }
.ie-wrap .ie-why li::marker { color: #fef9c3; }
.ie-wrap .ie-why:nth-of-type(2) { animation-delay: .12s; }

.ie-wrap .ie-card {
  border: 1.5px solid #bae6fd;
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(3, 105, 161, .1);
}

.ie-wrap .qf-section {
  color: #075985;
  font-size: .82rem;
  border-bottom: 2px dotted #fb7185;
  padding-bottom: 6px;
  display: inline-block;
}

.ie-wrap .quote-lead-grid { gap: 4px 16px; }

.ie-wrap .quote-lead-form input,
.ie-wrap .quote-lead-form select,
.ie-wrap .quote-lead-form textarea {
  border-radius: 12px;
  border-color: #bae6fd;
  padding: 12px 14px;
  min-height: 44px;
}
.ie-wrap .quote-lead-form textarea { min-height: 96px; }
.ie-wrap .quote-lead-form input:focus,
.ie-wrap .quote-lead-form select:focus,
.ie-wrap .quote-lead-form textarea:focus {
  border-color: #fb7185;
  box-shadow: 0 0 0 3px rgba(251, 113, 133, .2);
}
.ie-wrap .quote-lead-form label { color: #0c4a6e; font-weight: 600; }

.ie-wrap .quote-lead-actions .btn.btn-primary {
  background: #fb7185;
  border-color: #fb7185;
  color: #ffffff;
  border-radius: 999px;
  min-height: 46px;
  padding: 12px 28px;
  font-size: 1rem;
  box-shadow: 0 5px 14px rgba(251, 113, 133, .4);
}
.ie-wrap .quote-lead-actions .btn.btn-primary:hover {
  background: #f43f5e;
  border-color: #f43f5e;
  transform: translateY(-1px);
}

@keyframes agv-apparition {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

/* ── réduction de mouvement ── */
@media (prefers-reduced-motion: reduce) {
  header.site-header.hdr-centered::after { animation: none; }
  .ie-wrap .ie-why { animation: none; }
  .ie-wrap .quote-lead-actions .btn.btn-primary:hover { transform: none; }
}