@charset "UTF-8";
/* ---------------------------------------------------------------------------------------------
   correctifs.css — brique « correctifs » (JulienWeb, 03/10/2026).
   Mise en file par brique.php sur quatre pages seulement : recherche, 404, Contact, À propos.
   Chargée après style.css et commun.css (variables --jws-*, .jws-btn, .jws-sr, .jws-tesselle ;
   commun.css coupe déjà les transitions de tout élément .jws-* pour prefers-reduced-motion).
   Écrite pour 320 px, élargie par min-width. Rien n'est posé sur une photo ; l'orange ne sert
   qu'aux filets, aux fonds de bouton et aux tesselles. Aucune graisse ajoutée.

   1. Liens de rebond (recherche sans résultat, 404)
   2. Page de recherche
   3. Page Contact : téléphones, ligne du booking
   --------------------------------------------------------------------------------------------- */


/* -- 1. Liens de rebond ----------------------------------------------------------------------- */

.jws-correctifs-rebond {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin: 1em 0 0;
    padding: 0;
    list-style: none;
}

.jws-correctifs-rebond li {
    margin: 0;
    padding: 0;
}

/* Cible tactile de 44 px : .jws-btn fait une trentaine de pixels de haut. */
.jws-correctifs-rebond .jws-btn,
.jws-correctifs-booking .jws-btn {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .9em;
}

/* jws_404_bas est dans le .container de la page, sous le champ de recherche. */
.jws-correctifs-404 {
    margin: 0 0 2em;
}


/* -- 2. Page de recherche --------------------------------------------------------------------- */

/* Les mots cherchés viennent du visiteur : un mot très long (une adresse collée) se coupe au
   lieu d'élargir la page. Sans effet sur un titre qui tient dans sa colonne. */
.jws-correctifs-compte {
    overflow-wrap: anywhere;
}

.jws-correctifs-vide {
    padding: 1em;
}

.jws-correctifs-vide .jws-correctifs-compte {
    margin-top: 0;
}

.jws-correctifs-aide {
    margin: 0 0 1em;
    color: var(--jws-encre, #262830);
}

/* Le champ de la recherche sans résultat : le cartouche indigo du thème (.search-form), monté à
   44 px. À 320 px le champ rétrécit, le bouton garde sa largeur. */
.jws-correctifs-form form {
    gap: 10px;
}

.jws-correctifs-form .search-input {
    flex: 1 1 auto;
    box-sizing: border-box;
    min-width: 0;
    min-height: 44px;
    padding: 3px 10px;
}

.jws-correctifs-form .search-submit {
    flex: 0 0 auto;
    min-height: 44px;
    margin: 0;
    padding: 3px 14px;
    color: var(--jws-indigo, #312783);
    cursor: pointer;
}

.jws-correctifs-form .search-input:focus-visible,
.jws-correctifs-form .search-submit:focus-visible {
    outline: 3px solid var(--jws-orange, #f39200);
    outline-offset: 2px;
}


/* -- 3. Page Contact -------------------------------------------------------------------------- */

/* Un numéro de téléphone garde la couleur du texte : souligné, il se lit comme un lien sans
   passer par l'orange. Il ne se coupe pas en fin de ligne. */
.jws-correctifs-tel {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.jws-correctifs-tel:hover,
.jws-correctifs-tel:focus-visible {
    color: var(--jws-indigo, #312783);   /* le thème pose a:hover en orange */
}

.jws-correctifs-tel:focus-visible {
    outline: 3px solid var(--jws-orange, #f39200);
    outline-offset: 2px;
}

/* Au doigt : 44 px de haut sans écarter les lignes (le rembourrage est repris en marge négative). */
@media (pointer: coarse) {
    .jws-correctifs-tel {
        display: inline-block;
        margin: -12px -2px;
        padding: 12px 2px;
    }
}

/* « Vous programmez des concerts ? » — sous un filet en pointillé, celui de .section-row-content.
   jws_contact_bas est dans le .container de la page. Empilé à 320 px, en ligne à partir de 480 px. */
.jws-correctifs-booking {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px 18px;
    margin: 2em 0;
    padding: 18px 0 0;
    border-top: 1px dashed var(--jws-orange, #f39200);
}

.jws-correctifs-booking__titre {
    margin: 0;
    font-family: var(--jws-police-titre, 'Poppins', 'Open Sans', sans-serif);
    font-size: 1.1em;
    color: var(--jws-indigo, #312783);
}

.jws-correctifs-booking__adresse {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--jws-indigo, #312783);
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.jws-correctifs-booking__adresse:hover,
.jws-correctifs-booking__adresse:focus-visible {
    color: var(--jws-indigo-fonce, #241d63);
}

.jws-correctifs-booking__adresse:focus-visible {
    outline: 3px solid var(--jws-orange, #f39200);
    outline-offset: 2px;
}

@media (min-width: 480px) {
    .jws-correctifs-booking {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}