/* 
 Theme Name: Taverne Saint Denis
 Theme URI: https://example.com/taverne-saint-denis
 Author: Pacôme & ChatGPT
 Author URI: https://example.com
 Description: Thème classique pour restaurant traditionnel, épuré, avec navigation gauche/droite et logo centré, compatible Gutenberg.
 Version: 0.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: taverne-saint-denis
*/

:root {
  --taverne-primary-red: #8b1c1c;
  --taverne-deep-green: #2f4f3a;
  --taverne-background: #f5f1e8;
  --taverne-text: #222222;
  --taverne-nav-text: #fdfdfd;
  --taverne-border-radius: 12px;

  /* Ces trois-là viennent de fonts.css */
  --taverne-font-display: "Pacifico", cursive;
  --taverne-font-heading: "Lora", serif;
  --taverne-font-body: "Flamenco", system-ui, sans-serif;
}

/* Reset léger */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--taverne-font-body);
  background-color: var(--taverne-background);
  color: var(--taverne-text);
  line-height: 1.6;
  overflow-x: hidden; /* évite un scroll horizontal parasite */
}

h1,
.taverne-site-title,
.taverne-news-card__title,
.taverne-nav-link a {
  font-family: var(--taverne-font-display);
}

h2,
h3,
h4 {
  font-family: var(--taverne-font-heading);
  color: #630009;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

p {
  font-weight: 300;
}

/* Layout de base */
.site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-main {
  flex: 1 0 auto;
  width: 100%;
}

.site-footer {
  flex-shrink: 0;
}


/* =====================================
   Layout global + alignements Gutenberg
   ===================================== */

/* Conteneur générique pour pages & articles */
.taverne-content-wrapper {
  max-width: 1200px;
  margin: 2.5rem auto;
  padding: 0 1.5rem;
}

/* Colonne par défaut ("Aucun" alignement) : ~800px */
.taverne-content-wrapper .entry-content > * {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* LARGE / alignwide : plus large, mais toujours dans 1200px */
.taverne-content-wrapper .entry-content > .alignwide,
.taverne-content-wrapper .entry-content > .wp-block[data-align="wide"],
.taverne-content-wrapper .entry-content .wp-block.alignwide {
  max-width: 1200px;
}

/* =====================================
   Pleine largeur / alignfull
   ===================================== */

/* Cas classiques dans l’entry-content */
.taverne-content-wrapper .entry-content > .alignfull,
.taverne-content-wrapper .entry-content > .wp-block[data-align="full"],
.taverne-content-wrapper .entry-content .wp-block.alignfull,
.taverne-content-wrapper .entry-content .alignfull,
.entry-content .alignfull,
.entry-content .wp-block.alignfull,
.wp-block.alignfull,
.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* =========================
   Header / Navigation
   ========================= */

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
}

/* Forcer la bonne police sur les liens de navigation */
.taverne-nav-left .menu a,
.taverne-nav-right .menu a,
.taverne-mobile-nav .menu a {
  font-family: var(--taverne-font-display);
}

.taverne-nav-bar {
  background-color: var(--taverne-primary-red);
  color: var(--taverne-nav-text);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: visible; /* pour laisser déborder le cercle du logo */
}
/* Petite bordure tartan verte sous la barre de nav */
.taverne-nav-bar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 5px;
  background-image: url("/wp-content/themes/taverne-saint-denis/assets/images/green-tartan.png");
  background-repeat: repeat-x;
  background-size: auto -2px;
  pointer-events: none;
  z-index: 1;
}

.taverne-nav-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  max-height: 65px;
}

.taverne-nav-left,
.taverne-nav-right {
  flex: 1 1 1;
}

.taverne-nav-left .menu,
.taverne-nav-right .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5rem; /* espace entre les liens de menu */
}

.taverne-nav-left {
  justify-content: flex-start;
}

.taverne-nav-right {
  justify-content: flex-end;
}

.taverne-nav-link a {
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  padding: 0.35rem 0;
  border-bottom: 2px solid transparent;
}

.taverne-nav-link a:hover,
.taverne-nav-link a:focus,
.taverne-nav-link.current-menu-item > a {
  border-color: rgba(255, 255, 255, 0.7);
}

/* Logo centré + boursouflure */

