/*
 Theme Name: Delphinewuest Child
 Theme URI: https://delphinewuest.ch
 Description: Divi child theme for the Foliokit migration — canvas and original styles.
 Author: Foliokit migration
 Template: Divi
 Version: 1.4.14
*/

/*
 * Foliokit-like layout: white background by default.
 * Some pages keep a full-page burgundy background.
 */
body.foliokit-mirror-page:not(.foliokit-contact-page):not(.foliokit-spectacles-page):not(.foliokit-compagnie-page):not(.foliokit-presse-page),
body.foliokit-mirror-page:not(.foliokit-contact-page):not(.foliokit-spectacles-page):not(.foliokit-compagnie-page):not(.foliokit-presse-page) #page-container {
  background-color: #fff !important;
}

body.foliokit-contact-page,
body.foliokit-contact-page #page-container,
body.foliokit-spectacles-page,
body.foliokit-spectacles-page #page-container,
body.foliokit-compagnie-page,
body.foliokit-compagnie-page #page-container,
body.foliokit-presse-page,
body.foliokit-presse-page #page-container {
  background-color: rgb(145, 39, 49) !important;
}

body.foliokit-mirror-page #main-content {
  background-color: transparent !important;
}

body.foliokit-mirror-page .et_pb_section,
body.foliokit-mirror-page .et_pb_row,
body.foliokit-mirror-page .et_pb_column,
body.foliokit-mirror-page .et_pb_text {
  background-color: transparent !important;
}

/* Divi header / footer: not present on the source site. */
body.foliokit-mirror-page #main-header,
body.foliokit-mirror-page #top-header,
body.foliokit-mirror-page #main-footer,
body.foliokit-mirror-page .et-l--footer {
  display: none !important;
}

body.foliokit-mirror-page.et_fixed_nav #page-container,
body.foliokit-mirror-page.et_fixed_nav.et_show_nav #page-container {
  padding-top: 0 !important;
}

body.foliokit-mirror-page.et_fixed_nav {
  padding-top: 0 !important;
}

@media (max-width: 980px) {
  body.foliokit-mirror-page #page-container {
    padding-top: 0 !important;
  }
}

/* Center the canvas in the viewport (Foliokit reference: block centered on white). */
body.foliokit-mirror-page #page-container {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh;
  min-height: 100dvh;
  box-sizing: border-box;
}

body.foliokit-mirror-page #et-main-area {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
  min-height: 0;
  width: 100%;
}

/* Contact: main area fills height to center the card (avoids the block stuck at the top). */
body.foliokit-contact-page #et-main-area {
  flex: 1 1 auto !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  justify-content: center !important;
  align-items: center !important;
}

body.foliokit-mirror-page #main-content {
  flex: 0 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  padding-bottom: 0 !important;
}

