/* --- Supprimer le bouton Contact sur la page EN (ID 30) --- */
.page-id-30 .wp-block-button a {
  display: none !important;
}
 
/* Liens dans les articles de blog */
.single-post a {
  color: #A98D26;
  text-decoration: none;
}
.single-post a:hover {
  color: #897109;
  text-decoration: none;
}
 
/* Liens sur la page d’accueil du blog */
.blog a {
  color: #A98D26;
  text-decoration: none;
}
.blog a:hover {
  color: #897109;
  text-decoration: none;
}
 
.wp-block-button__link {
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer;
}
.wp-block-button__link:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
 
/* Corriger la couleur des liens dans les modèles */
.page a {
  color: #A98D26;
  text-decoration: none;
}
.page a:hover {
  color: #897109;
  text-decoration: none;
}
 
/* Liens classiques */
a:not(.wp-block-button__link):not(.wp-block-navigation-item__content) {
  color: #A98D26;
  text-decoration: none;
}
a:not(.wp-block-button__link):not(.wp-block-navigation-item__content):hover {
  color: #897109;
  text-decoration: none;
}
 
/* Sous-titres kintsugi */
.kintsugi-subtitle {
  margin-top: 1em !important;
  margin-bottom: 0.2em !important;
}
.kintsugi-subtitle + ul,
.kintsugi-subtitle + p,
.kintsugi-subtitle + div {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
 
/* Nettoyage des liens */
main .wp-block-post-terms a,
main nav a {
  text-decoration: none !important;
}
 
/* Logos en bannière */
.logos-contain {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 38vw;
}
@media (max-width: 768px) {
  .logos-contain {
    min-height: 70vw;
  }
}
 
/* Menu mobile : alignement de la search bar */
@media (max-width: 782px){
  .wp-block-navigation__responsive-container .wp-block-search {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}
 
/* Liens dans le contenu */
.entry-content a,
.post-content a,
.page-content a {
  color: #A98D26 !important;
  text-decoration: none;
}
.entry-content a:hover,
.post-content a:hover,
.page-content a:hover {
  color: #897109 !important;
}
 
/* Titres moins gras */
.entry-content strong,
.entry-content b,
.post-content strong,
.post-content b,
.page-content strong,
.page-content b {
  font-weight: 400 !important;
}
 
/* Boutons blancs */
button,
input[type="button"],
input[type="submit"],
.wp-block-button__link,
a.button,
a.wp-block-button__link {
  color: #ffffff !important;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
a.button:hover,
a.wp-block-button__link:hover,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.wp-block-button__link:focus,
a.button:focus,
a.wp-block-button__link:focus {
  color: #ffffff !important;
  font-weight: normal;
}
 
/* Blog en 3 colonnes sur mobile */
@media (max-width: 768px) {
  .wp-block-post-template {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px;
  }
}
 
/* Header desktop */
@media (min-width: 1025px) {
  .wp-block-cover,
  .header-front,
  .banner,
  .wp-block-cover-image {
    min-height: 700px !important;
  }
}
/* Header mobile */
@media (max-width: 1024px) {
  .wp-block-cover,
  .header-front,
  .banner,
  .wp-block-cover-image {
    min-height: 400px !important;
  }
}
 
.scroll-down {
  position: relative;
  margin-top: 10px;
  text-align: center;
}
.scroll-down span {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-bottom: 2px solid #d4af37;
  border-right: 2px solid #d4af37;
  transform: rotate(45deg);
  animation: gentleBlink 2.5s infinite ease-in-out;
  opacity: 0.05;
}
@keyframes gentleBlink {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.5; }
}
 
/* Effet doré au hover sur tous les liens */
a {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  margin-left: 0.2em;
  margin-right: 0.3em;
}
a:hover {
  background: linear-gradient(90deg,currentColor 0%,#d4af37 20%,currentColor 40%,currentColor 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: golden-shine 2.5s linear infinite;
}
@keyframes golden-shine {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
 
/* Bannières génériques */
.wp-block-cover,
.header-front,
.banner,
.wp-block-cover-image {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
 
/* Supprime les marges latérales dans le menu principal */
.wp-block-navigation a {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* --- NAV responsive : large par défaut, serré seulement sur laptop --- */
 
/* Valeurs confort (grands écrans ≥ 1440px) */
:root{
  --menu-gap: 1.1rem;      /* espace entre items */
  --menu-pad-x: 16px;      /* padding horizontal du lien */
  --menu-font: 1rem;       /* taille du texte */
}
 
/* Laptop “classique” ≤ 1366px */
@media (max-width:1366px){
  :root{
    --menu-gap: 0.65rem;
    --menu-pad-x: 10px;
    --menu-font: 0.97rem;
  }
}
 
/* Petits laptops ≤ 1200px (sécurité si ça frotte encore) */
@media (max-width:1200px){
  :root{
    --menu-gap: 0.55rem;
    --menu-pad-x: 8px;
    --menu-font: 0.95rem;
  }
}
 
/* Application des variables au menu */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content{
  margin:0 !important;                    /* évite l’overflow millimétrique */
  padding-left: var(--menu-pad-x) !important;
  padding-right: var(--menu-pad-x) !important;
  font-size: var(--menu-font) !important;
}
.wp-block-navigation ul{
  gap: var(--menu-gap) !important;
  flex-wrap: nowrap;                       /* on garde tout sur une ligne */
}
 
/* Anti-barre de défilement horizontale résiduelle */
html, body, .wp-site-blocks{ overflow-x:hidden; }

hr {
  height: 2px !important;
  border: none !important;
  background: linear-gradient(90deg, #d4af37 0%, #e8d68a 30%, #d4af37 60%, #b89729 100%);
  background-size: 200% 100%;
  animation: subtleGold 3s ease-in-out infinite;
  border-radius: 1px;
  opacity: 0.5;
}
 
@keyframes subtleGold {
  0% { background-position: 200% 0; }
  50% { background-position: 100% 0; }
  100% { background-position: -200% 0; }
}

/* Couleur or crème ultra claire pour les titres d’accordéon */
.wp-block-coblocks-accordion-item__title {
  background-color: #fefbf3 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 14px 18px !important;
  color: #1f1901 !important; /* couleur du texte */
  box-shadow: none !important;
}
 
/* Hover légèrement plus chaud */
.wp-block-coblocks-accordion-item__title:hover {
  background-color: #f8eed7 !important;
}
 
/* Couleur quand l'accordéon est ouvert */
.wp-block-coblocks-accordion-item.is-open .wp-block-coblocks-accordion-item__title {
  background-color: #fefbf3 !important;
  color: #1f1901 !important; /* re-affirmation */
}
 
/* Contenu interne : fond or crème + filet or */
.wp-block-coblocks-accordion-item__content {
  background-color: #fefbf3 !important;
  border: 1px solid #f5e7c9 !important; /* filet or clair */
  padding: 16px 20px !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: none !important;
  color: #1f1901 !important; /* couleur du texte pour les réponses */
}
 
/* Supprimer complètement l'outline pointillé */
.wp-block-coblocks-accordion-item__title,
.wp-block-coblocks-accordion-item__title:focus,
.wp-block-coblocks-accordion-item__title:active {
  outline: none !important;
  box-shadow: none !important;
}
 
/* Flèche centrée */
.wp-block-coblocks-accordion-item__title svg {
  vertical-align: middle !important;
  fill: #666 !important;
}

/* ============================= */
/*   STICKY / FIXED MENU LOGIC   */
/* ============================= */

/* HOME : menu normal dans le parallaxe au début */
body.home nav.wp-block-navigation {
  position: relative !important;
  top: auto !important;
  background-color: #1F1901 !important;
  z-index: 5 !important;
}

/* HOME : après scroll, menu fixé en haut */
body.home.scrolled nav.wp-block-navigation {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  background-color: #1F1901 !important;
}

/* PAGES INTÉRIEURES : menu fixé en haut dès le départ */
body:not(.home) nav.wp-block-navigation {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  background-color: #1F1901 !important;
}

/* Décaler le contenu pour ne pas passer sous le menu sur les pages intérieures */
body:not(.home) .wp-site-blocks > main,
body:not(.home) main {
  padding-top: 80px !important; /* ajuste si besoin selon la hauteur réelle du menu */
}

/* Fond du menu mobile ouvert */
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content {
  background-color: #1F1901 !important;
}
/* === MOBILE : BOUTON MENU AVEC FLÈCHE DORÉE FINE → MENU === */
@media (max-width: 782px){

  /* Bouton d’ouverture du menu mobile */
  .wp-block-navigation__responsive-container-open {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* un poil plus d'espace entre flèche et MENU */
    padding: 6px 16px;
    border: 1px solid #d4af37;
    border-radius: 4px;
    background: transparent;
    color: #fefbf3;
  }

  /* On masque l’icône hamburger d’origine */
  .wp-block-navigation__responsive-container-open svg {
    display: none;
  }

  /* Flèche dorée fine qui pointe vers "MENU" */
  .wp-block-navigation__responsive-container-open::before {
    content: ">";              /* plus fin que le caractère précédent */
    font-size: 0.9rem;         /* un peu plus petit, donc plus fin */
    color: #d4af37;
    display: inline-block;
    animation: goldenArrowPulse 2.4s ease-in-out infinite;
  }

  /* Texte MENU en crème */
  .wp-block-navigation__responsive-container-open::after {
    content: "MENU";
    font-size: 0.9rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #fefbf3;
    white-space: nowrap;
  }
}

/* Petit scintillement doux façon kintsugi */
@keyframes goldenArrowPulse {
  0%, 100% {
    transform: translateX(0);
    opacity: 0.8;
    text-shadow: 0 0 0px rgba(212,175,55,0.0);
  }
  50% {
    transform: translateX(2px);
    opacity: 1;
    text-shadow: 0 0 4px rgba(212,175,55,0.6);
  }
}
/* MENU PRINCIPAL : TEXTE PLUS FIN, SANS GROSSIR LA TYPO */

/* Desktop / tablette : liens du menu plus fins et légèrement plus petits */
@media (min-width: 783px){
  .wp-block-navigation .wp-block-navigation-item__content {
    font-weight: 400 !important;   /* revient à "normal" au lieu de "medium" */
    font-size: 0.95rem !important; /* un chouïa plus petit si ton menu a grossi */
  }
}

/* Mobile : on garde la lisibilité mais on enlève l'effet "medium" si appliqué */
@media (max-width: 782px){
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content {
    font-weight: 400 !important;
  }
}
/* Ré-aligner le menu sticky comme avant (home scrolled + pages intérieures) */
body.home.scrolled nav.wp-block-navigation,
body:not(.home) nav.wp-block-navigation {
  box-sizing: border-box;
  padding-left: clamp(18px, 4vw, 40px) !important;
  padding-right: clamp(18px, 4vw, 40px) !important;
}
/* Logo à la place de l’icône Home dans le menu EN (kintsugi-spirit.com) */
.wp-block-navigation .wp-block-navigation-item:first-child > a.wp-block-navigation-item__content {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  padding: 0 !important;
  margin-left: 6px;
  margin-right: 16px;  /* espace avant “KINTSUGI” */
  background-image: url("https://kintsugi-spirit.com/wp-content/uploads/2025/11/kintsugi-spirit-logo-gold-Copie-Copie.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;   /* cache le caractère ⌂ */
  overflow: hidden;
}

/* Neutraliser l’effet texte-doré global sur la Home */
.wp-block-navigation .wp-block-navigation-item:first-child > a.wp-block-navigation-item__content:hover {
  background-image: url("https://kintsugi-spirit.com/wp-content/uploads/2025/11/kintsugi-spirit-logo-gold-Copie-Copie.png") !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: transparent !important;
  animation: none !important;
}

/* Éclair doré rond, centré sur le bol uniquement */
.wp-block-navigation .wp-block-navigation-item:first-child > a.wp-block-navigation-item__content::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22%;              /* comme ton réglage FR “qui ne déborde presque pas” */
  height: 50%;
  border-radius: 999px;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(248,232,180,0) 30%,
    rgba(248,232,180,0.9) 50%,
    rgba(248,232,180,0) 70%,
    transparent 100%
  );
  transform: translate(-50%, -50%) translateX(-130%);
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: screen;
}

/* Survol : éclair continu tant que la souris est dessus */
.wp-block-navigation .wp-block-navigation-item:first-child > a.wp-block-navigation-item__content:hover::before {
  opacity: 1;
  animation: bowl-shine-loop-en 1.3s linear infinite;
}

@keyframes bowl-shine-loop-en {
  0% {
    transform: translate(-50%, -50%) translateX(-130%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  80% {
    transform: translate(-50%, -50%) translateX(130%);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) translateX(150%);
    opacity: 0;
  }
}
/* Alignement du logo dans le menu mobile (FR + EN) */
@media (max-width: 782px) {
  .wp-block-navigation__responsive-container 
  .wp-block-navigation-item__content[href="https://esprit-kintsugi.com/"],
  .wp-block-navigation__responsive-container 
  .wp-block-navigation-item__content[href="https://kintsugi-spirit.com/"] {
    transform: translateX(6px);  /* décale très légèrement vers la droite */
  }
}
/* Sélecteur de langue mobile – site EN */
.lang-switcher-mobile {
  display: none; /* caché par défaut (desktop) */
}

/* Affichage uniquement sur mobile */
@media (max-width: 782px) {

  .lang-switcher-mobile {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 6px 16px;
    background-color: #1F1901;
    color: #fefbf3;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
  }

  /* Mot cliquable en doré intermédiaire */
  .lang-switcher-mobile a,
  .lang-switcher-mobile a:hover {
    color: #ECD27A !important;                 /* doré un peu plus clair que moutarde */
    text-decoration: none !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #ECD27A !important;
    animation: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Langue active (non cliquable) */
  .lang-switcher-mobile .lang-active {
    color: #fefbf3 !important;
    font-weight: 600;
  }
}
/* Force un fond opaque pour le menu quand l’appareil est en mode sombre */
@media (prefers-color-scheme: dark) {
  nav.wp-block-navigation,
  .wp-block-navigation__responsive-container,
  .wp-block-navigation__responsive-container-content {
    background-color: #1F1901 !important; /* ton marron opaque */
  }
}
/* Scrollbar dorée style Esprit Kintsugi */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d4af37; /* or doré clair */
    border-radius: 10px;
    border: 2px solid white;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #c5a12f; /* or légèrement plus chaud au survol */
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #d4af37 transparent;
}