/* Forcer couleur et visibilité des jours dans le calendrier Booking Activities */
div.ba-calendar .fc .fc-col-header-cell-cushion {
  color: #2b6cb0 !important;
  background: #e6f0fa !important;
  padding: 6px 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 6px;
  display: inline-block !important;
  text-align: center !important;
  position: relative !important;
  z-index: 100 !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

/* Forcer colonne à laisser voir le texte */
div.ba-calendar .fc .fc-col-header-cell {
  background: transparent !important;
  text-align: center !important;
  z-index: 1;
}

.marquee {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
  background: #fff;   /* fond blanc */
  color: #000;        /* texte noir */
  font-size: 2.2rem;  /* texte plus gros */
  font-weight: 900;   /* 900 = le plus gras possible */
    padding: 30px 0;        /* épaisseur du bandeau */
  text-align: center;
  border-top: 6px solid #FFF200;   /* jaune identique au bouton */
  border-bottom: 6px solid #FFF200;
	
text-stroke: 1px #000;      /* Chrome, Safari */
-webkit-text-stroke: 1px #000;

text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

.marquee__inner {
  display: inline-flex;
  animation: marquee 20s linear infinite;
}

.marquee__inner span {
  margin-right: 4rem; /* espace entre les répétitions */
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.marquee:hover .marquee__inner {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__inner {
    animation: none;
  }
}

/* Tous les champs de formulaire */
input,
textarea,
select {
  background-color: #fff !important;   /* fond blanc */
  color: #000 !important;              /* texte noir */
  border: 2px solid #FFF200;           /* contour jaune vif */
  padding: 10px;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 1rem;
}

/* Placeholder (texte d’exemple) */
input::placeholder,
textarea::placeholder {
  color: #666 !important;
}

/* Focus : quand l’utilisateur clique dans le champ */
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #00a2ff;               /* contour bleu clair */
  box-shadow: 0 0 5px rgba(0,162,255,0.4);
}

/* Cases à cocher et boutons radio */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #FFF200; /* coche jaune vif */
  background-color: #fff !important;
  border: 2px solid #FFF200;
  border-radius: 4px;
  width: 18px;
  height: 18px;
}

/*  Rétablir l'apparence native des cases à cocher + radios */
input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: auto !important;
  appearance: auto !important;
  width: 20px;
  height: 20px;
  background: #fff !important;      /* fond blanc */
  border: 2px solid #FFF200 !important; /* contour jaune Wouf */
  border-radius: 4px;
  box-shadow: none !important;       /* supprime l’ombre qui cache parfois la coche */
  accent-color: #00A2FF;             /*  couleur de coche (bleu) */
  vertical-align: middle;
  margin-right: 10px;
}

/* Radios un peu plus ronds */
input[type="radio"] {
  border-radius: 50%;
}

/* État au survol/focus (accessibilité + feedback) */
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,162,255,0.25);
}

/* Optionnel: espace régulier entre case et label */
label > input[type="checkbox"],
label > input[type="radio"] {
  margin-right: 8px;
}

/* Boutons UNIQUEMENT dans les formulaires */
form button,
form input[type="submit"] {
  background-color: #1279be !important;  /* bleu */
  color: #ffff00 !important;             /* texte jaune */
  border: none !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 12px 24px !important;
  border-radius: 30% !important;         /* arrondi */
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-align: center !important;
  display: inline-block !important;
}

/* Effet hover uniquement sur ces boutons */
form button:hover,
form input[type="submit"]:hover {
  background-color: #0f5f95 !important;  /* bleu plus foncé */
  color: #fff200 !important;             /* jaune vif */
}
/*  Version mobile : plus large + cliquable */
@media (max-width: 768px) {
    font-size: 1.1rem !important;
    padding: 16px 0 !important;
    border-radius: 20px !important;  /* arrondi classique sur mobile */
  }
}

