/** ===============================================

  Responsive

  ===============================================**/

/** ===============================================

  Layout

  ===============================================**/

/** ===============================================

  Flexbox

  ===============================================**/

/** ===============================================

  Position

  ===============================================**/

/** ===============================================

  Effects

  ===============================================**/

/** ===============================================

  Buttons

  ===============================================**/

/** ===============================================

  Components

  ===============================================**/

.field-label {

  font-family: hurme_bold, sans-serif;

  margin-top: 0.6rem;

  margin-bottom: 1.2rem; }



.node-title,

.field--name-field-authors .field-item,

.field--name-field-categories .field-item {

  display: inline-block;

  padding: 0.5rem 1rem;

  background: #ffffff;

  margin: 1rem 0;

  word-break: break-word; }



.field.field--name-field-authors,

.field.field--name-field-categories {

  display: inline-flex;

  margin-bottom: 0;

  width: auto; }



.field--name-field-categories .field-item {

  font-size: 1.2rem;

  text-transform: uppercase; }

  .field--name-field-categories .field-item + .field-item::before {

    content: '-';

    display: inline-block;

    margin-left: 0.5rem; }

    .node--type-event.node--view-mode-full .field--name-field-categories .field-item + .field-item::before {

      margin-left: -1.5rem; }



.field--name-field-authors .field-item {

  display: inline-block;

  font-family: hurme_bold, sans-serif;

  font-size: 1.6rem;

  margin-right: 1rem; }

  @media (max-width: 1200px) {

    .field--name-field-authors .field-item {

      font-size: calc(1.285rem + 0.42vw) ; } }



.node-title {

  font-family: hurme_bold, sans-serif;

  font-size: 4.2rem; }

  @media (max-width: 1200px) {

    .node-title {

      font-size: calc(1.545rem + 3.54vw) ; } }



.custom-section-title,

.field--name-field-title .field-item {

  font-family: hurme_bold, sans-serif;

  font-size: 2rem;

  margin: 1rem 0 1.5rem; }

  @media (max-width: 1200px) {

    .custom-section-title,

    .field--name-field-title .field-item {

      font-size: calc(1.325rem + 0.9vw) ; } }



.field--name-field-intro {

  font-family: hurme_bold, sans-serif;

  margin-bottom: 2rem; }



.field--name-field-link .field-item {

  text-align: center;

  margin: 2rem auto; }

  

/* ==========================================
   FICHE SPECTACLE - ESPACEMENTS DES CHAMPS
   ========================================== */

/* Titre et auteurs */
.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 {
  margin: 0;
  padding: 0;
}

/* Catégories : affichage horizontal */
.node--type-event.node--view-mode-full
.event-header__category .field--name-field-categories {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
}

.node--type-event.node--view-mode-full
.event-header__category .field--name-field-categories .field-item {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* Séparateur entre les catégories */
.node--type-event.node--view-mode-full
.event-header__category .field-item:not(:last-child)::after {
  content: " - ";
  white-space: pre;
}

/* Dates issues du champ Description */
.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;
}

/* Bouton Réserver */
.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--name-field-link .field-item {
  margin: 0;
  padding: 0;
}