.taverne-nav-logo {
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  top: 20px;
  text-align: center;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
}

/* Disque rouge un poil plus grand */
.taverne-nav-logo::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--taverne-primary-red);
  z-index: -1;
}

/* Anneau tartan vert derrière le disque rouge */
.taverne-nav-logo::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-image: url("/wp-content/themes/taverne-saint-denis/assets/images/green-tartan.png");
  background-repeat: repeat;
  background-size: auto -2px;
  z-index: -2;
}


.custom-logo-link,
.taverne-nav-logo a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.custom-logo {
  max-height: 80px;
  width: auto;
  height: auto;
}

.taverne-site-title {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Version mobile du cercle (plus petit) */
@media (max-width: 768px) {
  .taverne-nav-logo::before {
    width: 90px;
    height: 90px;
  }
}

/* Bouton burger mobile */

.taverne-nav-toggle {
  display: none;
  background: none;
  border: none;
  color: var(--taverne-nav-text);
  cursor: pointer;
  padding: 0.35rem;
  margin-left: 0.5rem;
}

.taverne-nav-toggle-bars {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}

.taverne-nav-toggle-bars span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: currentColor;
}

/* Menu mobile */

.taverne-mobile-nav {
  display: none;
  background-color: #393f21;
  color: var(--taverne-nav-text);
}

.taverne-mobile-nav-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 1.5rem;
}

.taverne-mobile-nav .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.taverne-mobile-nav .taverne-nav-link a {
  border: none;
}

/* Affichage mobile : on masque les menus gauche/droite, on montre le burger */

@media (max-width: 768px) {
  .taverne-nav-left,
  .taverne-nav-right {
    display: none;
  }
  .taverne-nav-toggle {
    display: inline-block;
  }
  .taverne-nav-logo {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  .taverne-mobile-nav.is-open {
    display: block;
  }
}

/* =========================
   Boutons (génériques)
   ========================= */

/* Base commune à tous les boutons */
.button,
.wp-block-button__link,
.taverne-button,
.taverne-news-card__button,
.taverne-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 1.4rem;
  cursor: pointer;
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: none;
  text-decoration: none;
  position: relative;
  border-radius: 8px;
  border: none;         
  background-color: #ffffff00;
  color: #2D2D2D;
  overflow: hidden;  }       

/* Coin haut-gauche : reprend la logique de taverne-news-border--top + --left */
.button::before,
.wp-block-button__link::before,
.taverne-button::before,
.taverne-news-card__button::before,
.taverne-hero__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 40%;
  pointer-events: none;
  background-image: url("/wp-content/themes/taverne-saint-denis/assets/images/red-tartan.png");
  background-repeat: repeat;
  background-size: auto 70px;
  clip-path: polygon(
    0 0,    
    100% 0%, 
    0 80%  
  );
}

/* Coin bas-droit */
.button::after,
.wp-block-button__link::after,
.taverne-button::after,
.taverne-news-card__button::after,
.taverne-hero__button::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40%;
  height: 40%;
  pointer-events: none;
  background-image: url("/wp-content/themes/taverne-saint-denis/assets/images/green-tartan.png");
  background-repeat: repeat;
  background-size: auto 70px;
  clip-path: polygon(
    100% 20%,   
    100% 100%,
    0 100%   
  );
}

/* Variante “plein” (style fill / primary) :
   on ajoute un fond rouge sous les triangles */
.taverne-hero__button--primary,
.button.is-style-fill {
  background-color: url("/wp-content/themes/taverne-saint-denis/assets/images/green-tartan.png");
  color: #2D2D2D;
}

/* Hover : fond tartan VERT, triangles rouges conservés par-dessus */
.button:hover,
.wp-block-button__link:hover,
.taverne-button:hover,
.taverne-news-card__button:hover,
.taverne-hero__button:hover,
.taverne-hero__button--primary:hover {
  background-color:#f3e1b6c4;
  background-repeat: repeat;
  background-size: auto 47px;
  color: #ffffff;
  text-decoration: none;
  filter: brightness(1.02);
}


/* =========================
   Tartan: classes utilitaires
   ========================= */

