/** ===============================================
  Responsive
  ===============================================**/
/** ===============================================
  Layout
  ===============================================**/
/** ===============================================
  Flexbox
  ===============================================**/
/** ===============================================
  Position
  ===============================================**/
/** ===============================================
  Effects
  ===============================================**/
/** ===============================================
  Buttons
  ===============================================**/
/** ===============================================
  Components
  ===============================================**/
.page-node-type-event .region--after-content {
  background: #ffffff; }

.node--type-event.node--view-mode-full .event-section,
.node--type-event.node--view-mode-full .event-section-intro .inner,
.node--type-event.node--view-mode-full .event-section-distribution .inner {
  margin: auto; }
  @media (min-width: 48rem) {
    .node--type-event.node--view-mode-full .event-section,
    .node--type-event.node--view-mode-full .event-section-intro .inner,
    .node--type-event.node--view-mode-full .event-section-distribution .inner {
      max-width: 68rem; } }

@media (max-width: 48rem) {
  .node--type-event.node--view-mode-full .event-section {
    padding-left: 1rem;
    padding-right: 1rem; } }

.node--type-event.node--view-mode-full .event-section-intro,
.node--type-event.node--view-mode-full .event-section-distribution {
  max-width: none;
  background: #ffffff; }

.node--type-event.node--view-mode-full .event-section-info .inner,
.node--type-event.node--view-mode-full .event-section-intro .inner {
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }
  .node--type-event.node--view-mode-full .event-section-info .inner > *,
  .node--type-event.node--view-mode-full .event-section-intro .inner > * {
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1; }
  @media (min-width: 48rem) {
    .node--type-event.node--view-mode-full .event-section-info .inner,
    .node--type-event.node--view-mode-full .event-section-intro .inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: reverse;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (min-width: 48rem) {
    .node--type-event.node--view-mode-full .event-section-info .inner,
    .node--type-event.node--view-mode-full .event-section-intro .inner {
      padding: 3rem 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media (min-width: 48rem) and (min-width: 48rem) {
    .node--type-event.node--view-mode-full .event-section-info .inner,
    .node--type-event.node--view-mode-full .event-section-intro .inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: reverse;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (min-width: 48rem) {
      .node--type-event.node--view-mode-full .event-section-info .inner > *:first-child,
      .node--type-event.node--view-mode-full .event-section-intro .inner > *:first-child {
        margin-right: 2rem; }
      .node--type-event.node--view-mode-full .event-section-info .inner > *:last-child,
      .node--type-event.node--view-mode-full .event-section-intro .inner > *:last-child {
        margin-left: 2rem; } }

.node--type-event.node--view-mode-full .event-section-info__column {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 1rem;
  border: 2px solid var(--primary-color); }

.node--type-event.node--view-mode-full .event-section-distribution {
  padding-top: 1rem;
  padding-bottom: 2rem; }

.node--type-event.node--view-mode-full .event-section-production .inner {
  margin: auto;
  margin: 2rem auto;
  padding-top: 2rem;
  border-top: 1px solid #222222; }
  @media (min-width: 48rem) {
    .node--type-event.node--view-mode-full .event-section-production .inner {
      max-width: 48rem; } }

.node--type-event.node--view-mode-full .custom-field-label {
  font-family: hurme_bold, sans-serif; }

.node--type-event.node--view-mode-full .field--name-field-distribution {
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 48rem) {
    .node--type-event.node--view-mode-full .field--name-field-distribution {
      max-width: 48rem; } }
  .node--type-event.node--view-mode-full .field--name-field-distribution > * {
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1; }
  @media (min-width: 48rem) {
    .node--type-event.node--view-mode-full .field--name-field-distribution {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: reverse;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (min-width: 48rem) {
    .node--type-event.node--view-mode-full .field--name-field-distribution {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media (min-width: 48rem) and (min-width: 48rem) {
    .node--type-event.node--view-mode-full .field--name-field-distribution {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: reverse;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (min-width: 48rem) {
      .node--type-event.node--view-mode-full .field--name-field-distribution .field-item {
        padding: 0 0.5rem; } }

.node--type-event.node--view-mode-search-index {
  border-style: solid;
  border-width: 2px; }
  .node--type-event.node--view-mode-search-index:not(.node--is-past) {
    border-color: transparent; }
  .node--type-event.node--view-mode-search-index.node--is-past .field.field--name-field-image {
    opacity: 0.5; }
  .node--type-event.node--view-mode-search-index .field--name-field-season,
  .node--type-event.node--view-mode-search-index .field--name-field-season:before,
  .node--type-event.node--view-mode-search-index .field--name-field-season .field-item,
  .node--type-event.node--view-mode-search-index .field--name-field-categories {
    display: inline-block; }
  .node--type-event.node--view-mode-search-index .field--name-field-categories + .field--name-field-season:before {
    content: " - ";
    padding: 0 0.5rem; }

.node--type-event.node--view-mode-slider .node-title {
  font-size: 2rem;
  background: none;
  padding: 0; }
  @media (max-width: 1200px) {
    .node--type-event.node--view-mode-slider .node-title {
      font-size: calc(1.325rem + 0.9vw) ; } }

.node--type-event.node--view-mode-agenda {
  background: #ffffff; }
  .node--type-event.node--view-mode-agenda .node-title {
    font-size: 1.2rem;
    background: none;
    padding: 0; }


.field--name-field-presse-en-parle{
  display: flex;
  gap: 10px;
  flex-direction: column;
}    
.presse .blockquote{
  display: flex;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
.presse .blockquote .marker svg{
fill: var(--secondary-color)!important;
}
@media(max-width:520px){
  .presse .blockquote{
    gap: 15px;
  }
  .presse .blockquote .marker svg{
    width: 25px;
  }
  .presse .blockquote .blockquote__infos{
    flex-direction: column;
  }
}
.presse .blockquote .inner{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex: 1 0 0;
}
.presse .blockquote .inner .field,
.presse .blockquote .inner p{
margin:0!important;
}
.presse .blockquote .blockquote__infos{
display: flex;
gap: 5px;
font-family: hurme_bold, sans-serif;
}
.presse .blockquote .blockquote__infos > *{
display: flex;
gap:1px;
}
.presse .blockquote .blockquote__infos > *::after{
content: ',';
}
.presse .blockquote .blockquote__infos > *:last-child::after{
content: none;
}
.blockquote__auteur{
color: #222;
font-size: 17.6px;
font-style: normal;
line-height: 24.64px; /* 140% */
}
.blockquote__presse,
.blockquote__date{
color: var(--primary-color);
}
.blockquote__presse a{
text-decoration: underline;
}

/* ============================================================
   FICHE SPECTACLE - EN-TETE (Twig avec classes event-header__*)
   Styles limites au mode full ; autres modes conserves.
   ============================================================ */
.node--type-event.node--view-mode-full .event-section-top {
  width: 100%;
  max-width: 68rem;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.node--type-event.node--view-mode-full .event-section-top > .inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.node--type-event.node--view-mode-full .event-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
}
.node--type-event.node--view-mode-full .event-header > div {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.node--type-event.node--view-mode-full .event-header .event-header__category {
  margin: 0 0 12px;
}
.node--type-event.node--view-mode-full .event-header .event-header__title {
  margin: 0 0 12px;
}
.node--type-event.node--view-mode-full .event-header .event-header__dates {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.4;
}
.node--type-event.node--view-mode-full .event-header .event-header__authors {
  margin: 0 0 20px;
}


/* Bouton Réserver aligné à gauche */
.node--type-event.node--view-mode-full
.event-header .event-header__booking {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 24px;
  padding: 0;
}

.node--type-event.node--view-mode-full
.event-header__booking .field--name-field-link,
.node--type-event.node--view-mode-full
.event-header__booking .field-item {
  margin: 0;
  padding: 0;
}


/* Neutralisation des espacements generiques de fields.css */
.node--type-event.node--view-mode-full .event-header .node-title,
.node--type-event.node--view-mode-full .event-header .field--name-field-authors .field-item,
.node--type-event.node--view-mode-full .event-header .field--name-field-categories .field-item {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.node--type-event.node--view-mode-full .event-header .node-title {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  line-height: 1.15;
}
.node--type-event.node--view-mode-full .event-header .field--name-field-authors .field-item,
.node--type-event.node--view-mode-full .event-header .field--name-field-categories .field-item {
  padding-left: 0;
  padding-right: 0;
}
.node--type-event.node--view-mode-full .event-header__dates .field,
.node--type-event.node--view-mode-full .event-header__dates p {
  margin: 0;
  padding: 0;
}
.node--type-event.node--view-mode-full .event-header__booking .field--name-field-link .field-item {
  margin: 0;
  padding: 0;
  text-align: left;
}
/* Conserver l'image et le texte cote a cote sur ordinateur */
.node--type-event.node--view-mode-full .event-section-intro > .inner {
  padding-top: 0;
}
@media (min-width: 48rem) {
  .node--type-event.node--view-mode-full .event-section-intro > .inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (max-width: 47.999rem) {
  .node--type-event.node--view-mode-full .event-section-top {
    padding: 0 1rem;
  }
  .node--type-event.node--view-mode-full .event-header .event-header__category,
  .node--type-event.node--view-mode-full .event-header .event-header__title,
  .node--type-event.node--view-mode-full .event-header .event-header__dates {
    margin-bottom: 10px;
  }
  .node--type-event.node--view-mode-full .event-header .event-header__dates {
    font-size: 16px;
  }
  .node--type-event.node--view-mode-full .event-header .event-header__authors {
    margin-bottom: 16px;
  }
  .node--type-event.node--view-mode-full .event-header .event-header__booking {
    margin-bottom: 20px;
  }
  .node--type-event.node--view-mode-full .event-section-intro > .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .node--type-event.node--view-mode-full .event-section-intro > .inner > * {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .node--type-event.node--view-mode-full .event-section-intro img {
    max-width: 100%;
    height: auto;
  }
}

/* Fiche événement : réservation du cartel à gauche, autres CTA centrés. */
.node--type-event.node--view-mode-full .event-section-top .event-header__booking {
  display: flex;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 clamp(1rem, 2vw, 1.5rem);
}
.node--type-event.node--view-mode-full .event-section-top .event-header__booking .button {
  margin: 0;
}
.node--type-event.node--view-mode-full .event-section-link > .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.node--type-event.node--view-mode-full .event-section-link .button {
  margin-inline: auto;
}


/* Fiche evenement : rythme vertical et alignement du cartel avec l'image. */
.node--type-event.node--view-mode-full .event-section-top,
.node--type-event.node--view-mode-full .event-section-intro > .inner {
  width: min(100% - 2 * clamp(1rem, 3vw, 2rem), 68rem);
  max-width: 68rem;
  margin-inline: auto;
  box-sizing: border-box;
}
.node--type-event.node--view-mode-full .event-section-top > .inner {
  width: 100%;
  max-width: none;
  padding: clamp(0.5rem, 1.5vw, 1rem) 0 0;
  margin: 0;
  box-sizing: border-box;
}
.node--type-event.node--view-mode-full .event-section-top .field--name-field-categories,
.node--type-event.node--view-mode-full .event-section-top .node-title,
.node--type-event.node--view-mode-full .event-section-top .field--name-field-authors {
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}
.node--type-event.node--view-mode-full .event-section-top .field--name-field-categories {
  margin-bottom: clamp(0.5rem, 1vw, 0.85rem);
}
.node--type-event.node--view-mode-full .event-section-top .node-title {
  margin-top: 0;
  margin-bottom: clamp(0.65rem, 1.4vw, 1.25rem);
  line-height: 1.13;
}
.node--type-event.node--view-mode-full .event-section-top .field--name-field-authors {
  margin-top: 0;
  margin-bottom: clamp(0.6rem, 1vw, 1rem);
}
.node--type-event.node--view-mode-full .event-section-top .event-header__booking {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: clamp(0.5rem, 1vw, 0.9rem) 0 clamp(1.25rem, 2.5vw, 2rem);
  padding: 0;
  text-align: left;
}
.node--type-event.node--view-mode-full .event-section-top .event-header__booking .button {
  margin: 0;
}
.node--type-event.node--view-mode-full .event-section-intro > .inner {
  padding: 0;
}
.node--type-event.node--view-mode-full .event-section-link > .inner {
  padding-block: clamp(1rem, 2.5vw, 2rem);
}
@media (max-width: 47.999rem) {
  .node--type-event.node--view-mode-full .event-section-top {
    padding: 0;
  }
  .node--type-event.node--view-mode-full .event-section-top > .inner,
  .node--type-event.node--view-mode-full .event-section-intro > .inner {
    width: 100%;
  }
  .node--type-event.node--view-mode-full .event-section-intro > .inner {
    gap: clamp(0.75rem, 3vw, 1.25rem);
  }
}

/* Informations pratiques : alignement homogene conforme a la maquette. */
.node--type-event.node--view-mode-full .event-section-info__column .custom-field-label {
  margin: 0 0 .65rem !important;
  padding: 0 !important;
}
.node--type-event.node--view-mode-full .event-section-info__column > .tag,
.node--type-event.node--view-mode-full .event-section-info__column > .event-section-info__detail {
  margin-left: 1rem !important;
  margin-right: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
}
.node--type-event.node--view-mode-full .event-section-info__column .tag .field,
.node--type-event.node--view-mode-full .event-section-info__column .tag .field__item,
.node--type-event.node--view-mode-full .event-section-info__column .tag .field__items {
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
}
.node--type-event.node--view-mode-full .event-section-info__column .tag p {
  margin: 0 0 .5rem !important;
  padding: 0 !important;
  text-indent: 0 !important;
}
.node--type-event.node--view-mode-full .event-section-info__column .tag p:last-child {
  margin-bottom: 0 !important;
}
.node--type-event.node--view-mode-full .event-section-info__column--prices > .tag {
  margin-bottom: 1.4rem !important;
}
.node--type-event.node--view-mode-full .event-section-info__column--prices > .event-section-info__detail {
  margin-top: 0 !important;
  line-height: 1.5;
}
.node--type-event.node--view-mode-full .event-section-info__column--prices > .event-section-info__detail + .event-section-info__detail {
  margin-top: .2rem !important;
}

/* Aligner Duree et Age conseille avec le contenu du champ Tarifs. */
.node--type-event.node--view-mode-full .event-section-info__column--prices > .event-section-info__detail {
  margin: 0 0 .65rem !important;
}
