/* BULLES A-PROPOS - Ajout depuis a-propos.css */
.section__desc.bulle-beige {
  background: color-mix(in srgb, var(--beige-clair) 85%, transparent);
  border: 1px solid var(--beige-bulle);
  border-radius: 12px;
  padding: 1em 1.2em;
  margin: 1.2em 0;
  box-sizing: border-box;
  box-shadow: 0 2px 14px 0 color-mix(in srgb, var(--marron) 10%, transparent);
  font-family: 'Saira Semi Condensed', Arial, sans-serif;
  font-size: 1.06em;
  color: var(--marron) !important;
}
.section__desc.bulle-marron {
  background: color-mix(in srgb, var(--marron) 12%, transparent);
  border: 1px solid var(--marron-bulle);
  border-radius: 12px;
  padding: 1em 1.2em;
  margin: 1.2em 0;
  box-sizing: border-box;
  box-shadow: 0 2px 14px 0 rgba(45, 26, 13, 0.10);
  font-family: 'Saira Semi Condensed', Arial, sans-serif;
  font-size: 1.06em;
  color: var(--beige-bulle);
}
/* BULLES OBJET - Ajout depuis hero-objet.css */
.section--presentation-livre .section__desc.bulle-marron {
  background: color-mix(in srgb, var(--marron) 30%, transparent);
  border: 1px solid var(--marron);
  border-radius: 18px;
  padding: 1em 1.2em;
  margin: 1.2em 0;
  box-sizing: border-box;
  box-shadow: 0 2px 14px 0 color-mix(in srgb, var(--marron) 25%, transparent);
  font-family: 'Saira Semi Condensed';
  font-size: 1.16em;
  color: var(--beige-section);
}
.section--choix-livre .section__desc {
  margin-bottom: 15px;
}
.section--choix-livre {
  margin-top: -88px;
}
/* BULLES FEMMESLITT - Ajout depuis hero-femmeslitt.css */
.bulle-desc {
  background: var(--beige-clair);
  opacity: 0.8;
  border-radius: 18px;
  padding: 0em 1em;
  margin: 1.7em auto 2em auto;
  text-align: center;
  font-family: 'Saira SemiCondensed', serif;
  font-size: 1.15em;
  font-style: italic;
  color: var(--beige-clair);
  max-width: 370px;
  width: 90%;
}
/* BULLES HERO ECRAN - Ajout depuis hero-ecran.css */
.court-metrage-bulle {
  position: relative;
  border-radius: 9px;
  border: 1.5px solid var(--marron);
  max-width: 340px;
  width: 100%;
  color: var(--beige-bulle);
  font-family: 'Saira SemiCondensed', 'Arial', serif;
  font-size: 1.01em;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--marron) 30%, transparent);
  padding: 1.1em 1.1em 1.1em 1.1em;
  margin: 1.2em auto 2em auto;
  overflow: hidden;
  background: none;
}
.court-metrage-bulle::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--marron-foncé);
  opacity: 0.3;
  border-radius: 10px;
  z-index: 0;
  pointer-events: none;
}
/* Bulle citation style */
.bulle-citation {
  border-radius: 8px;
  padding: 1.2em 1.5em 1em 1.5em;
  margin: 0.2em 0 0.2em 0;
  max-width: 600px;
  color: var(--marron-bulle);
  font-family: 'Baskervville', serif;
  font-size: 1.18em;
  position: relative;
}
.bulle-citation::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--beige-bulle);
  opacity: 0.6;
  border-radius: 8px;
  z-index: 0;
  pointer-events: none;
  display: block;
}
.bulle-citation > *, .bulle-ref > * {
  position: relative;
  z-index: 1;
}
.bulle-citation__quote {
  display: block;
  font-style: italic;
  margin-bottom: 0.7em;
}
.bulle-citation__auteur {
  border-top: 2px solid var(--marron-bulle);
  padding-top: 0.3em;
  font-size: 0.98em;
  font-family: 'Saira SemiCondensed', sans-serif;
  color: var(--marron-bulle);
}

/* Bulle référence style */
.bulle-ref {
  border-radius: 8px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.13);
  border: 1px solid var(--marron-bulle-fonce);
  padding: 1.2em 1.5em 1em 1.5em;
  margin: 1.2em 0 1.2em 0;
  max-width: 600px;
  font-size: 1.08em;
  position: relative;
  background: var(--marron-bulle);
  opacity: 0.8;
}

.bulle-ref::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.3;
  border-radius: 8px;
  z-index: 0;
  pointer-events: none;
  display: block;
}
.bulle-ref__titre {
  color: var(--beige-clair);
  font-family: 'Quicksand', sans-serif;
  font-size: 1.18em;
  margin-bottom: 0.3em;
  opacity: 0.5;
}
.bulle-ref__desc {
  margin-bottom: 0.5em;
  color: var(--beige-clair);
  opacity: 0.5;
}
.bulle-ref__source {
  color: var(--beige-bulle);
  font-size: 0.98em;
  opacity: 0.5;
}

.bulle-desc {
  background: var(--beige-clair);
  opacity: 0.8;
  border-radius: 18px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  padding: 0em 1em;
  margin: 1.7em auto 2em auto;
  text-align: center;
  font-family: 'Saira SemiCondensed', serif;
  font-size: 1.15em;
  font-style: italic;
  color: var(--marron-bulle-fonce);
  max-width: 370px;
  width: 90%;
}