.taverne-tartan-border-all {
  border-width: 7px;
  border-style: solid;
  border-image-source: url("/wp-content/themes/taverne-saint-denis/assets/images/red-tartan.png");
  border-image-slice: 30;
  border-image-repeat: round;
  border-radius: 999px;
}

/* =========================
   FOOTER GLOBAL
   ========================= */

.site-footer {
  margin-top: 3rem;
  color: #eee;
  width: 100%;
}

/* ---------- FOOTER 1 : zone widget avec image de fond ---------- */

.taverne-footer-top {
  position: relative;
  background-color: #111; /* fallback si pas d'image */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2.5rem 1.5rem 2rem;
}

.taverne-footer-top-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.taverne-footer-inner {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
}

/* Contenu du widget (tu gérereras les colonnes avec Stackable / Spectra) */
.taverne-footer-widgets {
  color: #f5f5f5;
}

.taverne-footer-widgets a {
  color: #ffffff;
  text-decoration: none;
}

.taverne-footer-widgets a:hover {
  text-decoration: underline;
}

/* ---------- FOOTER 2 : bande basse, non paramétrable ---------- */

.taverne-footer-bottom {
  background-color: #510f0e;
}

.taverne-footer-bottom-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.75rem 1.5rem;
  display: flex;
  justify-content: space-between;  /* gauche = logo2, droite = logo principal + signature */
  align-items: center;
  gap: 1rem;
}

/* Logo gauche */
.taverne-footer-bottom-left img {
  max-height: 40px;
  width: auto;
  display: block;
}

