/*
 Theme Name:   Aperitive Child
 Theme URI:    http://themeskingdom.com
 Description:  Aperitive is a responsive and highly customizable WordPress theme built for all kinds of restaurants. The theme’s design will ensure site visitors’ mouths water and that they keep on making reservations. Over and over again.
 Author:       Themes Kingdom
 Author URI:   http://themeskingdom.com
 Template:     aperitive
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain:  aperitive
*/

/* ===============================
   SITE TITLE — Bohemy lisible
   =============================== */

/* Force la typo + minuscules */
.site-title,
.site-title a,
.site-branding .site-title,
.site-branding .site-title a {
  font-family: 'Bohemy', serif !important;
  font-weight: 400;
  font-style: normal;
  text-transform: lowercase !important;
  letter-spacing: 0.06em;
  line-height: 1.05;
}

/* Taille responsive (lisible partout) */
.site-title,
.site-title a {
  font-size: clamp(28px, 2.2vw + 10px, 46px) !important;
}

/* Sur mobile : encore plus lisible */
@media (max-width: 768px) {
  .site-title,
  .site-title a {
    font-size: 34px !important;
  }
}

/* ======================================
   TYPOGRAPHIE — MAPPING FINAL
   ====================================== */



/* 1️⃣ TEXTE PRINCIPAL — Neue Haas (Adobe) */

html,
body,
p,
li,
span,
a,
.entry-content,
.entry-content p,
.menu-items .menu-item .entry-content,
.menu-items .menu-item .entry-content p {
  font-family: "neue-haas-grotesk-display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.55;
}

/* 2️⃣ TITRES — Bodoni (Adobe) */
h1, h2, h3, h4, h5, h6,
.entry-title,
.menu-items .menu-item .entry-title,
.page-title {
  font-family: "bodoni-urw", serif !important;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

/* 3️⃣ MENUS / NAV / BOUTONS — Bodoni (Adobe) */
.main-navigation a,
.nav-menu a,
.menu a {
  font-family: "bodoni-urw", serif !important;
  font-weight: 700 !important;
  font-style: normal !important;

  /* TAILLE (re-verrouillage) */
  font-size: 16px !important;      /* passe à 17 si tu veux */
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

/* Mobile */
@media (max-width: 768px) {
  .main-navigation a,
  .nav-menu a,
  .menu a {
    font-size: 17px !important;
  }
}
/* ======================================
   TAILLES — NAV + MENU (CARTE)
   ====================================== */

/* 1) Menu principal (navigation) */
.main-navigation a,
.nav-menu a,
.menu a {
  font-family: "bodoni-urw", serif !important;
  font-weight: 700;
  font-style: normal !important;
  letter-spacing: -0.01em;
}

/* Mobile : un poil plus grand */
@media (max-width: 768px) {
  .main-navigation a,
  .nav-menu a,
  .menu a {
    font-size: 17px !important;
  }
}

/* 2) Descriptions des items de la carte (texte sous le titre) */
.menu-items .menu-item .entry-content,
.menu-items .menu-item .entry-content p,
.menu-items .menu-item .entry-content li {
  font-size: 16px !important;         /* 16 = lisible, 17 = confort */
  line-height: 1.55 !important;
  letter-spacing: 0.01em !important;
  opacity: 0.92 !important;
}

/* 3) Bonus : petits détails (allergènes / notes) souvent trop fins */
.menu-items .menu-item .entry-content small,
.menu-items .menu-item .entry-content .note,
.menu-items .menu-item .entry-content .allergens {
  font-size: 14px !important;
  line-height: 1.4 !important;
  opacity: 0.8 !important;
}

.menu-label {
    display: block;
    font-style: italic;
    margin-top: -18px;
    margin-bottom: 12px;
    opacity: .6;
}

.menu-cats a, .contact-filter a {
    opacity: .7;
}

iframe {
    border: 0;
    margin: 0;
    padding: 0;
}

:root {
  --baignoire: #24362f;
  --accent: #b49b6b;
}

.giftcard-page {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  color: var(--baignoire);
}

.gift-btn {
  display: inline-block;
  margin-top: 15px;
  background: var(--baignoire);
  color: #fff !important;
  padding: 14px 30px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

.gift-btn:hover {
  background: var(--accent);
  color: #fff !important;
  transform: translateY(-2px);
}

.fallback {
  margin-top: 40px;
  opacity: 0.8;
}

.faq {
  text-align: left;
  margin-top: 60px;
}

.faq details {
  background: #f8f8f8;
  padding: 14px 18px;
  border-radius: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.faq summary {
  font-weight: 600;
  color: var(--baignoire);
}

.faq details[open] {
  background: #efefef;
}

/* Supprime l'espace blanc au-dessus du bloc Gift Card */
.entry-content > .giftcard-page:first-child { margin-top: 0 !important; }

/* Sécurité : aucun espace au-dessus du premier élément de la section */
.giftcard-page > *:first-child { margin-top: 0 !important; }

/* Et pas de marge haute sur le paragraphe .lead */
.giftcard-page .lead { margin-top: 0 !important; }

/* Si tu as mis le HTML dans un bloc "HTML personnalisé" (wp-block-html),
   certains thèmes lui mettent une marge : on la neutralise quand il est premier. */
.entry-content .wp-block-html:first-child { margin-top: 0 !important; }

/* === Style de base commun === */
.lb-btn {
  display: inline-block;
  border-radius: 4px;
  padding: 14px 30px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1;
  text-decoration: none;
  transition: all 0.25s ease;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* === Couleur principale (même que gift-btn) === */
.lb-btn--primary,
.lb-btn--accent {
  background: var(--baignoire, #24362f);
  color: #fff !important;
}
.lb-btn--primary:hover,
.lb-btn--accent:hover {
  background: var(--accent, #b49b6b);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}


/* === Optionnel : un peu d'espacement entre plusieurs boutons === */
.lb-btn + .lb-btn {
  margin-left: 10px;
}

/* === Hiérarchie visuelle du menu La Baignoire === */

/* Label (ex: ÉLÉGANT, ACIDULÉ) - petit et discret */
.menu-items .menu-item .menu-label {
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  opacity: 0.6 !important;
}

/* Titre (nom du cocktail) - légèrement plus grand et lisible */
.menu-items .menu-item .entry-title {
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #0f0f0f !important;
  margin-bottom: 0.15em !important;
}

/* Description (ingrédients) - taille moyenne et claire */
.menu-items .menu-item .entry-content {
  font-size: 1.2rem !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  opacity: 0.9 !important;
}
/* ======================================
   ALLERGÈNES — DISCRETS & LISIBLE
   ====================================== */

/* Liens allergènes */
.menu-items .menu-item .allergens,
.menu-items .menu-item .allergens a {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-size: 12px !important;       /* avant : trop gros */
  font-weight: 300 !important;
  font-style: normal !important;    /* JAMAIS italic ici */
  letter-spacing: 0.02em !important;
  opacity: 0.65 !important;
  line-height: 1.4 !important;
}

/* Hover discret */
.menu-items .menu-item .allergens a:hover {
  opacity: 0.85 !important;
  text-decoration: underline;
}

/* Style Formulaire La Baignoire */
.wpcf7-form label {
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    color: #333; /* Ou #fff si votre fond de site est noir */
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    border-radius: 2px;
}

.wpcf7-submit {
    background-color: #c5a059 !important; /* Couleur Dorée */
    color: #fff !important;
    border: none !important;
    padding: 15px 30px !important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.3s;
}

.wpcf7-submit:hover {
    background-color: #a88540 !important; /* Doré plus foncé au survol */
}

</style>