body.foliokit-mirror-page article,
body.foliokit-mirror-page .entry-content {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.foliokit-mirror-page .et-l--post {
  width: 100%;
}

/* Section / row / column: full width, no Divi gutter pushing the block left. */
body.foliokit-mirror-page .et_pb_section {
  padding: 0 !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.foliokit-mirror-page .et_pb_row {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  justify-content: center !important;
}

body.foliokit-mirror-page .et_pb_column {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

body.foliokit-mirror-page .foliokit-canvas-host .et_pb_text_inner {
  display: flex;
  justify-content: center;
  width: 100%;
}

body.foliokit-mirror-page .foliokit-canvas-host.et_pb_text_align_left {
  text-align: center !important;
}

/* Legacy Divi container: 80% width + top padding → misalignment. */
body.et_divi_theme.foliokit-mirror-page #main-content .container,
.et_pb_section_0 {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}

body.page-template-default.et_divi_theme #page-container {
  padding-top: 0 !important;
}

.foliokit-canvas-host .et_pb_row,
.foliokit-canvas-host .et_pb_column {
  padding: 0 !important;
  margin: 0 auto !important;
}

.component.cp_canvas {
  margin-left: auto !important;
  margin-right: auto !important;
}

/*
 * Divi sets ~1.7em line-height on body; with Foliokit fixed heights (often 20px)
 * and overflow:hidden, text is clipped. Restore line metrics consistent with the
 * fetch (cp_text / menus) across the canvas.
 */
body.foliokit-mirror-page .component.cp_canvas {
  line-height: 1.2 !important;
}

body.foliokit-mirror-page .component.cp_canvas .component.cp_text,
body.foliokit-mirror-page .component.cp_canvas .component.cp_text * {
  line-height: 1.2 !important;
}

body.foliokit-mirror-page .component.cp_menu li a,
body.foliokit-mirror-page .component.cp_menu li li a,
body.foliokit-mirror-page .component.cp_menu li li li a {
  box-sizing: border-box !important;
  line-height: 20px !important;
  overflow: visible !important;
}

/* Hover state is often 16px in Foliokit CSS: the 20px box is not enough. */
body.foliokit-mirror-page .component.cp_menu li a:hover {
  min-height: 22px !important;
  height: auto !important;
  line-height: 1.15 !important;
}

body.foliokit-mirror-page .component.cp_label,
body.foliokit-mirror-page .component.cp_label * {
  line-height: 1.2 !important;
  overflow: visible !important;
}

/*
 * Contact: do NOT hide #id-component-10832 / 10833 — they are the burgundy bands above/below
 * where menu links are white; without them, white text on the canvas white background vanishes.
 */
body.foliokit-contact-page .component.cp_label {
  line-height: 1.35 !important;
  overflow: visible !important;
}

body.foliokit-contact-page .component.cp_menu ul::after {
  content: "";
  display: table;
  clear: both;
}

body.foliokit-contact-page .component.cp_menu ul li a {
  font-style: italic !important;
}

.foliokit-contact-flash {
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100001;
  margin: 0;
  padding: 10px 16px;
  background: #fff;
  color: #333;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 14px;
}

/*
 * tsé-tsé cie — Divi-native layout (bordeaux plein écran + carte blanche centrée, comme Foliokit).
 * Les règles .foliokit-mirror-page plus haut imposent fond blanc et transparence : on les annule ici.
 */
body.foliokit-mirror-page.foliokit-compagnie-native,
body.foliokit-mirror-page.foliokit-compagnie-native #page-container {
  background-color: rgb(145, 39, 49) !important;
}

body.foliokit-mirror-page.foliokit-compagnie-native #et-main-area {
  justify-content: center !important;
  align-items: center !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

body.foliokit-compagnie-native #main-content .entry-content {
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

body.foliokit-mirror-page.foliokit-compagnie-native .foliokit-compagnie-nav-top.et_pb_section {
  background-color: transparent !important;
}

body.foliokit-mirror-page.foliokit-compagnie-native .foliokit-compagnie-nav-top.et_pb_section {
  padding-top: 20px !important;
  padding-bottom: 8px !important;
}

body.foliokit-mirror-page.foliokit-compagnie-native .foliokit-compagnie-card.et_pb_section {
  background-color: #fff !important;
  max-width: 960px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}

body.foliokit-mirror-page.foliokit-compagnie-native .foliokit-compagnie-card .et_pb_row,
body.foliokit-mirror-page.foliokit-compagnie-native .foliokit-compagnie-card .et_pb_column,
body.foliokit-mirror-page.foliokit-compagnie-native .foliokit-compagnie-card .et_pb_text {
  background-color: #fff !important;
}

body.foliokit-mirror-page.foliokit-compagnie-native .foliokit-compagnie-card .foliokit-compagnie-row-main.et_pb_row {
  padding: 20px 24px 12px !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (min-width: 768px) {
  body.foliokit-mirror-page.foliokit-compagnie-native .foliokit-compagnie-card .foliokit-compagnie-row-main.et_pb_row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
  }

  body.foliokit-mirror-page.foliokit-compagnie-native
    .foliokit-compagnie-card
    .foliokit-compagnie-row-main
    .et_pb_column.et_pb_column_1_3 {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    float: none !important;
    margin-bottom: 0 !important;
  }

  body.foliokit-mirror-page.foliokit-compagnie-native
    .foliokit-compagnie-card
    .foliokit-compagnie-row-main
    .et_pb_column.et_pb_column_2_3 {
    width: 66.666667% !important;
    max-width: 66.666667% !important;
    flex: 0 0 66.666667% !important;
    float: none !important;
    margin-bottom: 0 !important;
  }

  body.foliokit-mirror-page.foliokit-compagnie-native
    .foliokit-compagnie-card
    .foliokit-compagnie-row-main.et_pb_row
    > .et_pb_column:first-child {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    float: none !important;
  }

  body.foliokit-mirror-page.foliokit-compagnie-native
    .foliokit-compagnie-card
    .foliokit-compagnie-row-main.et_pb_row
    > .et_pb_column:last-child {
    width: 66.666667% !important;
    max-width: 66.666667% !important;
    flex: 0 0 66.666667% !important;
    float: none !important;
  }
}

body.foliokit-compagnie-native .foliokit-compagnie-scroll {
  max-height: 220px;
  overflow-y: auto;
  padding-right: 10px;
  margin-bottom: 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: rgb(51, 51, 51);
}

body.foliokit-compagnie-native .foliokit-compagnie-scroll h2 {
  font-size: 14px;
  font-weight: 700;
  color: rgb(145, 39, 49);
  margin: 0 0 8px;
}

body.foliokit-compagnie-native .foliokit-compagnie-scroll p {
  margin: 0 0 1em;
}

body.foliokit-compagnie-native .foliokit-compagnie-equipe {
  margin-top: 16px;
  padding-top: 4px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: rgb(51, 51, 51);
}

body.foliokit-compagnie-native .foliokit-compagnie-equipe h2 {
  font-size: 14px;
  font-weight: 700;
  color: rgb(145, 39, 49);
  margin: 0 0 8px;
}

body.foliokit-compagnie-native .foliokit-compagnie-equipe p {
  margin: 0;
}

body.foliokit-compagnie-native .foliokit-contact-menus-top {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
}

body.foliokit-compagnie-native .foliokit-contact-menu-primary,
body.foliokit-compagnie-native .foliokit-contact-menu-secondary {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  justify-content: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.2;
}

body.foliokit-compagnie-native .foliokit-contact-menu-primary > li,
body.foliokit-compagnie-native .foliokit-contact-menu-secondary > li {
  position: relative;
}

body.foliokit-compagnie-native .foliokit-contact-menu-primary a,
body.foliokit-compagnie-native .foliokit-contact-menu-secondary a {
  color: #fff !important;
  text-decoration: none;
}

body.foliokit-compagnie-native .foliokit-contact-menu-primary > li.current > a {
  font-weight: 700;
}

body.foliokit-compagnie-native .foliokit-contact-submenu {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  margin: 0;
  padding: 8px 0;
  list-style: none;
  min-width: 220px;
  background: rgb(145, 39, 49);
  border: 1px solid rgba(255, 255, 255, 0.25);
  z-index: 30;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

body.foliokit-compagnie-native .foliokit-contact-menu-primary li:hover > .foliokit-contact-submenu,
body.foliokit-compagnie-native .foliokit-contact-menu-primary li:focus-within > .foliokit-contact-submenu {
  display: block;
}

body.foliokit-compagnie-native .foliokit-contact-submenu li {
  padding: 4px 12px;
}

body.foliokit-compagnie-native .foliokit-contact-submenu a {
  white-space: normal;
}

body.foliokit-compagnie-native .foliokit-compagnie-mouche img {
  display: block;
  max-width: 250px;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 767px) {
  body.foliokit-mirror-page.foliokit-compagnie-native .foliokit-compagnie-card .et_pb_row .et_pb_column {
    margin-bottom: 20px;
  }

  body.foliokit-compagnie-native .foliokit-compagnie-scroll {
    max-height: none;
  }
}

/* —— Accueil : bloc bordeaux centré (sans carte blanche) —— */
body.foliokit-mirror-page.foliokit-accueil-native:not(.foliokit-generic-native) .foliokit-accueil-wrap.et_pb_section {
  background-color: rgb(145, 39, 49) !important;
  max-width: 520px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 28px 24px 32px !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

body.foliokit-mirror-page.foliokit-accueil-native:not(.foliokit-generic-native) .foliokit-accueil-wrap .foliokit-accueil-inner.et_pb_text,
body.foliokit-mirror-page.foliokit-accueil-native:not(.foliokit-generic-native) .foliokit-accueil-wrap .foliokit-accueil-inner .et_pb_text_inner {
  background-color: transparent !important;
  margin: 0;
  padding: 0 !important;
  box-sizing: border-box;
}

body.foliokit-accueil-native:not(.foliokit-generic-native) .foliokit-accueil-menus ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  justify-content: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.2;
}

body.foliokit-accueil-native:not(.foliokit-generic-native) .foliokit-accueil-menu-b {
  margin-bottom: 24px !important;
}

body.foliokit-accueil-native:not(.foliokit-generic-native) .foliokit-accueil-menus a {
  color: #fff !important;
  text-decoration: none;
}

body.foliokit-accueil-native:not(.foliokit-generic-native) .foliokit-accueil-menus a:hover {
  text-decoration: underline;
}

body.foliokit-accueil-native:not(.foliokit-generic-native) .foliokit-accueil-img-wrap {
  margin: 0;
  text-align: center;
}

body.foliokit-accueil-native:not(.foliokit-generic-native) .foliokit-accueil-img-wrap img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

/* —— Pages generic + mirror/*-head.css (delphine, comédienne, spectacles, …) —— */
body.foliokit-mirror-page.foliokit-generic-native.foliokit-mirror-with-head #et-main-area {
  justify-content: center !important;
  align-items: center !important;
}

body.foliokit-mirror-page.foliokit-generic-native.foliokit-mirror-with-head .foliokit-generic-page.et_pb_section {
  padding: 24px 0 !important;
  background-color: transparent !important;
}

body.foliokit-mirror-page.foliokit-generic-native.foliokit-mirror-with-head .foliokit-generic-page .et_pb_row {
  width: 100% !important;
  max-width: 960px !important;
  padding: 0 !important;
}

body.foliokit-mirror-page.foliokit-generic-native.foliokit-mirror-with-head .foliokit-generic-page .et_pb_column {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

body.foliokit-mirror-page.foliokit-generic-native.foliokit-mirror-with-head .foliokit-generic-inner .et_pb_text_inner {
  padding: 0 !important;
  max-width: none !important;
  overflow: visible !important;
}

body.foliokit-generic-native.foliokit-mirror-with-head .foliokit-generic-canvas {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

/* Canvas Foliokit : hauteur mini pour que les composants position:absolute + images restent visibles. */
body.foliokit-generic-native.foliokit-mirror-with-head .foliokit-generic-canvas .component.cp_canvas {
  min-height: 500px;
  position: relative;
  width: 100%;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

body.foliokit-generic-native.foliokit-mirror-with-head .foliokit-generic-canvas img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

body.foliokit-generic-native.foliokit-mirror-with-head .foliokit-generic-canvas .component.cp_menu ul {
  list-style: none !important;
}

/* Annuler les styles globaux Divi (Open Sans, padding des <p>) qui décalent le miroir Foliokit. */
body.et_divi_theme.foliokit-mirror-with-head .foliokit-generic-inner.et_pb_text {
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.2 !important;
}

body.et_divi_theme.foliokit-mirror-with-head .foliokit-generic-canvas p {
  padding-bottom: 0 !important;
}

/* —— Contact (même carte 960px que Delphine ; police = Arial / héritage Divi, pas de monospace) —— */
body.foliokit-contact-native #main-content .entry-content {
  max-width: 960px !important;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box;
}

body.foliokit-mirror-page.foliokit-contact-native .foliokit-contact-card.et_pb_section {
  background-color: #fff !important;
  max-width: 960px !important;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}

body.foliokit-mirror-page.foliokit-contact-native .foliokit-contact-card .et_pb_row,
body.foliokit-mirror-page.foliokit-contact-native .foliokit-contact-card .et_pb_column,
body.foliokit-mirror-page.foliokit-contact-native .foliokit-contact-card .et_pb_text,
body.foliokit-mirror-page.foliokit-contact-native .foliokit-contact-card .et_pb_contact {
  background-color: #fff !important;
}

body.foliokit-mirror-page.foliokit-contact-native .foliokit-contact-card.et_pb_section {
  padding: 28px 16px !important;
}

body.foliokit-mirror-page.foliokit-contact-native .foliokit-contact-card .foliokit-contact-row-main--postcard.et_pb_row {
  padding: 0 !important;
  min-height: 370px;
  align-items: center !important;
}

body.foliokit-mirror-page.foliokit-contact-native .foliokit-contact-nav-top.et_pb_section {
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

/* Menu du haut : aligné sur le bord gauche de la zone contenu (comme la prod) */
body.foliokit-contact-native .foliokit-contact-nav-top .foliokit-contact-text .et_pb_text_inner {
  text-align: left !important;
  width: 100%;
  max-width: 960px !important;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 0 2px;
}

body.foliokit-contact-native .foliokit-contact-menus-top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

body.foliokit-contact-native .foliokit-contact-menus-top--primary-only {
  flex-direction: row;
  justify-content: flex-start;
}

body.foliokit-contact-native .foliokit-contact-menu-primary,
body.foliokit-contact-native .foliokit-contact-menu-secondary {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  justify-content: flex-start;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px;
  line-height: 1.35;
  text-transform: none;
  font-style: normal;
}

body.foliokit-contact-native .foliokit-contact-menu-primary > li,
body.foliokit-contact-native .foliokit-contact-menu-secondary > li {
  position: relative;
}

body.foliokit-contact-native .foliokit-contact-menu-primary a,
body.foliokit-contact-native .foliokit-contact-menu-secondary a {
  color: #fff !important;
  text-decoration: none;
  font-style: normal;
}

body.foliokit-contact-native .foliokit-contact-menu-secondary li.current a {
  font-weight: 700;
}

body.foliokit-contact-native .foliokit-contact-menu-in-card {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: flex-end;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  line-height: 1.35;
  text-transform: none;
  font-style: normal;
}

body.foliokit-contact-native .foliokit-contact-menu-in-card a {
  color: rgb(145, 39, 49) !important;
  text-decoration: none;
  font-style: normal;
}

body.foliokit-contact-native .foliokit-contact-in-card-nav {
  text-align: right;
  width: 100%;
  margin-top: 4px;
}

body.foliokit-contact-native .foliokit-contact-in-card-nav .et_pb_text_inner {
  width: 100%;
}

body.foliokit-contact-native .foliokit-contact-in-card-nav .et_pb_text_inner a:hover {
  text-decoration: underline;
}

body.foliokit-contact-native .foliokit-contact-submenu {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  margin: 0;
  padding: 8px 0;
  list-style: none;
  min-width: 220px;
  background: rgb(145, 39, 49);
  border: 1px solid rgba(255, 255, 255, 0.25);
  z-index: 30;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

body.foliokit-contact-native .foliokit-contact-menu-primary li:hover > .foliokit-contact-submenu,
body.foliokit-contact-native .foliokit-contact-menu-primary li:focus-within > .foliokit-contact-submenu {
  display: block;
}

body.foliokit-contact-native .foliokit-contact-submenu li {
  padding: 4px 12px;
}

body.foliokit-contact-native .foliokit-contact-submenu a {
  white-space: normal;
}

/* En-tête : adresse (g) + n° tél. (d) */
body.foliokit-contact-native .foliokit-contact-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px 20px;
  margin-bottom: 20px;
  color: #222;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px;
  line-height: 1.4;
  width: 100%;
  box-sizing: border-box;
  text-transform: none;
}

body.foliokit-contact-native .foliokit-contact-header p {
  margin: 0 0 4px;
}

body.foliokit-contact-native .foliokit-contact-suffix {
  font-weight: 400;
  opacity: 0.85;
  white-space: nowrap;
}

body.foliokit-contact-native .foliokit-contact-header__right,
body.foliokit-contact-native .foliokit-contact-header__left {
  flex: 0 1 auto;
  max-width: 48%;
}

body.foliokit-contact-native .foliokit-contact-header__right {
  text-align: right;
}

body.foliokit-contact-native .foliokit-contact-tel a {
  color: #333;
  text-decoration: none;
}

/* Logo : cercle bordeaux, plus grand (comme la prod) */
body.foliokit-contact-native .foliokit-contact-mouche .et_pb_image_wrap {
  display: flex;
  width: 260px;
  max-width: 100%;
  height: 260px;
  margin: 0 auto 0 0;
  border-radius: 50%;
  background: rgb(145, 39, 49);
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

body.foliokit-contact-native .foliokit-contact-mouche .et_pb_image_wrap img {
  display: block;
  width: 76%;
  height: auto;
  max-height: 76%;
  object-fit: contain;
}

/* Formulaire : même esprit que Delphine (Arial), contours fins, pas de gris Divi */
body.foliokit-contact-native .foliokit-contact-form {
  color: #222;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif !important;
  text-transform: none;
}

body.foliokit-contact-native .foliokit-contact-form p.et_pb_contact_field_title,
body.foliokit-contact-native .foliokit-contact-form label.et_pb_contact_field_title {
  margin: 0 0 4px;
  line-height: 1.35;
  font-size: 13px;
  font-weight: 400;
}

body.foliokit-contact-native .foliokit-contact-form p.et_pb_contact_field {
  margin: 0 0 10px;
}

/* E-mail : libellé et champ sur une même ligne (comme la prod) */
body.foliokit-contact-native .foliokit-contact-form .et_pb_contact_field_0 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}

body.foliokit-contact-native .foliokit-contact-form .et_pb_contact_field_0 .et_pb_contact_field_title,
body.foliokit-contact-native .foliokit-contact-form .et_pb_contact_field_0 > label {
  margin: 0;
  flex: 0 0 auto;
}

body.foliokit-contact-native .foliokit-contact-form .et_pb_contact_field_0 .input {
  flex: 1 1 200px;
  min-width: 180px;
  max-width: 100%;
  min-height: 28px;
  padding: 4px 8px;
}

body.foliokit-contact-native .foliokit-contact-form .et_pb_contact_field_1 {
  display: block;
}

body.foliokit-contact-native .foliokit-contact-form .et_pb_contact_field_1 .et_pb_contact_field_title {
  margin: 0 0 4px;
}

body.foliokit-contact-native .foliokit-contact-form .input,
body.foliokit-contact-native .foliokit-contact-form input[type="email"],
body.foliokit-contact-native .foliokit-contact-form input[type="text"],
body.foliokit-contact-native .foliokit-contact-form textarea {
  background: #fff !important;
  background-color: #fff !important;
  color: #333 !important;
  border: 1px solid #333 !important;
  border-radius: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-sizing: border-box;
}

body.foliokit-contact-native .foliokit-contact-form textarea {
  min-height: 120px;
  width: 100% !important;
  max-width: 100% !important;
  resize: vertical;
  padding: 6px 8px;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px;
}

body.foliokit-contact-native .foliokit-contact-form input[type="submit"],
body.foliokit-contact-native .foliokit-contact-form .et_pb_button,
body.foliokit-contact-native .foliokit-contact-form .et_pb_contact_message .et_pb_contact_submit,
body.foliokit-contact-native .foliokit-contact-form .et_pb_contact .et_button_no_bg {
  display: inline-block !important;
  margin: 12px 0 0;
  background: transparent !important;
  color: #222 !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  text-transform: none;
  text-decoration: none;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.35;
  border-radius: 0;
  padding: 0 0 1px;
  min-height: 0;
  cursor: pointer;
}

body.foliokit-contact-native .foliokit-contact-form input[type="submit"]:hover,
body.foliokit-contact-native .foliokit-contact-form .et_pb_contact_submit:hover {
  color: #000 !important;
  background: transparent !important;
}

body.foliokit-contact-native .foliokit-contact-form .et_pb_contact_right {
  text-align: left;
}

body.foliokit-contact-native .foliokit-contact-form .et_error_message,
body.foliokit-contact-native .foliokit-contact-form .et_pb_notices {
  font-size: 13px;
  text-transform: none;
}

body.foliokit-contact-native .foliokit-contact-form .et_pb_success_message,
body.foliokit-contact-native .foliokit-contact-form .et_pb_form_message,
body.foliokit-contact-native .foliokit-contact-form .et-pb-contact-message {
  text-transform: none;
}

@media (min-width: 768px) {
  body.foliokit-mirror-page.foliokit-contact-native
    .foliokit-contact-row-main--postcard.foliokit-contact-row-main.et_pb_row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  body.foliokit-mirror-page.foliokit-contact-native
    .foliokit-contact-row-main--postcard
    .et_pb_column.et_pb_column_1_3 {
    width: 38% !important;
    max-width: 38% !important;
    flex: 0 0 38% !important;
    float: none !important;
  }

  body.foliokit-mirror-page.foliokit-contact-native
    .foliokit-contact-row-main--postcard
    .et_pb_column.et_pb_column_2_3 {
    width: 62% !important;
    max-width: 62% !important;
    flex: 0 0 62% !important;
    float: none !important;
  }
}

@media (max-width: 767px) {
  body.foliokit-mirror-page.foliokit-contact-native .foliokit-contact-mouche .et_pb_image_wrap {
    margin: 0 auto 20px;
  }

  body.foliokit-contact-native .foliokit-contact-header {
    flex-direction: column;
  }

  body.foliokit-contact-native .foliokit-contact-header__right,
  body.foliokit-contact-native .foliokit-contact-header__left {
    max-width: 100%;
    text-align: left;
  }

  body.foliokit-contact-native .foliokit-contact-header__right {
    text-align: left;
  }
}

/* —— Pages miroir génériques (delphine, comédienne, etc.) —— */
body.foliokit-mirror-page.foliokit-generic-native #et-main-area {
  justify-content: flex-start !important;
}

body.foliokit-generic-native .foliokit-generic-page.et_pb_section {
  padding: 16px 0 !important;
}

body.foliokit-generic-native .foliokit-generic-canvas {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

body.foliokit-generic-native .foliokit-generic-canvas .component.cp_canvas {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* —— Créations / spectacles (Divi Gallery module, mode Slider) —— */
body.foliokit-mirror-page.foliokit-spectacles-native #et-main-area {
  flex: 1 1 auto !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  justify-content: center !important;
  align-items: center !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

body.foliokit-spectacles-native #main-content .entry-content {
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body.foliokit-mirror-page.foliokit-spectacles-native .foliokit-spectacles-card.et_pb_section {
  background-color: #fff !important;
  max-width: 960px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  padding: 0 !important;
}

body.foliokit-mirror-page.foliokit-spectacles-native .foliokit-spectacles-card .et_pb_row,
body.foliokit-mirror-page.foliokit-spectacles-native .foliokit-spectacles-card .et_pb_column,
body.foliokit-mirror-page.foliokit-spectacles-native .foliokit-spectacles-card .et_pb_text,
body.foliokit-mirror-page.foliokit-spectacles-native .foliokit-spectacles-card .et_pb_gallery {
  background-color: #fff !important;
}

body.foliokit-mirror-page.foliokit-spectacles-native .foliokit-spectacles-nav-top.et_pb_section {
  padding-top: 20px !important;
  padding-bottom: 8px !important;
}

body.foliokit-mirror-page.foliokit-spectacles-native .foliokit-spectacles-row-main.et_pb_row {
  padding: 20px 24px 12px !important;
}

body.foliokit-mirror-page.foliokit-spectacles-native .foliokit-spectacles-row-img.et_pb_row {
  padding: 0 24px 20px !important;
}

body.foliokit-spectacles-native .foliokit-contact-menus-top {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
}

body.foliokit-spectacles-native .foliokit-contact-menu-primary,
body.foliokit-spectacles-native .foliokit-contact-menu-secondary {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  justify-content: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.2;
}

body.foliokit-spectacles-native .foliokit-contact-menu-primary > li,
body.foliokit-spectacles-native .foliokit-contact-menu-secondary > li {
  position: relative;
}

body.foliokit-spectacles-native .foliokit-contact-menu-primary a,
body.foliokit-spectacles-native .foliokit-contact-menu-secondary a {
  color: #fff !important;
  text-decoration: none;
}

body.foliokit-spectacles-native .foliokit-contact-menu-primary > li.current > a {
  font-weight: 700;
}

body.foliokit-spectacles-native .foliokit-contact-submenu {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  margin: 0;
  padding: 8px 0;
  list-style: none;
  min-width: 220px;
  background: rgb(145, 39, 49);
  border: 1px solid rgba(255, 255, 255, 0.25);
  z-index: 30;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

body.foliokit-spectacles-native .foliokit-contact-menu-primary li:hover > .foliokit-contact-submenu,
body.foliokit-spectacles-native .foliokit-contact-menu-primary li:focus-within > .foliokit-contact-submenu {
  display: block;
}

body.foliokit-spectacles-native .foliokit-contact-submenu li {
  padding: 4px 12px;
}

body.foliokit-spectacles-native .foliokit-contact-submenu a {
  white-space: normal;
}

body.foliokit-spectacles-native .foliokit-spectacles-gallery.et_pb_gallery .et_pb_gallery_items {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

body.foliokit-spectacles-native .foliokit-spectacles-gallery.et_pb_gallery.et_pb_gallery_fullwidth .et_pb_gallery_image img {
  max-height: min(72vh, 520px);
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body.foliokit-spectacles-native .foliokit-spectacles-gallery.et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev,
body.foliokit-spectacles-native .foliokit-spectacles-gallery.et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next {
  color: rgb(145, 39, 49);
}

body.foliokit-spectacles-native .foliokit-spectacles-mouche img {
  display: block;
  margin: 0 auto;
  max-width: 250px;
  height: auto;
}

/* —— Presse (PDF + menus) —— */
body.foliokit-mirror-page.foliokit-presse-native #et-main-area {
  flex: 1 1 auto !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  justify-content: center !important;
  align-items: center !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

body.foliokit-presse-native #main-content .entry-content {
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body.foliokit-mirror-page.foliokit-presse-native .foliokit-presse-card.et_pb_section {
  background-color: #fff !important;
  max-width: 960px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  padding: 0 !important;
}

body.foliokit-mirror-page.foliokit-presse-native .foliokit-presse-card .et_pb_row,
body.foliokit-mirror-page.foliokit-presse-native .foliokit-presse-card .et_pb_column,
body.foliokit-mirror-page.foliokit-presse-native .foliokit-presse-card .et_pb_text {
  background-color: #fff !important;
}

body.foliokit-mirror-page.foliokit-presse-native .foliokit-presse-nav-top.et_pb_section {
  padding-top: 20px !important;
  padding-bottom: 8px !important;
}

body.foliokit-mirror-page.foliokit-presse-native .foliokit-presse-row-main.et_pb_row {
  padding: 20px 24px 12px !important;
}

body.foliokit-mirror-page.foliokit-presse-native .foliokit-presse-row-img.et_pb_row {
  padding: 0 24px 20px !important;
}

body.foliokit-presse-native .foliokit-contact-menus-top {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
}

body.foliokit-presse-native .foliokit-contact-menu-primary,
body.foliokit-presse-native .foliokit-contact-menu-secondary {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  justify-content: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.2;
}

body.foliokit-presse-native .foliokit-contact-menu-primary > li,
body.foliokit-presse-native .foliokit-contact-menu-secondary > li {
  position: relative;
}

body.foliokit-presse-native .foliokit-contact-menu-primary a,
body.foliokit-presse-native .foliokit-contact-menu-secondary a {
  color: #fff !important;
  text-decoration: none;
}

body.foliokit-presse-native .foliokit-contact-menu-primary > li.current > a {
  font-weight: 700;
}

body.foliokit-presse-native .foliokit-contact-submenu {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  margin: 0;
  padding: 8px 0;
  list-style: none;
  min-width: 220px;
  background: rgb(145, 39, 49);
  border: 1px solid rgba(255, 255, 255, 0.25);
  z-index: 30;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

body.foliokit-presse-native .foliokit-contact-menu-primary li:hover > .foliokit-contact-submenu,
body.foliokit-presse-native .foliokit-contact-menu-primary li:focus-within > .foliokit-contact-submenu {
  display: block;
}

body.foliokit-presse-native .foliokit-contact-submenu li {
  padding: 4px 12px;
}

body.foliokit-presse-native .foliokit-contact-submenu a {
  white-space: normal;
}

body.foliokit-presse-native .foliokit-presse-inner {
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.35;
  color: rgb(51, 51, 51);
}

body.foliokit-presse-native .foliokit-presse-flash-note {
  margin: 0 0 16px;
}

body.foliokit-presse-native .foliokit-presse-pdf {
  margin: 0;
}

body.foliokit-presse-native .foliokit-presse-pdf a {
  display: inline-block;
}

body.foliokit-presse-native .foliokit-presse-pdf img {
  display: block;
  height: auto;
  max-width: 100%;
}

body.foliokit-presse-native .foliokit-presse-mouche img {
  display: block;
  margin: 0 auto;
  max-width: 250px;
  height: auto;
}