/*
Theme Name: Alpines Theme
Template: generatepress
Version: 1.0.0
Description: Custom theme for Escapades Alpines
*/

/* === Self-hosted fonts === */
@font-face {
  font-family: 'Outfit';
  src: url(assets/fonts/Outfit-Regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url(assets/fonts/Outfit-SemiBold.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url(assets/fonts/Outfit-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Crimson Text';
  src: url(assets/fonts/CrimsonText-Regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Crimson Text';
  src: url(assets/fonts/CrimsonText-Italic.woff2) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Crimson Text';
  src: url(assets/fonts/CrimsonText-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* === GP gap fixes below — option-key-first, CSS only for gaps === */

/* Marque déposée en mobile */
@media (max-width: 767px) {
  .inside-navigation::before {
    content: "Votre référence en Suisse romande pour explorer les Alpes et la Méditerranée en toute connaissance de cause";
    font-style: italic;
    position: absolute;
    left: var(--gap-small, 8px);
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--text-color);
  }
  .inside-navigation { position: relative; }
}

/* Submit-button palette rule — ember-glow primary #C17747
   RESOLVE: {primary_hex} → #C17747 from ember-glow palette */
body button.wpforms-submit,
body .wpcf7-submit,
body .ff-btn-submit {
  background-color: #C17747 !important;
  color: #ffffff !important;
}
body button.wpforms-submit:hover,
body .wpcf7-submit:hover,
body .ff-btn-submit:hover {
  filter: brightness(0.88) !important;
}

/* Scroll-to-top button (from brief §10: scroll-to-top=yes) */
.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 44px;
  height: 44px;
  background-color: #C17747;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 9999;
}
.back-to-top.visible { opacity: 1; }

/* Compact tagline hero - sig-F nav-float-right compatibility */
.site-tagline-hero {
  background-color: #FDF8F4;
  border-bottom: 1px solid #F5E0CC;
  padding: 2rem 0;
  text-align: center;
}
.site-tagline-hero h1 {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  color: #2C1810;
  margin-bottom: 0.5rem;
}
.site-tagline-hero .tagline {
  font-family: 'Crimson Text', serif;
  font-size: 1.1rem;
  color: #5D5D5D;
  font-style: italic;
}


/* Search button palette fix — ember-glow primary #C17747 (body-scoped for 404 template) */
body .search-form .search-submit,
body input[type=submit].search-submit {
  background-color: #C17747;
  color: #ffffff;
  border-color: #C17747;
}
body .search-form .search-submit:hover,
body input[type=submit].search-submit:hover {
  background-color: #8B5E3C;
  color: #ffffff;
}
@media (max-width: 767px) {
  body .search-form .search-submit,
  body input[type=submit].search-submit {
    background-color: #C17747;
    color: #ffffff;
  }
}