/* === TYPOGRAPHIE === */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');

/* Titres → Playfair Display */
h1, h2, h3,
.entry-title,
.page-title,
.site-title,
.wp-block-heading,
[class*="heading"],
[class*="title"] {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 600 !important;
}

/* Corps de texte → Cormorant Garamond */
body,
p,
.entry-content,
.entry-summary,
.wp-block-paragraph,
li, td, th, label,
input, textarea, select,
.site-description {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.1rem !important;
  line-height: 1.75 !important;
}

/* Sous-titres → Cormorant Garamond Italic */
h4, h5, h6,
blockquote,
blockquote p,
figcaption,
.wp-block-quote,
.wp-block-quote p,
.subtitle,
[class*="subtitle"],
[class*="sub-title"],
.entry-meta,
.post-meta {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
}

/* === SUPPRIMER LE BANDEAU ACCUEIL === */
.page-hero-section,
.entry-header .entry-title,
.page-title-bar,
.page-header,
.hero-section .page-title,
.wp-block-cover .page-title,
span.entry-title,
h1.entry-title,
.single-page-title,
.page .entry-header,
.site-header-hero,
.kadence-page-title,
.wp-block-kadence-header,
.page-hero,
#page-title,
.page-title-wrap,
.page-hero-title,
.inner-banner,
.banner-title,
.page-header-title,
.title-section,
.hero-title,
.hero h1,
.hero h2 {
  display: none !important;
}

/* === COULEUR DE FOND === */
html,
body,
.site,
.site-content,
#page,
#content,
main,
#main,
.wp-site-blocks,
.is-layout-flow {
  background-color: #F4F7FA !important;
}

