/*
Theme Name: Le Chardonnay (GeneratePress enfant)
Template: generatepress
Description: Thème enfant de l'Hôtel-Péniche Le Chardonnay, charte commune avec Les Grands Bateaux de Provence.
Version: 0.2.0
Text Domain: chardonnay
*/

/* ==========================================================
   Charte web commune : Le Chardonnay x Grands Bateaux de Provence
   Source : GBP-Charte-V3.pdf (identité visuelle, janv. 2024)
   À coller dans GeneratePress > Personnaliser > CSS additionnel,
   ou dans le fichier style.css d'un thème enfant.
   ========================================================== */


:root {
  /* Couleurs officielles GBP (charte p.07) */
  --gbp-indigo: #2b2d86;        /* C100 M85 J0 N10 - couleur principale */
  --gbp-or-fonce: #c8a957;      /* C20 M40 J80 N0 - accent, rayons du logo */
  --gbp-or-clair: #e3d5af;      /* C10 M20 J40 N0 - fonds doux, filets */

  /* Couleurs dérivées pour le web */
  --gbp-indigo-nuit: #1c1d5c;   /* pied de page, survols */
  --gbp-indigo-clair: #4a4fb3;  /* liens sur fond sombre */
  --gbp-creme: #faf7ef;         /* fond de section alterné */
  --gbp-blanc: #ffffff;
  --gbp-texte: #22233a;         /* texte courant (contraste AA sur blanc) */
  --gbp-texte-doux: #5b5d73;

  /* Typographies
     Charte : Goudy Old Style (titres) + Cera Pro (texte).
     Web : Sorts Mill Goudy (gratuit, très proche de Goudy) + Jost (proche de Cera).
     Si la licence web Cera Pro est achetée, remplacer Jost par "Cera Pro". */
  --font-titre: 'Sorts Mill Goudy', 'Goudy Old Style', Georgia, serif;
  --font-texte: 'Jost', 'Cera Pro', Arial, sans-serif;

  /* Échelle typographique */
  --fs-h1: clamp(2.4rem, 5vw, 4rem);
  --fs-h2: clamp(1.9rem, 3.5vw, 2.8rem);
  --fs-h3: 1.5rem;
  --fs-surtitre: 0.8rem;   /* petites capitales espacées, comme "COMPAGNIE DES" */
  --fs-texte: 1.0625rem;

  --rayon: 2px;            /* angles quasi droits, esprit classique */
  --ombre: 0 10px 30px rgba(28, 29, 92, 0.12);
  --largeur-max: 1200px;
}

body { font-family: var(--font-texte); font-size: var(--fs-texte); color: var(--gbp-texte); line-height: 1.65; }
h1, h2, h3, h4 { font-family: var(--font-titre); font-weight: 400; color: var(--gbp-indigo); line-height: 1.1; }
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }
.surtitre { font-family: var(--font-texte); font-weight: 500; font-size: var(--fs-surtitre); letter-spacing: .25em; text-transform: uppercase; color: var(--gbp-or-fonce); }
a { color: var(--gbp-indigo); text-decoration-color: var(--gbp-or-fonce); text-underline-offset: 3px; }

/* Boutons */
.btn, .wp-block-button__link {
  font-family: var(--font-texte); font-weight: 500; letter-spacing: .12em; text-transform: uppercase; font-size: .85rem;
  padding: 1em 2em; border-radius: var(--rayon); border: 1px solid transparent; transition: all .2s ease;
}
.btn-reserver { background: var(--gbp-or-fonce); color: var(--gbp-indigo-nuit); }
.btn-reserver:hover { background: var(--gbp-indigo); color: #fff; }
.btn-principal { background: var(--gbp-indigo); color: #fff; }
.btn-principal:hover { background: var(--gbp-indigo-nuit); }
.btn-contour { background: transparent; color: var(--gbp-indigo); border-color: var(--gbp-indigo); }
.btn-contour:hover { background: var(--gbp-indigo); color: #fff; }

/* Bandeau d'accroche "La Provence autrement" (charte p.10) */
.bandeau-signature { display: inline-block; background: #fff; color: var(--gbp-indigo); font-family: var(--font-titre); padding: .2em .5em; }
.bandeau-signature + .bandeau-services { display: inline-block; background: var(--gbp-or-fonce); color: #fff; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; padding: .3em .6em; }

/* Sections */
.section-indigo { background: var(--gbp-indigo); color: #fff; }
.section-indigo h2, .section-indigo h3 { color: #fff; }
.section-creme { background: var(--gbp-creme); }
.filet-or { width: 60px; height: 2px; background: var(--gbp-or-fonce); border: 0; margin: 1rem 0 1.5rem; }

/* En-tête, navigation, pied de page (GeneratePress) */
.site-header { border-bottom: 1px solid var(--gbp-or-clair); }
.main-navigation .main-nav ul li a { font-family: var(--font-texte); letter-spacing: .12em; text-transform: uppercase; font-size: .8rem; color: var(--gbp-indigo); }
.main-navigation .main-nav ul li.menu-reserver > a { background: var(--gbp-or-fonce); color: var(--gbp-indigo-nuit); }
.main-navigation .main-nav ul li.menu-reserver > a:hover { background: var(--gbp-indigo); color: #fff; }
.site-footer, .site-info { background: var(--gbp-indigo-nuit); color: var(--gbp-or-clair); }
.site-footer a { color: var(--gbp-or-clair); }
.grid-container { max-width: var(--largeur-max); }
.chardonnay-resa-mobile { display: none; }
@media (max-width: 768px) { .chardonnay-resa-mobile { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; text-align: center; padding: .9em; background: var(--gbp-or-fonce); color: var(--gbp-indigo-nuit); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; } body { padding-bottom: 3.2rem; } }