/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* Nasconde il blocco "Il nostro tempo: HH:MM Europe/Rome" */
html body div#sb_booking_company_time { 
  display: none !important; 
  visibility: hidden !important; 
  height: 0 !important; 
  margin: 0 !important; 
  padding: 0 !important;
}

/* ====== GRADIENTE: NOME AZIENDA (HEADER) ====== */
#company_name,
#sb_main #sb_header h1,
.sb-header__company-name,
.header .company-name {
  background-image: linear-gradient(to bottom,#2b2828, #424242, #585858, #939393, #c0c0c0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; /* Safari/iOS */
  color: transparent;
  padding: 2%;
}

/* Fallback se il clip-text non è supportato */
@supports not (-webkit-background-clip: text) {
  #company_name,
  #sb_main #sb_header h1,
  .sb-header__company-name,
  .header .company-name {
    color: #424242;
  }
}

/* ====== GRADIENTE: PULSANTI PRINCIPALI ====== */
/* Copre: "Prenota ora" nella home booking, bottoni primari e pulsanti principali nel flusso */
#main-buttons a,
#main-buttons button,
a.sb-button,
button.sb-button,
button.btn-primary {
  background-image: linear-gradient(to bottom,#2b2828, #424242, #585858, #939393, #c0c0c0) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 8px;
  transition: filter .2s ease, transform .02s ease-in-out;
}

/* Hover/active/focus */
#main-buttons a:hover,
#main-buttons button:hover,
a.sb-button:hover,
button.sb-button:hover,
button.btn-primary:hover {
  filter: brightness(1.08);
}
#main-buttons a:active,
#main-buttons button:active,
a.sb-button:active,
button.sb-button:active,
button.btn-primary:active {
  transform: translateY(1px);
}
#main-buttons a:focus-visible,
#main-buttons button:focus-visible,
a.sb-button:focus-visible,
button.sb-button:focus-visible,
button.btn-primary:focus-visible {
  outline: 2px solid #585858;
  outline-offset: 2px;
}

/* ====== (FACOLTATIVO) BOTTONI NELLE VISTE EVENTI ====== */
#events input.reserve_time_btn {
  background-image: linear-gradient(to bottom,#2b2828, #424242, #585858, #939393, #c0c0c0) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 8px;
}
#events input.select_another_btn {
  background-image: linear-gradient(to bottom,#2b2828, #424242, #585858, #939393, #c0c0c0) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 8px;
}

/* ====== (FACOLTATIVO) BOTTONE SALVA NEL FORM ====== */
#eventForm #save_button {
  background-image: linear-gradient(to bottom,#2b2828, #424242, #585858, #939393, #c0c0c0) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 8px;
}

/* ====== NOVITÀ: GRADIENTE SU PULSANTI DI CATEGORIA / SERVIZIO / FORNITORE ======
   Copre temi moderni (sb-*) e layout classici (category-/service-/provider-item). */
#sb_main .sb-category__list .sb-category__item button,
#sb_main .sb-category__list .sb-category__item a.button,
#sb_main .sb-services__list .sb-service__item button,
#sb_main .sb-services__list .sb-service__item a.button,
#sb_main .sb-providers__list .sb-provider__item button,
#sb_main .sb-providers__list .sb-provider__item a.button,
#sb_main .category-item .btn,
#sb_main .service-item .btn,
#sb_main .provider-item .btn,
#sb_main .category-item a.button,
#sb_main .service-item a.button,
#sb_main .provider-item a.button,
#sb_main .sb-list__item button,
#sb_main .sb-list__item a.button {
  background-image: linear-gradient(to bottom,#2b2828, #424242, #585858, #939393, #c0c0c0) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  text-align: center !important;
  display: inline-block !important;
  transition: filter .2s ease, transform .02s ease-in-out;
}

/* In caso quei “bottoni” siano link senza classe all'interno delle card */
#sb_main .sb-category__item a:not([class]),
#sb_main .sb-service__item a:not([class]),
#sb_main .sb-provider__item a:not([class]) {
  background-image: linear-gradient(to bottom,#2b2828, #424242, #585858, #939393, #c0c0c0) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: .6rem 1rem !important;
  display: inline-block !important;
}

/* Hover/active per i bottoni di categoria/servizio/fornitore */
#sb_main .sb-category__list .sb-category__item button:hover,
#sb_main .sb-category__list .sb-category__item a.button:hover,
#sb_main .sb-services__list .sb-service__item button:hover,
#sb_main .sb-services__list .sb-service__item a.button:hover,
#sb_main .sb-providers__list .sb-provider__item button:hover,
#sb_main .sb-providers__list .sb-provider__item a.button:hover,
#sb_main .category-item .btn:hover,
#sb_main .service-item .btn:hover,
#sb_main .provider-item .btn:hover,
#sb_main .category-item a.button:hover,
#sb_main .service-item a.button:hover,
#sb_main .provider-item a.button:hover,
#sb_main .sb-list__item button:hover,
#sb_main .sb-list__item a.button:hover {
  filter: brightness(1.08);
}
#sb_main .sb-category__list .sb-category__item button:active,
#sb_main .sb-category__list .sb-category__item a.button:active,
#sb_main .sb-services__list .sb-service__item button:active,
#sb_main .sb-services__list .sb-service__item a.button:active,
#sb_main .sb-providers__list .sb-provider__item button:active,
#sb_main .sb-providers__list .sb-provider__item a.button:active,
#sb_main .category-item .btn:active,
#sb_main .service-item .btn:active,
#sb_main .provider-item .btn:active,
#sb_main .category-item a.button:active,
#sb_main .service-item a.button:active,
#sb_main .provider-item a.button:active,
#sb_main .sb-list__item button:active,
#sb_main .sb-list__item a.button:active {
  transform: translateY(1px);
}

/* ====== SELETTORI PREESISTENTI (lasciati vuoti per future personalizzazioni) ====== */
#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 */
}

#eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* 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 */
}