.offre-glow {
  background: #111; /* Couleur de fond (facultatif) */
  border-radius: 30px;
  padding: 30px;
  box-shadow: 0 0 40px rgba(255, 255, 255, 0.25); /* Halo lumineux */
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.offre-glow:hover {
  box-shadow: 0 0 60px rgba(255, 255, 255, 0.45); /* Halo plus fort au survol */
  transform: scale(1.03); /* Légère mise en avant */
}

.offre-glow-vip {
  background: #111;
  border-radius: 30px;
  padding: 35px;
  box-shadow: 
    0 0 25px rgba(255, 255, 255, 0.4),
    0 0 60px rgba(255, 255, 255, 0.25);
  transform: scale(1.03);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.offre-glow-vip:hover {
  box-shadow: 
    0 0 40px rgba(255, 255, 255, 0.6),
    0 0 90px rgba(255, 255, 255, 0.4);
  transform: scale(1.06);
}

.offre-gold {
  background: #111;
  border-radius: 30px;
  padding: 35px;
  box-shadow:
    0 0 25px rgba(255, 215, 0, 0.5),
    0 0 70px rgba(255, 215, 0, 0.25);
  border: 2px solid rgba(255, 215, 0, 0.4);
  transform: scale(1.04);
  transition: all 0.3s ease;
}

.offre-gold:hover {
  box-shadow:
    0 0 40px rgba(255, 215, 0, 0.7),
    0 0 100px rgba(255, 215, 0, 0.4);
  transform: scale(1.08);
  border-color: rgba(255, 215, 0, 0.7);
}

/* Image visible uniquement sur ordinateur */
.desktop-only {
  display: block;
}

/* Caché sur mobile et tablette */
@media (max-width: 1024px) {
  .desktop-only {
    display: none !important;
  }
}

/* === MENU UNIQUEMENT === */

/* Bilan comportemental */
nav a[href*="bilan"] {
    color: #ffff00 !important;
    font-weight: 600;
}

/* Photographe canin & félin */
nav a[href*="photographe"] {
    color: #ffff00 !important;
    font-weight: 600;
}

/* La Wouf PRO */
nav a[href*="pour-les-pros"] {
    color: #ffff00 !important;
    font-weight: 600;
}

/* Paiement en ligne */
nav a[href*="paiement"] {
    color: #ffff00 !important;
    font-weight: 600;
}

/* Hover menu uniquement */
nav a[href*="bilan"]:hover,
nav a[href*="photographe"]:hover,
nav a[href*="pour-les-pros"]:hover,
nav a[href*="paiement"]:hover {
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(255,255,0,0.6);
}
/* === BOUTON PAIEMENT DANS LE MENU === */

nav a[href*="paiement"] {
    background-color: #ffff00;
    color: #000 !important;
    padding: 8px 14px;
    border-radius: 6px;
    font-weight: 700;
    display: inline-block;
    transition: all 0.25s ease;
}

/* Hover */
nav a[href*="paiement"]:hover {
    background-color: #ffffff;
    color: #000 !important;
    box-shadow: 0 0 10px rgba(255,255,0,0.6);
    transform: scale(1.05);
}
border: 1px solid rgba(0,0,0,0.15);
nav a[href*="paiement"]::before {
    content: "💳 ";
}
@media (max-width: 768px) {
    nav a[href*="paiement"] {
        padding: 12px 16px;
    }
}
nav a[href*="paiement"] {
    margin-top: 8px;
    margin-bottom: 8px;
}
nav a[href*="paiement"] {
    width: 100%;
    text-align: center;
}
nav a[href*="paiement"] {
    border-radius: 10px;
}
/* === BOUTON PAIEMENT – TEXTE BLEU === */
nav a[href*="paiement"] {
    background-color: #ffff00;
    color: #1279be !important; /* TEXTE BLEU */
    font-weight: 700;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    transition: all 0.25s ease;
}

/* Desktop */
@media (min-width: 1024px) {
    nav a[href*="paiement"] {
        padding: 14px 28px;
    }
}

/* Mobile */
@media (max-width: 1023px) {
    nav a[href*="paiement"] {
        padding: 10px 16px;
        width: 100%;
    }
}

/* Hover */
nav a[href*="paiement"]:hover {
    background-color: #ffffff;
    color: #1279be !important;
    box-shadow: 0 0 10px rgba(255,255,0,0.6);
    transform: scale(1.05);
}
/* === LA WOUF PRO – TEXTE BLEU === */
nav a[href*="pour-les-pros"] {
    color: #1279be !important;
    font-weight: 700;
}

/* Hover La Wouf PRO */
nav a[href*="pour-les-pros"]:hover {
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(18,121,190,0.6);
}

.mini-saisonnieres {
  display: none !important;
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
    text-decoration: none !important;
}
/* Boutons Gutenberg */
.wp-block-button__link,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
    text-decoration: none !important;
}

/* Liens du menu (en-tête) */
header a,
header a:hover,
header a:focus {
    text-decoration: none !important;
}

/* Liens du pied de page */
footer a,
footer a:hover,
footer a:focus {
    text-decoration: none !important;
}