/* ===========================
   CAL SKIN — look “Aqua”
   (scopé sur le bloc Bookings)
   =========================== */

:root {
  --ins-cal-bg: #0ea5e9;            /* accent aqua */
  --ins-cal-bg-weak: #e0f2fe;       /* aqua pâle */
  --ins-text: #0f172a;              /* slate-900 */
  --ins-text-weak: #475569;         /* slate-600 */
  --ins-border: #e5e7eb;            /* neutral-200 */
  --ins-chip: #f8fafc;              /* neutral-50 */
  --ins-shadow: 0 6px 14px rgba(2,132,199,.12);
}

/* conteneur principal */
.wp-block-woocommerce-bookings-availability-calendar-block {
  --gap: 10px;
  color: var(--ins-text);
}

/* header mois + nav */
.wc-bookings-availability-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 14px;
}

.wc-bookings-availability-date {
  font-weight: 700; font-size: 22px;
}

.wc-bookings-availability-navigation {
  display: inline-flex; align-items: center; gap: 8px;
}
.wc-bookings-availability-navigation a {
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; min-width:36px; padding:0 12px;
  border:1px solid var(--ins-border); border-radius:999px;
  background:#fff; color: var(--ins-text); text-decoration:none;
  transition: transform .08s ease, background .2s ease, border-color .2s ease;
}
.wc-bookings-availability-navigation a:hover {
  border-color:#bae6fd; background:#f0f9ff;
  transform: translateY(-1px);
}
.wc-bookings-availability-navigation-current {
  pointer-events:none; font-weight:600;
}

/* grille mensuelle */
.wc-bookings-availability-calendar-container-month-view .wc-bookings-availability-calendar {
  gap: var(--gap);
}
.wc-bookings-availability-calendar-header-item {
  text-transform: lowercase; letter-spacing:.02em;
  color: var(--ins-text-weak); font-size:13px; font-weight:600;
}

