/* Havre Cosy – palette du site (thème Albatross + Elementor)
   Marine #16325c · bleu roi #1f4e9c · bleu ciel #82c4d8 · or champagne #b89a5e (texte doré #8a6f3c) */

:root {
  --hc-marine: #16325c;
  --hc-marine-fonce: #0f2446;
  --hc-roi: #1f4e9c;
  --hc-or: #b89a5e;
  --hc-or-texte: #8a6f3c;
  --hc-texte: #2c3e57;
}

/* Couleurs globales Elementor (kit du site) */
body[class*="elementor-kit-"] {
  --e-global-color-primary: var(--hc-marine);
  --e-global-color-secondary: var(--hc-roi);
  --e-global-color-text: var(--hc-texte);
  --e-global-color-accent: var(--hc-or);
}

/* Aplats verts écrits en dur dans le thème */
.front-page-header::after,
.site-footer {
  background-color: var(--hc-marine) !important;
}
.front-page-sidebar-wrapper {
  background-color: var(--hc-marine-fonce) !important;
}
.site-footer {
  border-top: 3px solid var(--hc-or);
}

/* Textes clairs sur les fonds marine : le thème n'écrit sa règle de couleur
   des titres/texte que si la couleur diffère de l'origine, ce qui écrase le blanc hérité. */
.front-page-header :is(h1, h2, h3, h4, h5, h6, p, .title, .subtitle),
.site-footer :is(h1, h2, h3, h4, h5, h6, p, li, span, .widget-title),
.front-page-sidebar-wrapper :is(h1, h2, h3, h4, h5, h6, p, label, .widget-title) {
  color: #fff !important;
}

/* En-tête de l'accueil resserré : le thème impose toute la hauteur de l'écran (100vh, 920 px min.)
   et centre la photo verticalement, ce qui laisse un grand vide sur les grands écrans. */
@media (min-width: 992px) {
  .front-page-header,
  .front-page-header .front-page-slider {
    min-height: 0 !important;
  }
  .front-page-header .front-page-slider-slide {
    padding-top: 170px !important;
    padding-bottom: 30px !important;
  }
  .front-page-header .front-page-slider-slide-wrapper {
    height: 560px !important;
  }
  .front-page-header .front-page-slider-slide .slide-image {
    height: 520px !important;
    max-height: none !important;
  }
}

/* Animation décorative (cercle) de l'en-tête : elle déborde sur la barre de recherche
   depuis que l'en-tête est resserré ; elle ne doit pas capter les clics. */
.fp-header-animation,
.fp-header-animation-wrapper {
  pointer-events: none !important;
}

/* Menu plein écran : titres de colonnes sur une seule ligne (« Nos services »…) */
.header-dropdown #primary-menu > li > a {
  white-space: nowrap;
}

/* Logo du pied de page (version claire sur fond transparent) */
.site-footer .widget_media_image img {
  width: 150px;
  max-width: 100%;
  height: auto;
}

/* Formulaire de recherche (MotoPress) sur le bandeau marine */
.front-page-sidebar-wrapper input:not([type="submit"]):not([type="button"]),
.front-page-sidebar-wrapper select {
  background-color: rgba(255, 255, 255, .1) !important;
  border-color: rgba(255, 255, 255, .15) !important;
}

/* Bouton « Menu » : or champagne, texte marine (meilleur contraste que le blanc) */
.site-header .header-dropdown-toggle,
.site-header .header-dropdown-toggle:hover,
.site-header .header-dropdown-toggle:focus {
  color: var(--hc-marine) !important;
}

/* Titres et bouton de l'accueil colorés en dur (vert foncé) dans Elementor */
.elementor-widget-heading .elementor-heading-title[style*="1a3c35"],
.elementor-element-hero_label .elementor-heading-title,
.elementor-element-hero_title .elementor-heading-title,
.elementor-element-reviews_heading .elementor-heading-title {
  color: var(--hc-marine) !important;
}
.elementor-element-hero_cta .elementor-button {
  background-color: var(--hc-marine) !important;
  box-shadow: inset 0 -3px 0 var(--hc-or);
}
.elementor-element-hero_cta .elementor-button:hover {
  background-color: var(--hc-roi) !important;
}

/* Ancien carrousel (tant qu'il est affiché) */
.ac-card { border-color: #e3e8ef !important; }
.ac-subtitle, .ac-card-price { color: var(--hc-or-texte) !important; }
.ac-section-title, .ac-card-title { color: var(--hc-marine) !important; }
.ac-slide .ac-card-cta::after { background: var(--hc-marine) !important; }
.ac-slide:hover .ac-card-cta::after { background: var(--hc-roi) !important; }