/* ALPIRIS — design tokens et styles de base (à coller dans le thème enfant WordPress) */

:root {
  /* Couleurs */
  --al-bg: #f3eee6;          /* fond principal (crème) */
  --al-bg-alt: #e9e2d6;      /* sections secondaires (sable) */
  --al-bg-soft: #efe9df;     /* section avis */
  --al-card: #fbf8f3;        /* cartes, champs */
  --al-ink: #1d1a16;         /* texte et fonds sombres */
  --al-text: #3d362f;        /* texte courant */
  --al-muted: #5a5148;       /* texte secondaire */
  --al-line: #ddd4c6;        /* filets */
  --al-accent: #8a6440;      /* brun doré (étiquettes, numéros) */
  --al-accent-dark: #6b5034; /* labels de formulaire */
  --al-gold: #c9a77c;        /* doré sur fond sombre */
  --al-prestige: #e9d3b0;    /* Prestige */
  /* Collections */
  --al-golden-light: #c08a3e;
  --al-pure-white: #e4e1db;
  --al-arctic-blue: #3e5670;
  --al-monochrome: #26231f;
  /* Typo */
  --al-serif: "Bodoni Moda", Georgia, serif;
  --al-sans: "Jost", system-ui, sans-serif;
  /* Mise en page */
  --al-max: 1440px;
  --al-gutter: clamp(20px, 5vw, 48px);
  --al-section: clamp(72px, 10vw, 130px);
}

body { background: var(--al-bg); color: var(--al-ink); font-family: var(--al-sans); font-weight: 300; }
h1, h2, h3, .al-serif { font-family: var(--al-serif); font-weight: 400; line-height: 1.08; letter-spacing: -0.01em; }
h1 { font-size: clamp(40px, 6.4vw, 92px); }
h2 { font-size: clamp(30px, 3.8vw, 52px); }
h3 { font-size: clamp(26px, 3vw, 38px); }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--al-accent); }

/* Petite étiquette en capitales au-dessus des titres */
.al-eyebrow { font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--al-accent); }

/* Boutons */
.al-btn { display: inline-block; padding: 17px 30px; font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; font-weight: 400; border: 1px solid var(--al-ink); background: var(--al-ink); color: var(--al-bg); }
.al-btn:hover { background: var(--al-accent); border-color: var(--al-accent); color: var(--al-bg); }
.al-btn--ghost { background: transparent; color: var(--al-ink); }
.al-btn--ghost:hover { background: var(--al-ink); color: var(--al-bg); }
.al-btn--light { background: var(--al-bg); color: var(--al-ink); border-color: var(--al-bg); }

/* Conteneur et sections */
.al-wrap { max-width: var(--al-max); margin: 0 auto; padding: 0 var(--al-gutter); }
.al-section { padding: var(--al-section) 0; }

/* Grille des 4 ambiances (2 x 2, 1 colonne sur mobile) */
.al-ambiances { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
@media (max-width: 760px) { .al-ambiances { grid-template-columns: 1fr; } }

/* Mur d'avis (masonry) */
.al-reviews { column-count: 3; column-gap: 20px; }
.al-reviews > * { break-inside: avoid; margin-bottom: 20px; }
@media (max-width: 1000px) { .al-reviews { column-count: 2; } }
@media (max-width: 640px) { .al-reviews { column-count: 1; } }

/* Fiche produit : galerie fixe à gauche */
.al-product-gallery { position: sticky; top: 96px; align-self: start; }

/* Palette Kadence aux couleurs Alpiris (boutique, panier, paiement, pages standard) */
:root {
  --global-palette1: #1d1a16;   /* boutons / accents */
  --global-palette2: #8a6440;   /* survol */
  --global-palette3: #1d1a16;   /* titres */
  --global-palette4: #3d362f;   /* texte */
  --global-palette5: #5a5148;   /* texte secondaire */
  --global-palette6: #8a7f73;
  --global-palette7: #e9e2d6;   /* fonds secondaires */
  --global-palette8: #f3eee6;   /* fond du site */
  --global-palette9: #fbf8f3;   /* cartes */
  --global-palette-btn-bg: #1d1a16;
  --global-palette-btn-bg-hover: #8a6440;
  --global-palette-btn: #f3eee6;
  --global-palette-btn-hover: #f3eee6;
  --global-body-font-family: "Jost", system-ui, sans-serif;
  --global-heading-font-family: "Bodoni Moda", Georgia, serif;
}
.al-body button, .al-body .button, .al-body input[type="submit"], .al-body .wp-block-button__link { border-radius: 0; letter-spacing: 0.2em; text-transform: uppercase; font-size: 12px; font-weight: 400; }
.al-body .entry-content-wrap { background: transparent; box-shadow: none; }