/*
	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 */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

.company-name {
  display: none !important;
}

/* --- Boutons de la bannière : style chaleureux & affirmé --- */
.banner .btn,
.hero .btn,
.cover .btn,
.main-banner .btn,
.banner a.button,
.hero a.button,
.banner .sb-button,
.hero .sb-button,
.jumbotron .btn,
.btn-primary,
.btn-default {
  background: #c69a5b !important;   /* doré chaud */
  color: #ffffff !important;         /* texte blanc */
  border: 1px solid #c69a5b !important;
  border-radius: 30px !important;    /* arrondi doux */
  padding: 10px 18px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: all .2s ease !important;
}

.banner .btn:hover,
.hero .btn:hover,
.cover .btn:hover,
.main-banner .btn:hover,
.banner a.button:hover,
.hero a.button:hover,
.banner .sb-button:hover,
.hero .sb-button:hover,
.jumbotron .btn:hover,
.btn-primary:hover,
.btn-default:hover {
  background: #9a7645 !important;   /* plus sombre au survol */
  border-color: #9a7645 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.banner .btn:focus,
.hero .btn:focus,
.cover .btn:focus,
.main-banner .btn:focus,
.banner a.button:focus,
.hero a.button:focus,
.banner .sb-button:focus,
.hero .sb-button:focus,
.jumbotron .btn:focus,
.btn-primary:focus,
.btn-default:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(198,154,91,.25) !important;
}
/* Boutons de la bannière SimplyBook - style doré affirmé */
.banner .sb-main-button,
.hero .sb-main-button,
.header-buttons .sb-main-button,
button.sb-main-button,
a.sb-main-button {
  background-color: #c69a5b !important;  /* doré chaud */
  color: #ffffff !important;             /* texte blanc */
  border: 1px solid #c69a5b !important;
  border-radius: 30px !important;        /* arrondi doux */
  padding: 10px 20px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  transition: all 0.2s ease !important;
}

.banner .sb-main-button:hover,
.hero .sb-main-button:hover,
.header-buttons .sb-main-button:hover,
button.sb-main-button:hover,
a.sb-main-button:hover {
  background-color: #9a7645 !important;  /* nuance plus sombre au survol */
  border-color: #9a7645 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}
/* TEST : forcer la couleur des boutons de la page d’accueil */
a.sb-button, button.sb-button, .sb-button {
  background: red !important;
  color: white !important;
}
/* Masquer le bouton "Afficher sur la carte" de la bannière */
.header-buttons a[href*="show-on-map"] {
  display: none !important;
}
/* 1) Cible le conteneur des deux boutons dans la bannière */
.header-buttons,
.banner .header-buttons,
.hero .header-buttons {
  display: flex !important;
  justify-content: center !important;  /* recentre le bouton restant */
  gap: 16px !important;
}

/* 2) Masque le 1er bouton du groupe (c’est "Afficher sur la carte") */
.header-buttons > a:first-child,
.header-buttons > button:first-child,
.banner .header-buttons > a:first-child,
.banner .header-buttons > button:first-child,
.hero .header-buttons > a:first-child,
.hero .header-buttons > button:first-child {
  display: none !important;
}

/* 3) Optionnel : petit ajustement du bouton restant */
.header-buttons > a,
.header-buttons > button {
  margin: 0 !important;
}
a[href="#show-on-map/yes"] {
  display: none !important;
}
/* Déplace le bouton Prestations et Réservations vers la droite */
.header-buttons {
  display: flex !important;
  justify-content: flex-end !important;  /* aligne à droite */
  padding-right: 80px !important;        /* ajuste la valeur pour l’éloigner du bord */
}
.header-buttons {
  margin-top: 40px !important;  /* augmente la valeur pour descendre le bouton */
}
/* Rendre le conteneur positionnable */
#main-buttons .wrapper .inner{ position: relative !important; }

/* Placer le bouton "Prestations et Réservations" sous l’œil droit */
#main-buttons .wrapper .inner .booking_button.custom{
  position: absolute !important;
  right: 9vw !important;   /* décale horizontalement : augmente/diminue pour viser l’œil */
  top: 52px !important;    /* décale verticalement */
  margin: 0 !important;
}
@media (max-width:1024px){
  /* Sur mobile/tablette, on revient à la position normale */
  #main-buttons .wrapper .inner .booking_button.custom{
    position: static !important;
  }
}
/* Barre des boutons dans la bannière */
#main-buttons .wrapper .inner .bar{
  display: flex !important;
  justify-content: flex-end !important;  /* pousse à droite */
  width: 100% !important;
  padding-right: 90px !important;        /* ajuste: 60–140px pour placer sous l’œil */
  margin-top: 8px !important;            /* ajuste la hauteur si besoin */
  text-align: right !important;
}
#main-buttons .wrapper .inner .bar .btn{ margin: 0 0 0 14px !important; }
@media (max-width:1024px){
  #main-buttons .wrapper .inner .bar{
    justify-content: center !important;
    padding-right: 0 !important;
  }
}
/* Descend légèrement le bouton Prestations et Réservations */
#main-buttons .wrapper .inner .booking_button.custom {
  margin-top: 40px !important;   /* augmente la valeur pour descendre davantage */
}