/* Zone droite : logo principal + signature */
.taverne-footer-bottom-right, .taverne-footer-bottom-left{
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

/* le_custom_logo rend déjà une balise <img>, on ajuste juste */
.taverne-footer-bottom-logo img {
  max-height: 40px;
  width: auto;
  display: block;
}

.taverne-footer-bottom-signature {
  font-size: 0.8rem;
  opacity: 0.85;
  white-space: nowrap;
}

.taverne-footer-bottom-signature a {
  color: #ffffff;
  text-decoration: none;
}

.taverne-footer-bottom-signature a:hover {
  text-decoration: underline;
}

/* Responsive footer bottom */
@media (max-width: 600px) {
  .taverne-footer-bottom-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .taverne-footer-bottom-right {
    align-items: center;
    justify-content: flex-start;
  }
}


/* Utilitaires accessibilité */

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* =========================
   Cartes d’actualités
   ========================= */

.taverne-news-card {
  position: relative;
  background-color:#f3deaf9e;
  border-radius: 18px;
  overflow: hidden;
  margin: 1.75rem 0;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* bandes tartan décoratives */
.taverne-news-border {
  position: absolute;
  pointer-events: none;
  background-image: url("/wp-content/themes/taverne-saint-denis/assets/images/red-tartan.png");
  background-repeat: repeat;
}

/* haut : triangle qui s'affine vers le centre (épais au coin haut-gauche, 0 au milieu) */
.taverne-news-border--top {
  top: 0;
  left: 0;
  height: 14px;
  width: 40%;
  background-repeat: repeat-x;
  background-size: auto 70px;
  clip-path: polygon(
    0 0,      /* coin haut gauche, épaisseur max */
    100% 0,   /* coin haut droit (ligne fine) */
    0 100%    /* bas gauche → 0 au bout */
  );
}

/* gauche : triangle qui s'affine vers le bas (épais en haut, 0 en bas) */
.taverne-news-border--left {
  top: 0;
  left: 0;
  width: 14px;
  height: 40%;
  background-repeat: repeat-y;
  background-size: 70px auto;
  clip-path: polygon(
    0 0,       /* haut gauche */
    100% 0,    /* haut droite, épaisseur max */
    0 100%     /* bas gauche → 0 */
  );
}

/* bas : triangle qui s'affine vers le centre (épais au coin bas-droit, 0 au milieu) */
.taverne-news-border--bottom {
  bottom: 0;
  right: 0;
  height: 14px;
  width: 40%;
  background-repeat: repeat-x;
  background-size: auto 70px;
  background-position: bottom right;
  clip-path: polygon(
    100% 0,    /* haut droit */
    100% 100%, /* bas droit, épaisseur max */
    0 100%     /* bas gauche → 0 */
  );
}

/* droite : triangle qui s'affine vers le haut (épais en bas, 0 en haut) */
.taverne-news-border--right {
  bottom: 0;
  right: 0;
  width: 14px;
  height: 40%;
  background-repeat: repeat-y;
  background-size: 70px auto;
  background-position: bottom right;
  clip-path: polygon(
    100% 0,    /* haut droit → 0 */
    100% 100%, /* bas droit, épaisseur max */
    0 100%     /* bas gauche */
  );
}

/* image en haut, bord à bord */
.taverne-news-card__thumb {
  line-height: 0;
}

.taverne-news-card__thumb img {
  display: block;
  width: 100%;
  height: auto;
}

/* corps de la carte */
.taverne-news-card__body {
  padding: 1.5rem 1.75rem 1.75rem;
  flex: 1 1 auto;
}

.taverne-news-card__header {
  margin-bottom: 0.75rem;
}

.taverne-news-card__title {
  font-size: 1.35rem;
  margin: 0 0 0.4rem;
  font-weight: 700;
}

.taverne-news-card__title a {
  text-decoration: none;
}

.taverne-news-card__title a:hover {
  text-decoration: underline;
}

/* meta */
.taverne-news-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.9rem;
  color: #7a5a40;
}

.taverne-news-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.taverne-news-card__meta-item i {
  font-size: 0.9rem;
}

/* excerpt */
.taverne-news-card__excerpt {
  margin-top: 0.75rem;
  font-size: 0.95rem;
}

/* footer du bouton (layout seulement, le style du bouton vient du bloc générique) */
.taverne-news-card__footer {
  margin-top: 1.1rem;
}

.taverne-news-card__button {
  /* style graphique géré plus haut (bloc boutons génériques) */
}

@media (max-width: 600px) {
  .taverne-news-card__body {
    padding: 1.2rem 1.25rem 1.35rem;
  }

  .taverne-news-card__title {
    font-size: 1.15rem;
  }
}

/* Grille des articles pour archive.php */
.taverne-posts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

@media (max-width: 1024px) {
  .taverne-posts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .taverne-posts-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================
   HERO ACCUEIL – IMAGE PLEIN ÉCRAN
   ========================== */

.taverne-hero {
  position: relative;
  min-height: calc(100vh - 90px); /* remplie le reste de l’écran sous la nav */
  color: #ffffff;
  display: flex;
  align-items: stretch;
  overflow: hidden;
}

/* Image de fond */
.taverne-hero__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

/* Si pas d’image → fond sombre par défaut */
.taverne-hero:not(:has(.taverne-hero__bg)) {
  background: radial-gradient(circle at top left,
    rgba(0, 0, 0, 0.25),
    rgba(0, 0, 0, 0.8)
  );
}

/* Overlay pour garder le texte lisible */
.taverne-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
  90deg,
  rgba(0, 0, 0, 0.25) 0%,
  rgba(0, 0, 0, 0.08) 40%,
  rgba(0, 0, 0, 0) 100%
);
  z-index: 1;
}

/* Grille 40/60 */
.taverne-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  display: grid;
  grid-template-columns: 2fr 2fr; 
  gap: 2.5rem;
  align-items: center;
  width: 100%;
}

.taverne-hero__col {
  min-width: 0;
}

/*.taverne-hero__col--left {
  max-width: 480px;
}*/

/* Titre & texte hero */
.taverne-hero__title {
  margin: 0 0 1rem;
  font-size: clamp(2.3rem, 3vw, 3rem);
  line-height: 1.1;
  font-family: var(--taverne-font-display);
}

.taverne-hero__text {
  font-size: 1rem;
  line-height: 1.6;
 
}

