body { outline: 6px solid red !important; }

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 div#widget_container   {
	/* add your css rule here */
}


 #widget_container #widget_header   {
	/* add your css rule here */
}


 #widget_container #widget_footer   {
	/* add your css rule here */
}


 #widget_container h1.title a   {
	/* add your css rule here */
}


 #events .event_price   {
	/* add your css rule here */
}


 #eventForm dd.extention_data   {
	/* add your css rule here */
}


 dd.extention_data dl.zend_form dt, dd.extention_data dl.zend_form dd label   {
	/* add your css rule here */
}
/* Supprimer le header, le logo et le menu UNIQUEMENT dans le widget (iframe intégré) */
#sb_header,
header#sb_header,
.sb-header,
.sb-top-bar,
#sb_menu,
.sb-company-info,
#sb_booking_company_info {
  display: none !important;
}

#sb_main, #main, .sb-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Cache la ligne "Nombre total des prestations incluses" */
.package-list-item.package-service{
  display: none !important;
}

/* Remplace l’icône "réservation de groupe" (et garde la même taille) */
.plugin-group-booking::before{
  background: url("https://svgsilh.com/svg/155322.svg") !important;
  background-size: 18px !important;     /* = taille de l’ancien */
  background-repeat: no-repeat !important;
  background-position: left center !important;
}


/* Cache l'affichage "Notre heure: …" */
#sb_booking_company_time{
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* Cache l’affichage des points de fidélité */
.item__bonus.service-bonus{
  display: none !important;
}


/* Rend le badge transparent */
.slot--available-slot{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}


/* Ajoute le texte devant les places restantes */
.slot--available-slot::before{
  content: "Places restantes :";
  display: inline-block;
  padding-right: 6px; /* ajuste si besoin */
}


/* Taille du bloc (les nombres) */
.slot--available-slot{
  font-size: 10px !important;
}

/* Taille du texte ajouté */
.slot--available-slot::before{
  content: "Places restantes : ";
  font-size: 10px !important;
  font-weight: 500;
}


/* 1) On cache les places restantes pour les services */

/* SI Bordeaux */
#sb_time_slots_weekly_container a[href*="/service/5/"] .slot--available-slot, 
/* SI Laruscade */
#sb_time_slots_weekly_container a[href*="/service/12/"] .slot--available-slot,
/* Conseils à distance */ 
#sb_time_slots_weekly_container a[href*="/service/25/"] .slot--available-slot,
/* BS */ 
#sb_time_slots_weekly_container a[href*="/service/26/"] .slot--available-slot,
/* NW */
#sb_time_slots_weekly_container a[href*="/service/3/"] .slot--available-slot,
/* Sortie Sportive */
#sb_time_slots_weekly_container a[href*="/service/40/"] .slot--available-slot,
/* BL */
#sb_time_slots_weekly_container a[href*="/service/20/"] .slot--available-slot,
/* VP */
#sb_time_slots_weekly_container a[href*="/service/19/"] .slot--available-slot,
/* Garde à dom */
#sb_time_slots_weekly_container a[href*="/service/55/"] .slot--available-slot,
/* Taxi */
#sb_time_slots_weekly_container a[href*="/service/56/"] .slot--available-slot{
  display: none !important;
}


/* 2) Le lien remplit tout le slot + centrage vertical/horizontal */
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/5/"],
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/12/"],
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/25/"],
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/26/"],
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/3/"],
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/40/"],
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/20/"],
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/19/"],
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/55/"],
#sb_time_slots_weekly_container a.cell.sb-cell[href*="/service/56/"]{
  height: 100% !important;
  width: 100% !important;

  display: flex !important;
  align-items: center !important;      /* centre vertical */
  justify-content: center !important;  /* centre horizontal */

  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}