/* Les Barons du Son — styles partagés (repris des blocs <style> communs à toutes les pages
   de la préproduction) : polices Silka, header, footer, décorations. */

@font-face {
            font-family: 'Silka';
            font-weight: 400;
            font-style: normal;
            src: url('../fonts/Silka-Regular.woff2') format('woff2');
            font-display: swap;
        }

        @font-face {
            font-family: 'Silka';
            font-weight: 300;
            font-style: normal;
            src: url('../fonts/Silka-Light.woff2') format('woff2');
            font-display: swap;
        }

        @font-face {
            font-family: 'Silka';
            font-weight: 700;
            font-style: normal;
            src: url('../fonts/Silka-Bold.woff2') format('woff2');
            font-display: swap;
        }

        @font-face {
            font-family: 'Silka';
            font-weight: 900;
            font-style: normal;
            src: url('../fonts/Silka-Black.woff2') format('woff2');
            font-display: swap;
        }

/* ===== Header helpers ===== */
        #events-dd[open] .dd-chevron,
        #events-dd-mobile[open] .dd-chevron {
            transform: rotate(180deg);
        }

        #events-dd a {
            will-change: transform;
        }

        @media (prefers-reduced-motion: reduce) {

            .floaty,
            .floaty-delay-1,
            .floaty-delay-2 {
                animation: none !important;
            }
        }

        /* ===== Floaty decorations (festival cards, etc.) ===== */
        .floaty {
            animation: floaty 6.5s ease-in-out infinite;
        }

        .floaty-delay-1 {
            animation-delay: .2s;
        }

        .floaty-delay-2 {
            animation-delay: 1.1s;
        }

        @keyframes floaty {

            0%,
            100% {
                transform: translate3d(0, 0, 0) rotate(-2deg);
            }

            50% {
                transform: translate3d(0, -8px, 0) rotate(2deg);
            }
        }

        /* Perf: only hint the browser when actually animating */
        @media (prefers-reduced-motion: no-preference) {
            .floaty {
                will-change: transform;
            }
        }

        /* Accessibility */
        @media (prefers-reduced-motion: reduce) {
            .floaty {
                animation: none !important;
            }
        }

/* Deux couleurs, appliquees uniquement au role correspondant. */
  #site-header .bds-action-button,
  #site-footer .bds-action-button { background-color: #FA812E; }
  #site-header .bds-text-action:hover,
  #site-footer .bds-text-action:hover,
  #site-header .bds-text-action[aria-current="page"] {
    color: #FA812E;
    font-weight: 900;
  }
  /* Agenda est un bouton (summary), pas un lien : etat de rubrique sans aria-current. */
  #site-header .bds-agenda-trigger[data-bds-active="true"] { color: #FA812E; }
  /* Badges, pictogrammes et motifs: #FAAD48, pas l'orange des liens. */
  #site-header .text-bds-orange:not(a),
  #site-footer .text-bds-orange:not(a) { color: #FAAD48; }
  /* Conserve le contour et les autres valeurs du rendu original. */

#site-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
  }
  /* Le CTA billetterie garde toute la partie droite du header.
     Backstage est un lien éditorial secondaire, côté gauche. */
  #site-header .bds-podcast-nav { white-space: nowrap; }
  #site-header .bds-podcast-nav svg { width: 15px; height: 15px; flex-shrink: 0; }
  #site-header .bds-nav-desktop { display: none !important; }
  #site-header .bds-nav-mobile { display: block !important; }
  #site-header .bds-nav-mobile > .relative {
    position: relative !important;
    height: 75px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  /* Logo centré même si le CDN de classes utilitaires ne répond pas. */
  #site-header .bds-nav-mobile > .relative > a.absolute {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  @media (min-width: 1024px) {
    #site-header .bds-nav-desktop {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    }
    #site-header .bds-nav-mobile { display: none !important; }
  }
  /* Entre 1024 et 1150px, conserver chaque lien sur une ligne
     sans empiéter sur le logo central ni sur le CTA billetterie. */
  @media (min-width: 1024px) and (max-width: 1150px) {
    #site-header .bds-nav-desktop > div:first-child { gap: 3px !important; }
    #site-header .bds-nav-desktop > div:first-child > a {
      font-size: 12px !important;
      padding-left: 6px !important;
      padding-right: 6px !important;
      white-space: nowrap;
    }
    #site-header .bds-nav-desktop > div:first-child > details summary {
      font-size: 12px !important;
      gap: 5px !important;
      padding: 6px 8px !important;
    }
    #site-header .bds-nav-desktop .bds-action-button {
      font-size: 12px !important;
      padding: 10px 14px !important;
    }
  }