/* Boutons hero (layout – style via bloc boutons génériques) */
.taverne-hero__buttons {
  margin-top: 1.5rem;
  float:right;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.taverne-hero__button {
  /* style graphique déjà défini dans le bloc de boutons génériques */
}

/* Bouton principal – plein (déjà redéfini plus haut, on garde juste comportement) */
.taverne-hero__button--primary {
  /* background: url("/wp-content/themes/taverne-saint-denis/assets/images/red-tartan.png"); */
  color:#fff;
  background:none;
  background-size: 70px;
}

/* Bouton secondaire – contour (style principal géré via le bloc générique) */
.taverne-hero__button--secondary {
 background:none;
 color:#fff;
  /* background: url("/wp-content/themes/taverne-saint-denis/assets/images/green-tartan.png");
  
  background-size: 60px; */
}

.taverne-hero__button--primary:hover{
  background: url("/wp-content/themes/taverne-saint-denis/assets/images/green-tartan.png");
  background-size: 70px;
}

/* Bouton secondaire – contour (style principal géré via le bloc générique) */
.taverne-hero__button--secondary:hover{
  background: url("/wp-content/themes/taverne-saint-denis/assets/images/red-tartan.png");
  background-size: 70px;
}

/* Colonne droite (60%) – dispo pour future image / contenu */
.taverne-hero__col--right {
  /* vide pour l’instant */
}

/* Contenu sous le hero (page accueil classique) */
.taverne-front-content {
  max-width: 1200px;
  margin: 3rem auto 2rem;
  padding: 0 1.5rem;
}

/* Responsive hero */
@media (max-width: 900px) {
  .taverne-hero {
    min-height: 70vh;
  }

  .taverne-hero__inner {
    grid-template-columns: 1fr;
    gap: 1.75rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .taverne-hero__col--left {
    max-width: none;
  }

  .taverne-hero__col--right {
    display: none;
  }
}


/*Appel*/



/* =========================
   Layout du contenu (pages / articles / archives)
   ========================= */

.page .entry-content,
.single .entry-content {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 1.5rem;
}

/* Liste d’articles ou archives : on centre aussi le bloc principal */
.blog .site-main,
.archive .site-main {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 1.5rem;
}

/* =========================
   Carte générique pour blocs Gutenberg
   ========================= */

.taverne-block-card {
  position: relative;
  background-color:#f3e1b6c4;
  border-radius: 18px;
  padding: 1.5rem 1.75rem 1.75rem;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  overflow: hidden;           /* important : arrondit aussi l'intérieur */
  z-index: 0;                 /* pour que les pseudo-éléments se placent au-dessus */
}

/* bandes tartan décoratives, réutilisables sur n'importe quel bloc */
.taverne-block-card::before,
.taverne-block-card::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  background-image: url("/wp-content/themes/taverne-saint-denis/assets/images/red-tartan.png");
  background-repeat: repeat;
  z-index: 1;
}

/* HAUT-DROITE : bande verticale qui s'affine vers le bas */
.taverne-block-card::before {
  top: 0;
  right: 0;
  width: 14px;
  height: 40%;
  background-position: top right;
  background-repeat: repeat-y;

  clip-path: polygon(
    100% 0,    /* coin haut droit : épaisseur max */
    100% 100%, /* bas droit : 0 */
    0 0        /* haut gauche : fin */
  );
}

/* BAS-GAUCHE : bande verticale qui s'affine vers le haut */
.taverne-block-card::after {
  bottom: 0;
  left: 0;
  width: 14px;
  height: 40%;
  background-position: bottom left;
  background-repeat: repeat-y;

  clip-path: polygon(
    0 0,        /* haut gauche : 0 */
    0 100%,     /* bas gauche : épaisseur max */
    100% 100%   /* bas droite : fin */
  );
}

/* Réactiver les pseudo-éléments sur les blocs Stackable */
.stk-block.taverne-block-card::before,
.stk-block.taverne-block-card::after {
  content: "" !important;
}

/* =========================
   Formulaire de contact (CF7)
   ========================= */

.taverne-contact-form {
  max-width: 720px;
  margin: 2rem auto;
}

.taverne-form-button{
  background-image: url("/wp-content/themes/taverne-saint-denis/assets/images/red-tartan.png");
  border-radius:8px;
  color: #fff;
  border:none;
  padding:10px 20px;
}


.taverne-form-button:hover{
  background-image: url("/wp-content/themes/taverne-saint-denis/assets/images/green-tartan.png");
  border-radius:8px;
  color: #fff;
  border:none;
  padding:10px 20px;
}
/* Espacement entre les champs */
.taverne-contact-field {
  margin-bottom: 1.25rem;
}

/* Label */
.taverne-contact-label {
  display: block;
  font-family: var(--taverne-font-heading);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.35rem;
}

/* Champs texte + email */
.taverne-input,
.taverne-textarea,
.taverne-contact-form input[type="text"],
.taverne-contact-form input[type="email"],
.taverne-contact-form textarea {
  width: 100%;
  padding: 0.65rem 0.8rem;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.18);
  background-color: #fffaf1;
  font-family: var(--taverne-font-body);
  font-size: 0.7rem;
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
}