/* cellule jour */
.wc-bookings-availability-calendar-day {
  border:1px solid var(--ins-border);
  border-radius:14px; background:#fff; min-height:120px;
  padding:8px; position:relative; overflow:hidden;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.wc-bookings-availability-calendar-day:hover {
  box-shadow: var(--ins-shadow);
  border-color:#dbeafe;
}

/* date (numéro en haut à gauche) */
.wc-bookings-availability-cal-date {
  font-size:12px; color: var(--ins-text-weak);
  margin:6px 0 4px 6px;
}

/* item dans une cellule */
.wc-bookings-availability-calendar-day-item {
  margin-top:6px;
}
.wc-bookings-availability-calendar-day-item-title {
  display:none !important; /* on masque le titre “nu” (doublon) */
}

/* bloc cloné (tooltip rendu en dur) */
.wba-static {
  display:block; background:#fff; border-radius:12px;
  border:1px solid var(--ins-border);
  box-shadow: var(--ins-shadow);
  padding:10px; font-size:13px; line-height:1.45;
}

/* Titre + badge catégorie */
.wba-static thead h4,
.wba-static thead a {
  font-size:14px; font-weight:700; color:#0369a1; text-decoration:none;
}
.wba-static thead a:hover { text-decoration:underline; }

.wba-cap-badge{
  display:inline-block; margin-left:8px; padding:2px 8px;
  font-size:11px; font-weight:600;
  background: var(--ins-cal-bg-weak); color:#075985;
  border-radius:999px;
}

/* tableau intérieur */
.wba-static table { width:100%; border-collapse:collapse; }
.wba-static td,
.wba-static th { padding:4px 0; }
.wba-static thead em { display:block; font-style:normal; color: var(--ins-text-weak); font-size:12px; margin-top:2px; }

/* lignes détail (on a retiré la ligne Date côté JS) */
.wba-static td.wc-bookings-availability-popover-container-label strong {
  color: var(--ins-text-weak); font-weight:600; font-size:12px;
}
.wba-static td.wc-bookings-availability-popover-container-value {
  font-weight:600;
}

/* prix / crédits */
.wba-static .wc-bookings-availability-popover-container-value div {
  display:inline-block; background: var(--ins-cal-bg-weak);
  padding:2px 8px; border-radius:999px; font-weight:700; color:#075985;
}

/* bouton réserver */
.wc-bookings-availability-book-button-container .wp-block-button__link {
  display:inline-flex; align-items:center; justify-content:center;
  width:100%; height:36px; border-radius:999px;
  background: var(--ins-cal-bg); color:#fff; text-decoration:none;
  font-weight:700; letter-spacing:.01em;
  box-shadow: 0 8px 16px rgba(14,165,233,.18);
  transition: transform .06s ease, box-shadow .2s ease, background .2s ease;
}
.wc-bookings-availability-book-button-container .wp-block-button__link:hover {
  background:#0284c7; transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(2,132,199,.22);
}

/* Filtres (chips en haut) */
#wba-filters{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:10px 0 14px 0; }
.wba-filter-label{ font-size:13px; color: var(--ins-text-weak); margin-right:2px; }
.wba-chip{
  border:1px solid var(--ins-border); background: var(--ins-chip);
  border-radius:999px; padding:8px 12px; font-size:12px; cursor:pointer;
  transition: background .15s ease, border-color .15s ease, transform .06s ease;
}
.wba-chip:hover{ background:#f1f5f9; transform: translateY(-1px); }
.wba-chip.active{ background: var(--ins-cal-bg); color:#fff; border-color: var(--ins-cal-bg); }
.wba-chip.wba-chip-reset{ border-color:#d1d5db; color: var(--ins-text-weak); background:#fff; }
.wba-chip.wba-chip-reset:hover{ background:#f3f4f6; }

/* couleurs par catégorie (déjà générées par JS via <style#wba-cat-style>) */

/* Catégorie avant le titre (texte) */
.wba-catname{
  color:#0369a1; /* même teinte que le titre pour cohérence */
  font-weight:700;
}
.wba-static thead a { font-weight:700; }

/* On peut réduire un peu l’écart si on garde aussi le badge */
.wba-cap-badge{ margin-left:6px; }
.wba-catline {
  font-weight: 700;
  color: #0369a1;
  margin-bottom: 4px;
  font-size: 13px;
}


/* Bloc statique cloné */
.wba-static{
  display:block;
  border-radius:10px;
  padding:8px;
  margin-top:6px;
  box-shadow:0 1px 6px rgba(0,0,0,.07);
  font-size:13px;
  line-height:1.4;
  background:#fff; /* surchargé par couleur de catégorie si présente */
  position:relative;
}

/* Badge catégorie (injecté à côté du titre) */
.wba-cap-badge{
  display:inline-block;
  margin-left:8px;
  font-size:11px;
  background:rgba(0,0,0,.06);
  padding:2px 6px;
  border-radius:999px;
  vertical-align:baseline;
}

/* Masquer le titre "nu" d’origine (on garde le H4 dans le clone) */
.wc-bookings-availability-calendar-day-item[data-wba-static="1"]
  .wc-bookings-availability-calendar-day-item-title{
  display:none !important;
}

/* Barre de filtres (chips) */
#wba-filters{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  margin:10px 0 14px 0;
}
.wba-filter-label{ font-size:13px; color:#374151; margin-right:6px; }
.wba-chip{
  border:1px solid #e5e7eb; background:#fff; border-radius:999px; padding:6px 10px;
  font-size:12px; cursor:pointer;
}
.wba-chip:hover{ background:#f8fafc; }
.wba-chip.active{ background:#0ea5e9; color:#fff; border-color:#0ea5e9; }

.wba-chip.wba-chip-reset{
  border-color:#d1d5db; color:#374151;
}
.wba-chip.wba-chip-reset:hover{
  background:#f3f4f6;
}

/* Quand tu seras 100% satisfait du clonage, tu peux désactiver le tooltip natif :
.popover-slot { display:none!important; } */

/* Menu des sous-catégories Caps */
.caps-menu { margin: 8px 0 16px; }
.caps-menu__list {
  display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none;
}
.caps-menu__item {}
.caps-menu__link {
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border:1px solid #e5e7eb; border-radius:999px;
  background:#fff; color:#0f172a; text-decoration:none; font-size:14px;
  transition: background .15s ease, border-color .15s ease, transform .06s ease;
}
.caps-menu__link:hover { background:#f8fafc; border-color:#dbeafe; transform: translateY(-1px); }
.caps-menu__item.is-active .caps-menu__link { background:#0ea5e9; color:#fff; border-color:#0ea5e9; }
.caps-menu__count {
  display:inline-block; min-width:20px; padding:2px 6px; border-radius:999px;
  background:#eff6ff; color:#1e3a8a; font-size:12px; font-weight:700;
}