/* === BOUTONS ART DÉCO === */
.wp-block-button__link,
.wp-element-button,
.wp-block-button a,
a.button,
.kt-button,
button.wp-block-button__link {
  background-color: transparent !important;
  background: transparent !important;
  color: #C9A84C !important;
  border: 1px solid #C9A84C !important;
  border-radius: 0 !important;
  padding: 14px 34px !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-size: 0.95rem !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
.wp-block-button a:hover,
a.button:hover,
button.wp-block-button__link:hover {
  background-color: #C9A84C !important;
  background: #C9A84C !important;
  color: #ffffff !important;
  border-color: #C9A84C !important;
}

/* === TITRE ACCUEIL : taille réduite sur mobile/tablette === */
@media (max-width: 1024px) {
  .single-content h1.wp-block-heading,
  .entry-content h1.wp-block-heading {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 600px) {
  .single-content h1.wp-block-heading,
  .entry-content h1.wp-block-heading {
    font-size: 1.6rem !important;
    line-height: 1.25 !important;
  }
}

/* === PAGE CONTACT : présentation élégante === */
/* Centrer le contenu de la page contact */
.page-id-63 .entry-content.single-content {
  text-align: center !important;
}

/* Supprimer les puces + aérer la liste de coordonnées */
.page-id-63 ul.wp-block-list {
  list-style: none !important;
  margin: 2.5em auto !important;
  padding: 0 !important;
  max-width: 600px !important;
}

.page-id-63 ul.wp-block-list li {
  list-style: none !important;
  margin: 0 0 1.8em 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
}

/* Labels (Adresse, Téléphone, Email, Horaires) en petites majuscules dorées, info en dessous */
.page-id-63 ul.wp-block-list li strong {
  display: block !important;
  color: #C9A84C !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  font-size: 0.8rem !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 600 !important;
  margin-bottom: 0.35em !important;
}

/* Masquer le titre répétitif "Notre boutique" (2e h2 de la page) */
.page-id-63 .entry-content.single-content > h2.wp-block-heading {
  display: none !important;
}


/* === ACCUEIL : masquer le bandeau titre "Accueil" === */
.home .entry-hero-container-inner,
.home .page-hero-section,
.home .entry-hero,
.page-id-58 .entry-hero-container-inner,
.page-id-58 .entry-hero { display: none !important; }

/* === ACCUEIL MOBILE - HEADER PERRONO v3 === */
/* Masquer le bandeau titre "Accueil" sur la page d'accueil */
.home .entry-hero, .home .entry-hero-container-inner,
.page-id-58 .entry-hero, .page-id-58 .entry-hero-container-inner { display: none !important; }

@media (max-width: 1024px) {
  /* ---- Barre du haut PERRONO (PP + icones) ---- */
  .home .perrono-mobile-topbar, .page-id-58 .perrono-mobile-topbar {
    display: flex; align-items: center; justify-content: space-between;
    height: 60px; width: 100vw; margin: 0 calc(50% - 50vw); padding: 0 14px;
    background: #0a1024; box-sizing: border-box; position: relative; z-index: 60;
  }
  .home .perrono-mobile-topbar .pmt-spacer-left,
  .page-id-58 .perrono-mobile-topbar .pmt-spacer-left { width: 70px; flex: 0 0 70px; }
  .home .perrono-mobile-topbar .pmt-logo,
  .page-id-58 .perrono-mobile-topbar .pmt-logo {
    flex: 1 1 auto; text-align: center; color: #C9A84C;
    font-family: "Playfair Display", "Cormorant Garamond", serif;
    font-size: 30px; font-weight: 700; letter-spacing: 2px; line-height: 1;
  }
  .home .perrono-mobile-topbar .pmt-actions,
  .page-id-58 .perrono-mobile-topbar .pmt-actions {
    width: 70px; flex: 0 0 70px; display: flex; align-items: center;
    justify-content: flex-end; gap: 14px;
  }
  .home .perrono-mobile-topbar .pmt-icon,
  .page-id-58 .perrono-mobile-topbar .pmt-icon {
    display: inline-flex; align-items: center; justify-content: center;
    line-height: 0; color: #C9A84C;
  }
  .home .perrono-mobile-topbar .pmt-icon svg,
  .page-id-58 .perrono-mobile-topbar .pmt-icon svg { display: block; }

  /* ---- Le header du theme : on ne garde que le burger, en haut a gauche dans la barre ---- */
  .home #masthead.site-header, .page-id-58 #masthead.site-header {
    position: absolute; top: 0; left: 0; right: auto; z-index: 70;
    background: transparent !important; box-shadow: none !important;
    min-height: 0; border: 0;
  }
  .home #mobile-header, .page-id-58 #mobile-header,
  .home #mobile-header .site-header-row-container-inner,
  .page-id-58 #mobile-header .site-header-row-container-inner,
  .home #mobile-header .site-container, .page-id-58 #mobile-header .site-container,
  .home #mobile-header .site-header-row, .page-id-58 #mobile-header .site-header-row {
    background: transparent !important; box-shadow: none !important; min-height: 0 !important;
  }
  /* cacher le logo pendentif a gauche */
  .home #mobile-header .site-header-main-section-left,
  .page-id-58 #mobile-header .site-header-main-section-left { display: none !important; }
  /* positionner le burger en haut a gauche dans la barre 60px */
  .home #mobile-header .site-header-main-section-right,
  .page-id-58 #mobile-header .site-header-main-section-right {
    position: absolute; top: 0; left: 0; height: 60px;
    display: flex; align-items: center; padding: 0 0 0 16px; margin: 0;
  }
  .home #mobile-header .menu-toggle-open, .page-id-58 #mobile-header .menu-toggle-open {
    background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 4px !important;
  }
  .home #mobile-header .menu-toggle-icon, .page-id-58 #mobile-header .menu-toggle-icon { background: transparent !important; }
  .home #mobile-header .menu-toggle-open svg, .page-id-58 #mobile-header .menu-toggle-open svg {
    fill: #C9A84C !important; color: #C9A84C !important; width: 24px !important; height: 24px !important;
  }

  /* ---- supprimer tout espace : barre puis image collees, image pleine largeur ---- */
  .home #main, .page-id-58 #main, .home .content-area, .page-id-58 .content-area { margin-top: 0 !important; padding-top: 0 !important; }
  .home .entry-content-wrap, .page-id-58 .entry-content-wrap { padding-top: 0 !important; }
  .home article.entry, .page-id-58 article.entry { padding-top: 0 !important; }
  .home .entry-content > .wp-block-image:first-of-type,
  .page-id-58 .entry-content > .wp-block-image:first-of-type,
  .home .entry-content figure.wp-block-image:first-of-type,
  .page-id-58 .entry-content figure.wp-block-image:first-of-type {
    margin: 0 calc(50% - 50vw) !important; max-width: 100vw !important; width: 100vw !important;
  }

  /* remonter l'image pour masquer le PP integre du visuel sous la barre */
  .home .entry-content figure.wp-block-image:first-of-type, /*pmt-image-crop*/
  .page-id-58 .entry-content figure.wp-block-image:first-of-type { margin-top: -34px !important; overflow: hidden; }
  .home .entry-content figure.wp-block-image:first-of-type img,
  .page-id-58 .entry-content figure.wp-block-image:first-of-type img { width: 100%; display: block; }
}

/* topbar-desktop-hide : la barre PERRONO uniquement en mobile */
@media (min-width: 1025px) { .perrono-mobile-topbar { display: none !important; } }


/* Selecteur de langue FR | EN (provisoire avant Polylang) */
.lang-switcher {
	  color: #C9A84C;
	  font-family: inherit;
	  letter-spacing: 0.1em;
	  font-size: 0.85em;
	  opacity: 0.8;
}
}