/* Focus */
.taverne-input:focus,
.taverne-textarea:focus,
.taverne-contact-form input[type="text"]:focus,
.taverne-contact-form input[type="email"]:focus,
.taverne-contact-form textarea:focus {
  border-color: var(--taverne-primary-red);
  box-shadow: 0 0 0 1px rgba(139, 28, 28, 0.2);
}

/* Textarea plus haut */
.taverne-textarea,
.taverne-contact-form textarea {
  min-height: 150px;
  resize: vertical;
}

/* Zone du bouton */
.taverne-contact-actions {
  margin-top: 1.5rem;
  text-align: right;
}

/* Messages d’erreur CF7 */
.taverne-contact-form .wpcf7-not-valid-tip {
  font-size: 0.8rem;
  color: #a32020;
  margin-top: 0.25rem;
}

.taverne-contact-form .wpcf7-response-output {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-size: 0.7rem;
}

/* Succès */
.taverne-contact-form .wpcf7-response-output.wpcf7-mail-sent-ok {
  border: 1px solid #3c7a3c;
  background-color: #f0f9f0;
  color: #234d23;
}

/* Erreur globale */
.taverne-contact-form .wpcf7-response-output.wpcf7-validation-errors,
.taverne-contact-form .wpcf7-response-output.wpcf7-mail-sent-ng {
  border: 1px solid #a32020;
  background-color: #fdf1f1;
  color: #5c1515;
}
/* Champs de formulaire sombres pour le contact CF7 */
.taverne-input,
.taverne-textarea,
.taverne-contact-form input[type="text"],
.taverne-contact-form input[type="email"],
.taverne-contact-form textarea {
  width: 100%;
  padding: 0.65rem 0.8rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color:#42513a66; 
  font-family: var(--taverne-font-body);
  font-size: 0.95rem;
  color: #ffffff; /* texte saisi en blanc */
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
}

/* Placeholder en blanc adouci */
.taverne-contact-form input::placeholder,
.taverne-contact-form textarea::placeholder,
.taverne-input::placeholder,
.taverne-textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* Focus : bord rouge taverne mais fond sombre conservé */
.taverne-input:focus,
.taverne-textarea:focus,
.taverne-contact-form input[type="text"]:focus,
.taverne-contact-form input[type="email"]:focus,
.taverne-contact-form textarea:focus {
  border-color: var(--taverne-primary-red);
  box-shadow: 0 0 0 1px rgba(139, 28, 28, 0.4);
}
.taverne-contact-row {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;      /* pour que ça passe en colonne sur mobile */
}

.taverne-contact-row .taverne-contact-field {
  flex: 1 1 0;
}


/* =========================
   Single Event – carte Taverne avec tartan sur les côtés
   ========================= */

.tribe-events-single {
  position: relative;
  max-width: 1200px;
  margin: 2rem auto;
  padding: 2.5rem 2.75rem 3rem; /* >> plus de respiration partout */
  background-color: #f7eeda;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  overflow: hidden;        /* arrondit aussi l’intérieur */
  z-index: 0;
}

/* bandes tartan décoratives sur les CÔTÉS */
.tribe-events-single::before,
.tribe-events-single::after {
  content: "";
  position: absolute;
  pointer-events: none;
  background-image: url("/wp-content/themes/taverne-saint-denis/assets/images/red-tartan.png");
  background-repeat: repeat;
  background-size: 14px 70px;  /* motif plus “long” : 70px */
  z-index: 1;
}

/* bande gauche, qui descend depuis le haut (40% de la hauteur) */
.tribe-events-single::before {
  top: 0;
  left: 0;
  width: 14px;
  height: 40%;
}

/* bande droite, qui monte depuis le bas (40% de la hauteur) */
.tribe-events-single::after {
  bottom: 0;
  right: 0;
  width: 14px;
  height: 40%;
}