:root {
  --hint-danger-text: #B42318;
  --hint-danger-bg:   #FEF3F2;
  --hint-danger-bd:   #FEE4E2;
  --hint-danger-focus:#FDA29B;
  --hint-info-text: #075985;
  --hint-info-bg:   #F0F9FF;
  --hint-info-bd:   #BAE6FD;
  --hint-info-focus:#38BDF8;
}



/* Variante "info" (bleue) */
.form-hint.is-info {
  color: var(--hint-info-text);
  background: var(--hint-info-bg);
  border: 1px solid var(--hint-info-bd);
}

/* Accent visuel quand champ focus */
input:focus + .form-hint.is-info,
select:focus + .form-hint.is-info,
textarea:focus + .form-hint.is-info {
  border-color: var(--hint-info-focus);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .18);
}

.form-control
{
    width: 100%;
    border: solid 1px #efefef;
    padding: 10px;
    margin: 2px;
}

/* Bloc d’aide */
.form-hint{
  display:flex;
  align-items:flex-start;
  gap:.5rem;
  margin:.35rem 0 1rem;
  padding:.55rem .75rem;
  font-size:.88rem;             /* ~14px, compact mais lisible */
  line-height:1.4;
  color:#334155;                /* fallback si pas de modif */
  background:#F8FAFC;
  border:1px solid #E2E8F0;
  border-radius:.625rem;        /* 10px */
  box-shadow:0 1px 0 rgba(0,0,0,.03) inset;
}

/* Variante "danger" (rouge) */
.form-hint.is-danger{
  color:var(--hint-danger-text);
  background:var(--hint-danger-bg);
  border-color:var(--hint-danger-bd);
}

/* Icône vectorielle */
.form-hint .hint-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:currentColor;            /* hérite de la couleur du texte */
  margin-top:2px;
  opacity:.9;
}

/* Accent visuel quand l’input juste avant est focus */
input:focus + .form-hint,
select:focus + .form-hint,
textarea:focus + .form-hint{
  border-color:var(--hint-danger-focus);
  box-shadow:0 0 0 3px rgba(253, 162, 155, .18);
}

/* Version ultra-légère en ligne (si tu veux juste du texte sous le champ) */
.help-inline{
  display:block;
  margin:.35rem 0 1rem;
  font-size:.83rem;
  color:var(--hint-danger-text);
}


 .eurezia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}
    @media(max-width:1024px){.eurezia-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:640px){.eurezia-grid{grid-template-columns:1fr}}
    .eurezia-card{position:relative;display:block;border:1px solid #dcdcde;border-radius:8px;background:#fff;overflow:hidden;transition:box-shadow .15s,border-color .15s,transform .05s;cursor:pointer}
    .eurezia-card:hover{box-shadow:0 2px 10px rgba(0,0,0,.06);border-color:#c3c4c7}
    .eurezia-card:active{transform:translateY(1px)}
    .eurezia-card input[type=radio]{position:absolute;inset:0;opacity:0;pointer-events:none}
    .eurezia-card__media{aspect-ratio:16/9;background:#f6f7f7;display:grid;place-items:center;overflow:hidden}
    .eurezia-card__media img{max-width:100%;height:auto;display:block}
    .eurezia-card__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fbfbfc;border-top:1px solid #f0f0f1}
    .eurezia-card__label{font-weight:600}
    .eurezia-card__badge{font-size:11px;line-height:1;padding:4px 6px;border-radius:6px;background:#f0f7ff;color:#1e40af;border:1px solid #dbeafe}
    .eurezia-card:has(input[type=radio]:checked){border-color:#2271b1;box-shadow:0 0 0 2px rgba(34,113,177,.15)}
    .eurezia-card:has(input[type=radio]:focus-visible){outline:2px solid #2271b1;outline-offset:2px}
    .eurezia-note{padding:8px 10px;font-size:12px;color:#646970;background:#f6f7f7;border-top:1px solid #eee}

    #options_eurezia.postbox{ background:#f6fff0; border:1px solid #c6e5b0; }
    #options_eurezia.postbox h2.hndle{ background:#2271b1;color:#fff;border-radius:4px 4px 0 0;padding:8px 12px; }


    /* Fond bleu clair uniquement pour la box Bannière Accueil */
#themeBanAcc.postbox {
  background: #f0f7ff;      /* fond */
  border: 1px solid #c3e0ff; /* bordure assortie */
}

/* Fond vert clair pour la box Intro Accueil */
#themeIntroAcc.postbox {
  background: #f6fff0;
  border: 1px solid #c6e5b0;
}

/*PRESTATIONS */

div#metabox_reservation {
    background: floralwhite;
}


/* Conteneur de la grille */
.admin-row {
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
}


/* Base pour les colonnes */
[class*="admin-col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

/* Définition des tailles de colonne */
.admin-col-1 { flex: 0 0 8.33%; max-width: 8.33%; }
.admin-col-2 { flex: 0 0 16.66%; max-width: 16.66%; }
.admin-col-3 { flex: 0 0 25%; max-width: 25%; }
.admin-col-4 { flex: 0 0 33.33%; max-width: 33.33%; }
.admin-col-5 { flex: 0 0 41.66%; max-width: 41.66%; }
.admin-col-6 { flex: 0 0 50%; max-width: 50%; }
.admin-col-7 { flex: 0 0 58.33%; max-width: 58.33%; }
.admin-col-8 { flex: 0 0 66.66%; max-width: 66.66%; }
.admin-col-9 { flex: 0 0 75%; max-width: 75%; }
.admin-col-10 { flex: 0 0 83.33%; max-width: 83.33%; }
.admin-col-11 { flex: 0 0 91.66%; max-width: 91.66%; }
.admin-col-12 { flex: 0 0 100%; max-width: 100%; }

/* Pour les écrans plus petits */
@media (max-width: 768px) {
    [class*="admin-col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Badge Base */
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Couleurs par défaut des badges */
.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

/* Adaptations pour les liens si les badges sont utilisés comme tels */
a.badge:hover, a.badge:focus {
    text-decoration: none;
    cursor: pointer;
}

/* Si vous avez besoin d'un badge rond, vous pouvez ajouter cette classe */
.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}


#adminmenu .wp-menu-image img 
{
    padding: 7px 0 !important;
}