.elementor-9692 .elementor-element.elementor-element-07813ab{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9692 .elementor-element.elementor-element-07813ab:not(.elementor-motion-effects-element-type-background), .elementor-9692 .elementor-element.elementor-element-07813ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://grannauto.com/wp-content/uploads/2025/09/Sem-nome-1500-x-600-px-2.png");}.elementor-9692 .elementor-element.elementor-element-16770be{text-align:center;}.elementor-9692 .elementor-element.elementor-element-16770be .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:33px;font-weight:362;color:#FFFFFF;}.elementor-9692 .elementor-element.elementor-element-1da7218{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-9692 .elementor-element.elementor-element-30ada6a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9692 .elementor-element.elementor-element-b3517c5{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9692 .elementor-element.elementor-element-b3517c5:not(.elementor-motion-effects-element-type-background), .elementor-9692 .elementor-element.elementor-element-b3517c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9692 .elementor-element.elementor-element-c35497f{--display:flex;}.elementor-9692 .elementor-element.elementor-element-8dc2721{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9692 .elementor-element.elementor-element-15d65ca{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;}.elementor-9692 .elementor-element.elementor-element-15d65ca > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-9692 .elementor-element.elementor-element-61af61d{--display:flex;}:root{--page-title-display:none;}@media(max-width:1440px){.elementor-9692 .elementor-element.elementor-element-30ada6a{width:var( --container-widget-width, 1053px );max-width:1053px;--container-widget-width:1053px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-9692 .elementor-element.elementor-element-30ada6a > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-9692 .elementor-element.elementor-element-b3517c5{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9692 .elementor-element.elementor-element-15d65ca{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-9692 .elementor-element.elementor-element-15d65ca > .elementor-widget-container{padding:20px 20px 20px 20px;}}/* Start custom CSS for shortcode, class: .elementor-element-774afda *//* ===========================
   BOOKLY STAFF CALENDAR — ESTILO MODERNO (APENAS CSS)
   Escopo: dentro do container do calendário
   =========================== */
.bookly-staff-cabinet .bookly-js-calendar {
  background: #f9fafb;
  padding: 12px;
  border-radius: 12px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
}

/* Toolbar (topo) */
.bookly-staff-cabinet .bookly-js-calendar .ec-toolbar {
  background: #f3f4f6;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 10px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-title {
  font-weight: 700;
  color: #111827;
  letter-spacing: .2px;
}


/* Botões padrão do calendário */
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: #111827;
  border-radius: 10px;
  padding: 6px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease;
}
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default.active {
  background: #111827;
  color: #fff;
  border-color: #111827;
}



/* Cartões de evento (modo lista) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event {
  background: #fcfcfc !important; /* neutraliza cores inline do plugin */
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 8px 0;
  display: grid;
  grid-template-columns: 6px 1fr; /* faixa colorida + conteúdo */
  gap: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
  transition: box-shadow .18s ease, transform .04s ease;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Faixa colorida (aproveita .ec-event-tag que já vem com background inline) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event .ec-event-tag {
  width: 6px;
  min-width: 6px;
  border-radius: 6px;
  margin: 2px 0;
  /* remove deslocamentos padrão */
  position: static !important;
}

/* Corpo do evento */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-body {
  display: block;
}

/* Horário */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-time {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 6px;
}

/* Grade de detalhes do evento:
   1ª linha = título do serviço (bold);
   Demais linhas = dados (cliente, telefone, e-mail, Status, etc.) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 6px 10px;
  align-items: start;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title > div:first-child {
  grid-column: 1 / -1;
  font-weight: 700;
  color: #111827;
  font-size: 15px;
  margin-top: 2px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title > div {
  font-size: 13px;
  color: #374151;
}
/* Remove “cinza” do Bookly em pendentes (mantém legível) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title.text-muted,
.bookly-staff-cabinet .bookly-js-calendar .ec-event-time.text-muted {
  color: #374151 !important;
}

/* Pontinho colorido do Bookly */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-dot {
  width: 10px;
  height: 10px;
  border-width: 2px !important;
  border-radius: 50%;
  margin-top: 2px;
}

/* Botões Editar / Deletar dentro do card */
.bookly-staff-cabinet .bookly-js-calendar .ec-event .btn.btn-success.btn-sm,
.bookly-staff-cabinet .bookly-js-calendar .ec-event .btn.btn-danger.btn-sm {
  border-radius: 10px;
  padding: 6px 10px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event .mt-2.d-flex {
  gap: 6px;
}

/* Rodapé (Exportar / Atualizar) */
.bookly-staff-cabinet .bookly-js-calendar-footer {
  margin-top: 12px;
}
.bookly-staff-cabinet .bookly-js-calendar-footer .btn {
  border-radius: 10px;
}

/* Modal (Excluir / Exportar) – leve polimento */
.bookly-staff-cabinet .bookly-modal .modal-content {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
}
.bookly-staff-cabinet .bookly-modal .modal-header {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.bookly-staff-cabinet .bookly-modal .modal-title {
  font-weight: 700;
  color: #111827;
}

/* Pequenos ajustes de espaçamento em lista */
.bookly-staff-cabinet .bookly-js-calendar .ec-list .ec-content {
  padding-top: 6px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-day + .ec-day {
  margin-top: 6px;
}

/* Acessibilidade/hover nos botões da toolbar */
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default:active {
  transform: translateY(1px);
}

/* (Opcional) Afinar sombras no modo escuro do navegador */
@media (prefers-color-scheme: dark) {
  .bookly-staff-cabinet .bookly-js-calendar .ec-event:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.28);
  }
}

/* ESCONDE botões "Semana" e "Dia" em qualquer tela */
.bookly-js-calendar .ec-toolbar .ec-end .ec-timeGridWeek,
.bookly-js-calendar .ec-toolbar .ec-end .ec-timeGridDay {
  display: none !important;
}

/* --------- MOBILE (até 768px) --------- */
@media (max-width: 768px) {

  /* Esconde o botão "Mês" no mobile */
  .bookly-js-calendar .ec-toolbar .ec-end .ec-dayGridMonth {
    display: none !important;
  }

  /* Opcional: esconde o título grande (faixa de dias) para ganhar espaço */
  .bookly-js-calendar .ec-toolbar .ec-center {
    display: none !important;
  }

  /* Deixa a toolbar mais compacta e com melhor UX no mobile */
  .bookly-js-calendar .ec-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-inline: 8px;
  }

  .bookly-js-calendar .ec-toolbar .ec-start {
    flex: 0 0 auto;
  }

  .bookly-js-calendar .ec-toolbar .ec-end {
    flex: 1 1 auto;
  }

  /* Botão "Lista" ocupando mais espaço para ser mais fácil de clicar */
  .bookly-js-calendar .ec-toolbar .ec-end .btn-group {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }

  .bookly-js-calendar .ec-toolbar .ec-end .btn-group .ec-listWeek {
    flex: 1 1 auto;
    text-align: center;
    font-size: 14px;
    padding: 8px 0;
  }

  /* Dá uma leve reduzida nos botões prev/next/today */
  .bookly-js-calendar .ec-toolbar .btn {
    padding: 4px 8px;
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-09a72dc *//* =========================================
   BOOKLY STAFF CABINET — SCHEDULE (Tema Claro)
   Escopo: #bookly-tbs.bookly-staff-cabinet-schedule
   Mantém coesão com o design do Calendar
   ========================================= */
#bookly-tbs.bookly-staff-cabinet-schedule {
  --bk-bg: #f9fafb;          /* área externa */
  --bk-surface: #ffffff;     /* cartões / selects / botões */
  --bk-surface-2: #f3f4f6;   /* barras / faixas neutras */
  --bk-border: #e5e7eb;
  --bk-text: #111827;        /* principal */
  --bk-muted: #6b7280;       /* secundário */
  --bk-muted-2: #374151;
  --bk-radius: 12px;
  --bk-radius-lg: 14px;
  --bk-shadow: 0 1px 2px rgba(0,0,0,.04);
  --bk-shadow-lg: 0 6px 18px rgba(0,0,0,.06);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--bk-text);
}

/* --- Blocos/linhas (cada dia) como cartões leves --- */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 12px 14px;
  margin: 10px 0;
  box-shadow: var(--bk-shadow);
  transition: box-shadow .18s ease, border-color .18s ease, transform .04s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}

/* Estado “desligado”: quando o select inicial está vazio */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:has(.bookly-js-parent-range-start option[value=""]:checked) {
  background: #fafafa;
  border-style: dashed;
  opacity: .75;
}

/* Coluna com o nome do dia */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row .col-3 {
  font-weight: 700;
  color: var(--bk-text);
  letter-spacing: .2px;
}

/* Selects (início/fim) */
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, border-color .15s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select:hover {
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select:focus {
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,.12);
}

/* Texto “até” e colunas que dependem do on/off */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-invisible-on-off {
  color: var(--bk-muted);
}

/* Botão "Add break" e área de intervalos */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-wrapper {
  background: var(--bk-surface-2);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 10px;
  margin-top: 10px;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-toggle-popover.btn.btn-default {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-toggle-popover.btn.btn-default:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-list {
  margin-top: 8px;
  display: grid;
  gap: 8px;
}

/* (Opcional) Estilo para cada “break” que o Bookly renderiza */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-list > * {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: 10px;
  padding: 8px 10px;
}

/* Alinhamento fino das fileiras internas */
#bookly-tbs.bookly-staff-cabinet-schedule .form-row.align-items-center {
  gap: 10px;
}

/* Botões gerais .btn-default dentro do schedule (coeso com Calendar) */
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 6px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default:active {
  transform: translateY(1px);
}

/* Espaçamento geral entre blocos */
#bookly-tbs.bookly-staff-cabinet-schedule .form-group > .bookly-js-range-row + .bookly-js-range-row {
  margin-top: 12px;
}

/* Responsivo — mantém arejamento em telas pequenas */
@media (max-width: 767.98px) {
  #bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row {
    padding: 10px 12px;
  }
  #bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select {
    padding: 8px 10px;
  }
}

/* Afinar sombras no modo escuro do SO (sem mudar o tema claro) */
@media (prefers-color-scheme: dark) {
  #bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e237a6 *//* ================================
   BOOKLY STAFF CABINET — SERVICES
   Tema Claro coeso com o Calendar
   Escopo: #bookly-tbs.bookly-staff-cabinet-services
   ================================ */
#bookly-tbs.bookly-staff-cabinet-services {
  --bk-bg: #f9fafb;       /* fundo container */
  --bk-surface: #ffffff;  /* cartões/botões */
  --bk-surface-2: #f3f4f6;
  --bk-border: #e5e7eb;
  --bk-text: #111827;     /* principal */
  --bk-muted: #6b7280;    /* secundário */
  --bk-muted-2: #374151;
  --bk-radius: 12px;
  --bk-radius-lg: 14px;
  --bk-shadow: 0 1px 2px rgba(0,0,0,.04);
  --bk-shadow-lg: 0 6px 18px rgba(0,0,0,.06);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--bk-text);
  background: transparent;
}

/* Cabeçalho (“Todos os serviços”) */
#bookly-tbs.bookly-staff-cabinet-services .card.bg-light {
  background: var(--bk-surface-2) !important;
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 14px 16px !important;
  box-shadow: var(--bk-shadow);
}
#bookly-tbs.bookly-staff-cabinet-services .text-muted { color: var(--bk-muted) !important; }

#bookly-tbs.bookly-staff-cabinet-services #bookly-check-all-entities {
  accent-color: #111827; /* discreto, neutro */
}
#bookly-tbs.bookly-staff-cabinet-services label[for="bookly-check-all-entities"] {
  font-weight: 700;
  color: var(--bk-text);
  letter-spacing: .2px;
}

/* Lista de serviços como cartões leves */
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services {
  margin: 12px 0 8px;
  display: grid;
  gap: 10px;
  padding: 0;
  background: transparent;
}
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li {
  list-style: none;
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 12px 14px !important;
  box-shadow: var(--bk-shadow);
  transition: box-shadow .18s ease, transform .04s ease, border-color .18s ease;
}
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}

/* Checkbox e rótulo do serviço */
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input {
  accent-color: #111827;
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-label.bookly-toggle-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .12s ease, color .12s ease, box-shadow .12s ease;
  font-weight: 600;
  color: var(--bk-text);
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:hover + .custom-control-label,
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:focus + .custom-control-label {
  background: #f3f4f6;
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:checked + .custom-control-label {
  background: #eef2ff; /* leve realce */
  box-shadow: inset 0 0 0 1px #e0e7ff;
}

/* ====== OCULTAR PREÇO (desktop + mobile) ====== */
/* Cabeçalho “Preço” da barra superior */
#bookly-tbs.bookly-staff-cabinet-services .card .form-row.text-muted .col-lg-3.text-center {
  display: none !important;
}
/* Rótulo “Preço” (mobile) */
#bookly-tbs.bookly-staff-cabinet-services .d-lg-none {
  display: none !important;
}
/* Input de preço e sua coluna */
#bookly-tbs.bookly-staff-cabinet-services [name^="price"] {
  display: none !important;
}
#bookly-tbs.bookly-staff-cabinet-services .form-row .col-3:has([name^="price"]) {
  display: none !important;
}
/* Fallback caso :has não seja suportado */
@supports not (.elementor-9692 .elementor-element.elementor-element-0e237a6(:has(*))) {
  #bookly-tbs.bookly-staff-cabinet-services .form-row .col-3 input[name^="price"] {
    display: none !important;
  }
  #bookly-tbs.bookly-staff-cabinet-services .form-row .col-3 {
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
}

/* Inputs genéricos (se usados para outros campos) */
#bookly-tbs.bookly-staff-cabinet-services .form-control {
  background: #fff;
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
}
#bookly-tbs.bookly-staff-cabinet-services .form-control:focus {
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,.12);
}

/* Ações (Salvar / Recuperar) coesas com o calendário */
#bookly-tbs.bookly-staff-cabinet-services .text-right {
  margin-top: 8px;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn:hover,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn:active,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn:active {
  transform: translateY(1px);
}
/* Diferenciar o Salvar com estado ativo (mesma lógica do calendário .btn-default.active) */
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn.ladda-button:focus,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn.ladda-button.active {
  background: #111827 !important;
  color: #fff !important;
  border-color: #111827 !important;
}

/* Mensagens de erro */
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-services-error {
  font-weight: 600;
}

/* Grid responsivo fininho */
@media (max-width: 767.98px) {
  #bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li {
    padding: 10px 12px !important;
  }
  #bookly-tbs.bookly-staff-cabinet-services .custom-control-label.bookly-toggle-label {
    padding: 6px 8px;
  }
}

/* Ajuste sutil para quem usa modo escuro no SO (mantendo tema claro) */
@media (prefers-color-scheme: dark) {
  #bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
}

/* =========================================
   Event Calendar — Forçar apenas modo Lista
   ========================================= */

/* Oculta os botões de visualização que não são Lista */
.ec .ec-toolbar .btn-group .ec-dayGridMonth,
.ec .ec-toolbar .btn-group .ec-timeGridWeek,
.ec .ec-toolbar .btn-group .ec-timeGridDay {
  display: none !important;
}

/* Garante que o botão Lista continue visível */
.ec .ec-toolbar .btn-group .ec-listWeek {
  display: inline-flex !important;
}

/* (Opcional) Centraliza o botão Lista */
.ec .ec-toolbar .btn-group {
  justify-content: center;
}

/* Ocultando insput de clintes no popup agendamento */
#bookly-tbs .mb-1, #bookly-tbs .my-1 {
    display:none !important;
}
#bookly-tbs .text-muted {
    display:none !important;
}


#bookly-tbs .input-group {
   display:none !important;
}

/* Ocultando capacidade do serviço*/
.bookly-js-capacity-form-group{
    display:none !important;
}

/* =========================================
   BOOKLY / Event Calendar — MOBILE FIX PACK
   Toolbar alinhada + Lista 100% + Eventos sem esmagar
   ========================================= */
@media (max-width: 767.98px) {

  /* 1) TOOLBAR: alinhar tudo e permitir quebrar linha */
  .ec .ec-toolbar{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .ec .ec-toolbar .ec-start,
  .ec .ec-toolbar .ec-center,
  .ec .ec-toolbar .ec-end{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* Distribuição: start + end nas laterais, título embaixo/central quando precisar */
  .ec .ec-toolbar .ec-start{ flex: 1 1 auto !important; justify-content: flex-start !important; }
  .ec .ec-toolbar .ec-end{ flex: 1 1 auto !important; justify-content: flex-end !important; }

  .ec .ec-toolbar .ec-center{
    flex: 1 1 100% !important;
    justify-content: center !important;
    order: 3 !important;
  }

  .ec .ec-toolbar .ec-title{
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  /* Botões com tamanho consistente */
  .ec .ec-toolbar .btn{
    padding: 8px 10px !important;
    line-height: 1 !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
  }

  /* Agrupamentos: não esmagar */
  .ec .ec-toolbar .btn-group{
    display: inline-flex !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }


  /* 2) LIST VIEW: remover coluna/eixo e liberar 100% da largura */
  .ec.ec-list .ec-axis,
  .ec.ec-list .ec-time,
  .ec.ec-list .ec-time-grid,
  .ec.ec-list .ec-time-grid-container{
    display: none !important;
  }

  .ec.ec-list .ec-content,
  .ec.ec-list .ec-days,
  .ec.ec-list .ec-day{
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* Evitar “corte” horizontal no mobile */
  .ec.ec-list,
  .ec.ec-list .ec-body,
  .ec.ec-list .ec-content{
    overflow-x: hidden !important;
  }


  /* 3) EVENTOS: não esmagar / permitir quebra / ocupar largura total */
  .ec.ec-list .ec-events{
    padding: 6px 8px !important;
  }

  .ec.ec-list .ec-event{
    width: 100% !important;
    max-width: 100% !important;
    margin: 6px 0 !important;
    box-sizing: border-box !important;
  }

  /* O “miolo” do evento pode estar encolhendo: forçar layout em coluna e permitir wrap */
  .ec.ec-list .ec-event-body,
  .ec.ec-list .ec-event-title{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .ec.ec-list .ec-event-time{
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  /* Seus botões Aceitar/Recusar: manter alinhados e não estourar */
  .ec.ec-list .ga-btn-wrap{
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 8px !important;
  }
  .ec.ec-list .ga-btn-wrap .ga-btn{
    flex: 1 1 auto !important;
    min-width: 120px !important;
  }


  /* 4) REJEITADOS: garantir que não “sumam” e fiquem legíveis */
  /* (No seu HTML eles vêm com <s> no horário) */
  .ec.ec-list .ec-event-time s{
    display: inline !important;
    opacity: .95 !important;
  }

  /* Quando text-muted estiver “apagando” em fundo colorido */
  .ec.ec-list .ec-event .text-muted{
    opacity: 1 !important;
  }

  /* Se algum CSS estiver reduzindo altura do card, garantir respiro */
  .ec.ec-list .ec-event{
    min-height: 44px !important;
  }
  
  /* Ajustando a font-size do dia */
  .ec-day-head time{
    font-size:16px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-774afda *//* ===========================
   BOOKLY STAFF CALENDAR — ESTILO MODERNO (APENAS CSS)
   Escopo: dentro do container do calendário
   =========================== */
.bookly-staff-cabinet .bookly-js-calendar {
  background: #f9fafb;
  padding: 12px;
  border-radius: 12px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
}

/* Toolbar (topo) */
.bookly-staff-cabinet .bookly-js-calendar .ec-toolbar {
  background: #f3f4f6;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 10px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-title {
  font-weight: 700;
  color: #111827;
  letter-spacing: .2px;
}


/* Botões padrão do calendário */
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: #111827;
  border-radius: 10px;
  padding: 6px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease;
}
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default.active {
  background: #111827;
  color: #fff;
  border-color: #111827;
}



/* Cartões de evento (modo lista) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event {
  background: #fcfcfc !important; /* neutraliza cores inline do plugin */
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 8px 0;
  display: grid;
  grid-template-columns: 6px 1fr; /* faixa colorida + conteúdo */
  gap: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
  transition: box-shadow .18s ease, transform .04s ease;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Faixa colorida (aproveita .ec-event-tag que já vem com background inline) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event .ec-event-tag {
  width: 6px;
  min-width: 6px;
  border-radius: 6px;
  margin: 2px 0;
  /* remove deslocamentos padrão */
  position: static !important;
}

/* Corpo do evento */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-body {
  display: block;
}

/* Horário */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-time {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 6px;
}

/* Grade de detalhes do evento:
   1ª linha = título do serviço (bold);
   Demais linhas = dados (cliente, telefone, e-mail, Status, etc.) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 6px 10px;
  align-items: start;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title > div:first-child {
  grid-column: 1 / -1;
  font-weight: 700;
  color: #111827;
  font-size: 15px;
  margin-top: 2px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title > div {
  font-size: 13px;
  color: #374151;
}
/* Remove “cinza” do Bookly em pendentes (mantém legível) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title.text-muted,
.bookly-staff-cabinet .bookly-js-calendar .ec-event-time.text-muted {
  color: #374151 !important;
}

/* Pontinho colorido do Bookly */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-dot {
  width: 10px;
  height: 10px;
  border-width: 2px !important;
  border-radius: 50%;
  margin-top: 2px;
}

/* Botões Editar / Deletar dentro do card */
.bookly-staff-cabinet .bookly-js-calendar .ec-event .btn.btn-success.btn-sm,
.bookly-staff-cabinet .bookly-js-calendar .ec-event .btn.btn-danger.btn-sm {
  border-radius: 10px;
  padding: 6px 10px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event .mt-2.d-flex {
  gap: 6px;
}

/* Rodapé (Exportar / Atualizar) */
.bookly-staff-cabinet .bookly-js-calendar-footer {
  margin-top: 12px;
}
.bookly-staff-cabinet .bookly-js-calendar-footer .btn {
  border-radius: 10px;
}

/* Modal (Excluir / Exportar) – leve polimento */
.bookly-staff-cabinet .bookly-modal .modal-content {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
}
.bookly-staff-cabinet .bookly-modal .modal-header {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.bookly-staff-cabinet .bookly-modal .modal-title {
  font-weight: 700;
  color: #111827;
}

/* Pequenos ajustes de espaçamento em lista */
.bookly-staff-cabinet .bookly-js-calendar .ec-list .ec-content {
  padding-top: 6px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-day + .ec-day {
  margin-top: 6px;
}

/* Acessibilidade/hover nos botões da toolbar */
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default:active {
  transform: translateY(1px);
}

/* (Opcional) Afinar sombras no modo escuro do navegador */
@media (prefers-color-scheme: dark) {
  .bookly-staff-cabinet .bookly-js-calendar .ec-event:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.28);
  }
}

/* ESCONDE botões "Semana" e "Dia" em qualquer tela */
.bookly-js-calendar .ec-toolbar .ec-end .ec-timeGridWeek,
.bookly-js-calendar .ec-toolbar .ec-end .ec-timeGridDay {
  display: none !important;
}

/* --------- MOBILE (até 768px) --------- */
@media (max-width: 768px) {

  /* Esconde o botão "Mês" no mobile */
  .bookly-js-calendar .ec-toolbar .ec-end .ec-dayGridMonth {
    display: none !important;
  }

  /* Opcional: esconde o título grande (faixa de dias) para ganhar espaço */
  .bookly-js-calendar .ec-toolbar .ec-center {
    display: none !important;
  }

  /* Deixa a toolbar mais compacta e com melhor UX no mobile */
  .bookly-js-calendar .ec-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-inline: 8px;
  }

  .bookly-js-calendar .ec-toolbar .ec-start {
    flex: 0 0 auto;
  }

  .bookly-js-calendar .ec-toolbar .ec-end {
    flex: 1 1 auto;
  }

  /* Botão "Lista" ocupando mais espaço para ser mais fácil de clicar */
  .bookly-js-calendar .ec-toolbar .ec-end .btn-group {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }

  .bookly-js-calendar .ec-toolbar .ec-end .btn-group .ec-listWeek {
    flex: 1 1 auto;
    text-align: center;
    font-size: 14px;
    padding: 8px 0;
  }

  /* Dá uma leve reduzida nos botões prev/next/today */
  .bookly-js-calendar .ec-toolbar .btn {
    padding: 4px 8px;
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-09a72dc *//* =========================================
   BOOKLY STAFF CABINET — SCHEDULE (Tema Claro)
   Escopo: #bookly-tbs.bookly-staff-cabinet-schedule
   Mantém coesão com o design do Calendar
   ========================================= */
#bookly-tbs.bookly-staff-cabinet-schedule {
  --bk-bg: #f9fafb;          /* área externa */
  --bk-surface: #ffffff;     /* cartões / selects / botões */
  --bk-surface-2: #f3f4f6;   /* barras / faixas neutras */
  --bk-border: #e5e7eb;
  --bk-text: #111827;        /* principal */
  --bk-muted: #6b7280;       /* secundário */
  --bk-muted-2: #374151;
  --bk-radius: 12px;
  --bk-radius-lg: 14px;
  --bk-shadow: 0 1px 2px rgba(0,0,0,.04);
  --bk-shadow-lg: 0 6px 18px rgba(0,0,0,.06);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--bk-text);
}

/* --- Blocos/linhas (cada dia) como cartões leves --- */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 12px 14px;
  margin: 10px 0;
  box-shadow: var(--bk-shadow);
  transition: box-shadow .18s ease, border-color .18s ease, transform .04s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}

/* Estado “desligado”: quando o select inicial está vazio */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:has(.bookly-js-parent-range-start option[value=""]:checked) {
  background: #fafafa;
  border-style: dashed;
  opacity: .75;
}

/* Coluna com o nome do dia */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row .col-3 {
  font-weight: 700;
  color: var(--bk-text);
  letter-spacing: .2px;
}

/* Selects (início/fim) */
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, border-color .15s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select:hover {
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select:focus {
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,.12);
}

/* Texto “até” e colunas que dependem do on/off */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-invisible-on-off {
  color: var(--bk-muted);
}

/* Botão "Add break" e área de intervalos */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-wrapper {
  background: var(--bk-surface-2);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 10px;
  margin-top: 10px;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-toggle-popover.btn.btn-default {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-toggle-popover.btn.btn-default:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-list {
  margin-top: 8px;
  display: grid;
  gap: 8px;
}

/* (Opcional) Estilo para cada “break” que o Bookly renderiza */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-list > * {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: 10px;
  padding: 8px 10px;
}

/* Alinhamento fino das fileiras internas */
#bookly-tbs.bookly-staff-cabinet-schedule .form-row.align-items-center {
  gap: 10px;
}

/* Botões gerais .btn-default dentro do schedule (coeso com Calendar) */
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 6px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default:active {
  transform: translateY(1px);
}

/* Espaçamento geral entre blocos */
#bookly-tbs.bookly-staff-cabinet-schedule .form-group > .bookly-js-range-row + .bookly-js-range-row {
  margin-top: 12px;
}

/* Responsivo — mantém arejamento em telas pequenas */
@media (max-width: 767.98px) {
  #bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row {
    padding: 10px 12px;
  }
  #bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select {
    padding: 8px 10px;
  }
}

/* Afinar sombras no modo escuro do SO (sem mudar o tema claro) */
@media (prefers-color-scheme: dark) {
  #bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e237a6 *//* ================================
   BOOKLY STAFF CABINET — SERVICES
   Tema Claro coeso com o Calendar
   Escopo: #bookly-tbs.bookly-staff-cabinet-services
   ================================ */
#bookly-tbs.bookly-staff-cabinet-services {
  --bk-bg: #f9fafb;       /* fundo container */
  --bk-surface: #ffffff;  /* cartões/botões */
  --bk-surface-2: #f3f4f6;
  --bk-border: #e5e7eb;
  --bk-text: #111827;     /* principal */
  --bk-muted: #6b7280;    /* secundário */
  --bk-muted-2: #374151;
  --bk-radius: 12px;
  --bk-radius-lg: 14px;
  --bk-shadow: 0 1px 2px rgba(0,0,0,.04);
  --bk-shadow-lg: 0 6px 18px rgba(0,0,0,.06);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--bk-text);
  background: transparent;
}

/* Cabeçalho (“Todos os serviços”) */
#bookly-tbs.bookly-staff-cabinet-services .card.bg-light {
  background: var(--bk-surface-2) !important;
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 14px 16px !important;
  box-shadow: var(--bk-shadow);
}
#bookly-tbs.bookly-staff-cabinet-services .text-muted { color: var(--bk-muted) !important; }

#bookly-tbs.bookly-staff-cabinet-services #bookly-check-all-entities {
  accent-color: #111827; /* discreto, neutro */
}
#bookly-tbs.bookly-staff-cabinet-services label[for="bookly-check-all-entities"] {
  font-weight: 700;
  color: var(--bk-text);
  letter-spacing: .2px;
}

/* Lista de serviços como cartões leves */
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services {
  margin: 12px 0 8px;
  display: grid;
  gap: 10px;
  padding: 0;
  background: transparent;
}
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li {
  list-style: none;
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 12px 14px !important;
  box-shadow: var(--bk-shadow);
  transition: box-shadow .18s ease, transform .04s ease, border-color .18s ease;
}
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}

/* Checkbox e rótulo do serviço */
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input {
  accent-color: #111827;
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-label.bookly-toggle-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .12s ease, color .12s ease, box-shadow .12s ease;
  font-weight: 600;
  color: var(--bk-text);
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:hover + .custom-control-label,
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:focus + .custom-control-label {
  background: #f3f4f6;
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:checked + .custom-control-label {
  background: #eef2ff; /* leve realce */
  box-shadow: inset 0 0 0 1px #e0e7ff;
}

/* ====== OCULTAR PREÇO (desktop + mobile) ====== */
/* Cabeçalho “Preço” da barra superior */
#bookly-tbs.bookly-staff-cabinet-services .card .form-row.text-muted .col-lg-3.text-center {
  display: none !important;
}
/* Rótulo “Preço” (mobile) */
#bookly-tbs.bookly-staff-cabinet-services .d-lg-none {
  display: none !important;
}
/* Input de preço e sua coluna */
#bookly-tbs.bookly-staff-cabinet-services [name^="price"] {
  display: none !important;
}
#bookly-tbs.bookly-staff-cabinet-services .form-row .col-3:has([name^="price"]) {
  display: none !important;
}
/* Fallback caso :has não seja suportado */
@supports not (.elementor-9692 .elementor-element.elementor-element-0e237a6(:has(*))) {
  #bookly-tbs.bookly-staff-cabinet-services .form-row .col-3 input[name^="price"] {
    display: none !important;
  }
  #bookly-tbs.bookly-staff-cabinet-services .form-row .col-3 {
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
}

/* Inputs genéricos (se usados para outros campos) */
#bookly-tbs.bookly-staff-cabinet-services .form-control {
  background: #fff;
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
}
#bookly-tbs.bookly-staff-cabinet-services .form-control:focus {
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,.12);
}

/* Ações (Salvar / Recuperar) coesas com o calendário */
#bookly-tbs.bookly-staff-cabinet-services .text-right {
  margin-top: 8px;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn:hover,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn:active,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn:active {
  transform: translateY(1px);
}
/* Diferenciar o Salvar com estado ativo (mesma lógica do calendário .btn-default.active) */
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn.ladda-button:focus,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn.ladda-button.active {
  background: #111827 !important;
  color: #fff !important;
  border-color: #111827 !important;
}

/* Mensagens de erro */
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-services-error {
  font-weight: 600;
}

/* Grid responsivo fininho */
@media (max-width: 767.98px) {
  #bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li {
    padding: 10px 12px !important;
  }
  #bookly-tbs.bookly-staff-cabinet-services .custom-control-label.bookly-toggle-label {
    padding: 6px 8px;
  }
}

/* Ajuste sutil para quem usa modo escuro no SO (mantendo tema claro) */
@media (prefers-color-scheme: dark) {
  #bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
}

/* =========================================
   Event Calendar — Forçar apenas modo Lista
   ========================================= */

/* Oculta os botões de visualização que não são Lista */
.ec .ec-toolbar .btn-group .ec-dayGridMonth,
.ec .ec-toolbar .btn-group .ec-timeGridWeek,
.ec .ec-toolbar .btn-group .ec-timeGridDay {
  display: none !important;
}

/* Garante que o botão Lista continue visível */
.ec .ec-toolbar .btn-group .ec-listWeek {
  display: inline-flex !important;
}

/* (Opcional) Centraliza o botão Lista */
.ec .ec-toolbar .btn-group {
  justify-content: center;
}

/* Ocultando insput de clintes no popup agendamento */
#bookly-tbs .mb-1, #bookly-tbs .my-1 {
    display:none !important;
}
#bookly-tbs .text-muted {
    display:none !important;
}


#bookly-tbs .input-group {
   display:none !important;
}

/* Ocultando capacidade do serviço*/
.bookly-js-capacity-form-group{
    display:none !important;
}

/* =========================================
   BOOKLY / Event Calendar — MOBILE FIX PACK
   Toolbar alinhada + Lista 100% + Eventos sem esmagar
   ========================================= */
@media (max-width: 767.98px) {

  /* 1) TOOLBAR: alinhar tudo e permitir quebrar linha */
  .ec .ec-toolbar{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .ec .ec-toolbar .ec-start,
  .ec .ec-toolbar .ec-center,
  .ec .ec-toolbar .ec-end{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* Distribuição: start + end nas laterais, título embaixo/central quando precisar */
  .ec .ec-toolbar .ec-start{ flex: 1 1 auto !important; justify-content: flex-start !important; }
  .ec .ec-toolbar .ec-end{ flex: 1 1 auto !important; justify-content: flex-end !important; }

  .ec .ec-toolbar .ec-center{
    flex: 1 1 100% !important;
    justify-content: center !important;
    order: 3 !important;
  }

  .ec .ec-toolbar .ec-title{
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  /* Botões com tamanho consistente */
  .ec .ec-toolbar .btn{
    padding: 8px 10px !important;
    line-height: 1 !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
  }

  /* Agrupamentos: não esmagar */
  .ec .ec-toolbar .btn-group{
    display: inline-flex !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }


  /* 2) LIST VIEW: remover coluna/eixo e liberar 100% da largura */
  .ec.ec-list .ec-axis,
  .ec.ec-list .ec-time,
  .ec.ec-list .ec-time-grid,
  .ec.ec-list .ec-time-grid-container{
    display: none !important;
  }

  .ec.ec-list .ec-content,
  .ec.ec-list .ec-days,
  .ec.ec-list .ec-day{
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* Evitar “corte” horizontal no mobile */
  .ec.ec-list,
  .ec.ec-list .ec-body,
  .ec.ec-list .ec-content{
    overflow-x: hidden !important;
  }


  /* 3) EVENTOS: não esmagar / permitir quebra / ocupar largura total */
  .ec.ec-list .ec-events{
    padding: 6px 8px !important;
  }

  .ec.ec-list .ec-event{
    width: 100% !important;
    max-width: 100% !important;
    margin: 6px 0 !important;
    box-sizing: border-box !important;
  }

  /* O “miolo” do evento pode estar encolhendo: forçar layout em coluna e permitir wrap */
  .ec.ec-list .ec-event-body,
  .ec.ec-list .ec-event-title{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .ec.ec-list .ec-event-time{
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  /* Seus botões Aceitar/Recusar: manter alinhados e não estourar */
  .ec.ec-list .ga-btn-wrap{
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 8px !important;
  }
  .ec.ec-list .ga-btn-wrap .ga-btn{
    flex: 1 1 auto !important;
    min-width: 120px !important;
  }


  /* 4) REJEITADOS: garantir que não “sumam” e fiquem legíveis */
  /* (No seu HTML eles vêm com <s> no horário) */
  .ec.ec-list .ec-event-time s{
    display: inline !important;
    opacity: .95 !important;
  }

  /* Quando text-muted estiver “apagando” em fundo colorido */
  .ec.ec-list .ec-event .text-muted{
    opacity: 1 !important;
  }

  /* Se algum CSS estiver reduzindo altura do card, garantir respiro */
  .ec.ec-list .ec-event{
    min-height: 44px !important;
  }
  
  /* Ajustando a font-size do dia */
  .ec-day-head time{
    font-size:16px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-774afda *//* ===========================
   BOOKLY STAFF CALENDAR — ESTILO MODERNO (APENAS CSS)
   Escopo: dentro do container do calendário
   =========================== */
.bookly-staff-cabinet .bookly-js-calendar {
  background: #f9fafb;
  padding: 12px;
  border-radius: 12px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
}

/* Toolbar (topo) */
.bookly-staff-cabinet .bookly-js-calendar .ec-toolbar {
  background: #f3f4f6;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 10px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-title {
  font-weight: 700;
  color: #111827;
  letter-spacing: .2px;
}


/* Botões padrão do calendário */
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: #111827;
  border-radius: 10px;
  padding: 6px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease;
}
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default.active {
  background: #111827;
  color: #fff;
  border-color: #111827;
}



/* Cartões de evento (modo lista) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event {
  background: #fcfcfc !important; /* neutraliza cores inline do plugin */
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 8px 0;
  display: grid;
  grid-template-columns: 6px 1fr; /* faixa colorida + conteúdo */
  gap: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
  transition: box-shadow .18s ease, transform .04s ease;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Faixa colorida (aproveita .ec-event-tag que já vem com background inline) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event .ec-event-tag {
  width: 6px;
  min-width: 6px;
  border-radius: 6px;
  margin: 2px 0;
  /* remove deslocamentos padrão */
  position: static !important;
}

/* Corpo do evento */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-body {
  display: block;
}

/* Horário */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-time {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 6px;
}

/* Grade de detalhes do evento:
   1ª linha = título do serviço (bold);
   Demais linhas = dados (cliente, telefone, e-mail, Status, etc.) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 6px 10px;
  align-items: start;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title > div:first-child {
  grid-column: 1 / -1;
  font-weight: 700;
  color: #111827;
  font-size: 15px;
  margin-top: 2px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title > div {
  font-size: 13px;
  color: #374151;
}
/* Remove “cinza” do Bookly em pendentes (mantém legível) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title.text-muted,
.bookly-staff-cabinet .bookly-js-calendar .ec-event-time.text-muted {
  color: #374151 !important;
}

/* Pontinho colorido do Bookly */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-dot {
  width: 10px;
  height: 10px;
  border-width: 2px !important;
  border-radius: 50%;
  margin-top: 2px;
}

/* Botões Editar / Deletar dentro do card */
.bookly-staff-cabinet .bookly-js-calendar .ec-event .btn.btn-success.btn-sm,
.bookly-staff-cabinet .bookly-js-calendar .ec-event .btn.btn-danger.btn-sm {
  border-radius: 10px;
  padding: 6px 10px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event .mt-2.d-flex {
  gap: 6px;
}

/* Rodapé (Exportar / Atualizar) */
.bookly-staff-cabinet .bookly-js-calendar-footer {
  margin-top: 12px;
}
.bookly-staff-cabinet .bookly-js-calendar-footer .btn {
  border-radius: 10px;
}

/* Modal (Excluir / Exportar) – leve polimento */
.bookly-staff-cabinet .bookly-modal .modal-content {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
}
.bookly-staff-cabinet .bookly-modal .modal-header {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.bookly-staff-cabinet .bookly-modal .modal-title {
  font-weight: 700;
  color: #111827;
}

/* Pequenos ajustes de espaçamento em lista */
.bookly-staff-cabinet .bookly-js-calendar .ec-list .ec-content {
  padding-top: 6px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-day + .ec-day {
  margin-top: 6px;
}

/* Acessibilidade/hover nos botões da toolbar */
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default:active {
  transform: translateY(1px);
}

/* (Opcional) Afinar sombras no modo escuro do navegador */
@media (prefers-color-scheme: dark) {
  .bookly-staff-cabinet .bookly-js-calendar .ec-event:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.28);
  }
}

/* ESCONDE botões "Semana" e "Dia" em qualquer tela */
.bookly-js-calendar .ec-toolbar .ec-end .ec-timeGridWeek,
.bookly-js-calendar .ec-toolbar .ec-end .ec-timeGridDay {
  display: none !important;
}

/* --------- MOBILE (até 768px) --------- */
@media (max-width: 768px) {

  /* Esconde o botão "Mês" no mobile */
  .bookly-js-calendar .ec-toolbar .ec-end .ec-dayGridMonth {
    display: none !important;
  }

  /* Opcional: esconde o título grande (faixa de dias) para ganhar espaço */
  .bookly-js-calendar .ec-toolbar .ec-center {
    display: none !important;
  }

  /* Deixa a toolbar mais compacta e com melhor UX no mobile */
  .bookly-js-calendar .ec-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-inline: 8px;
  }

  .bookly-js-calendar .ec-toolbar .ec-start {
    flex: 0 0 auto;
  }

  .bookly-js-calendar .ec-toolbar .ec-end {
    flex: 1 1 auto;
  }

  /* Botão "Lista" ocupando mais espaço para ser mais fácil de clicar */
  .bookly-js-calendar .ec-toolbar .ec-end .btn-group {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }

  .bookly-js-calendar .ec-toolbar .ec-end .btn-group .ec-listWeek {
    flex: 1 1 auto;
    text-align: center;
    font-size: 14px;
    padding: 8px 0;
  }

  /* Dá uma leve reduzida nos botões prev/next/today */
  .bookly-js-calendar .ec-toolbar .btn {
    padding: 4px 8px;
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-09a72dc *//* =========================================
   BOOKLY STAFF CABINET — SCHEDULE (Tema Claro)
   Escopo: #bookly-tbs.bookly-staff-cabinet-schedule
   Mantém coesão com o design do Calendar
   ========================================= */
#bookly-tbs.bookly-staff-cabinet-schedule {
  --bk-bg: #f9fafb;          /* área externa */
  --bk-surface: #ffffff;     /* cartões / selects / botões */
  --bk-surface-2: #f3f4f6;   /* barras / faixas neutras */
  --bk-border: #e5e7eb;
  --bk-text: #111827;        /* principal */
  --bk-muted: #6b7280;       /* secundário */
  --bk-muted-2: #374151;
  --bk-radius: 12px;
  --bk-radius-lg: 14px;
  --bk-shadow: 0 1px 2px rgba(0,0,0,.04);
  --bk-shadow-lg: 0 6px 18px rgba(0,0,0,.06);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--bk-text);
}

/* --- Blocos/linhas (cada dia) como cartões leves --- */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 12px 14px;
  margin: 10px 0;
  box-shadow: var(--bk-shadow);
  transition: box-shadow .18s ease, border-color .18s ease, transform .04s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}

/* Estado “desligado”: quando o select inicial está vazio */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:has(.bookly-js-parent-range-start option[value=""]:checked) {
  background: #fafafa;
  border-style: dashed;
  opacity: .75;
}

/* Coluna com o nome do dia */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row .col-3 {
  font-weight: 700;
  color: var(--bk-text);
  letter-spacing: .2px;
}

/* Selects (início/fim) */
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, border-color .15s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select:hover {
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select:focus {
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,.12);
}

/* Texto “até” e colunas que dependem do on/off */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-invisible-on-off {
  color: var(--bk-muted);
}

/* Botão "Add break" e área de intervalos */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-wrapper {
  background: var(--bk-surface-2);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 10px;
  margin-top: 10px;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-toggle-popover.btn.btn-default {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-toggle-popover.btn.btn-default:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-list {
  margin-top: 8px;
  display: grid;
  gap: 8px;
}

/* (Opcional) Estilo para cada “break” que o Bookly renderiza */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-list > * {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: 10px;
  padding: 8px 10px;
}

/* Alinhamento fino das fileiras internas */
#bookly-tbs.bookly-staff-cabinet-schedule .form-row.align-items-center {
  gap: 10px;
}

/* Botões gerais .btn-default dentro do schedule (coeso com Calendar) */
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 6px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default:active {
  transform: translateY(1px);
}

/* Espaçamento geral entre blocos */
#bookly-tbs.bookly-staff-cabinet-schedule .form-group > .bookly-js-range-row + .bookly-js-range-row {
  margin-top: 12px;
}

/* Responsivo — mantém arejamento em telas pequenas */
@media (max-width: 767.98px) {
  #bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row {
    padding: 10px 12px;
  }
  #bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select {
    padding: 8px 10px;
  }
}

/* Afinar sombras no modo escuro do SO (sem mudar o tema claro) */
@media (prefers-color-scheme: dark) {
  #bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e237a6 *//* ================================
   BOOKLY STAFF CABINET — SERVICES
   Tema Claro coeso com o Calendar
   Escopo: #bookly-tbs.bookly-staff-cabinet-services
   ================================ */
#bookly-tbs.bookly-staff-cabinet-services {
  --bk-bg: #f9fafb;       /* fundo container */
  --bk-surface: #ffffff;  /* cartões/botões */
  --bk-surface-2: #f3f4f6;
  --bk-border: #e5e7eb;
  --bk-text: #111827;     /* principal */
  --bk-muted: #6b7280;    /* secundário */
  --bk-muted-2: #374151;
  --bk-radius: 12px;
  --bk-radius-lg: 14px;
  --bk-shadow: 0 1px 2px rgba(0,0,0,.04);
  --bk-shadow-lg: 0 6px 18px rgba(0,0,0,.06);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--bk-text);
  background: transparent;
}

/* Cabeçalho (“Todos os serviços”) */
#bookly-tbs.bookly-staff-cabinet-services .card.bg-light {
  background: var(--bk-surface-2) !important;
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 14px 16px !important;
  box-shadow: var(--bk-shadow);
}
#bookly-tbs.bookly-staff-cabinet-services .text-muted { color: var(--bk-muted) !important; }

#bookly-tbs.bookly-staff-cabinet-services #bookly-check-all-entities {
  accent-color: #111827; /* discreto, neutro */
}
#bookly-tbs.bookly-staff-cabinet-services label[for="bookly-check-all-entities"] {
  font-weight: 700;
  color: var(--bk-text);
  letter-spacing: .2px;
}

/* Lista de serviços como cartões leves */
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services {
  margin: 12px 0 8px;
  display: grid;
  gap: 10px;
  padding: 0;
  background: transparent;
}
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li {
  list-style: none;
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 12px 14px !important;
  box-shadow: var(--bk-shadow);
  transition: box-shadow .18s ease, transform .04s ease, border-color .18s ease;
}
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}

/* Checkbox e rótulo do serviço */
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input {
  accent-color: #111827;
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-label.bookly-toggle-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .12s ease, color .12s ease, box-shadow .12s ease;
  font-weight: 600;
  color: var(--bk-text);
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:hover + .custom-control-label,
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:focus + .custom-control-label {
  background: #f3f4f6;
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:checked + .custom-control-label {
  background: #eef2ff; /* leve realce */
  box-shadow: inset 0 0 0 1px #e0e7ff;
}

/* ====== OCULTAR PREÇO (desktop + mobile) ====== */
/* Cabeçalho “Preço” da barra superior */
#bookly-tbs.bookly-staff-cabinet-services .card .form-row.text-muted .col-lg-3.text-center {
  display: none !important;
}
/* Rótulo “Preço” (mobile) */
#bookly-tbs.bookly-staff-cabinet-services .d-lg-none {
  display: none !important;
}
/* Input de preço e sua coluna */
#bookly-tbs.bookly-staff-cabinet-services [name^="price"] {
  display: none !important;
}
#bookly-tbs.bookly-staff-cabinet-services .form-row .col-3:has([name^="price"]) {
  display: none !important;
}
/* Fallback caso :has não seja suportado */
@supports not (.elementor-9692 .elementor-element.elementor-element-0e237a6(:has(*))) {
  #bookly-tbs.bookly-staff-cabinet-services .form-row .col-3 input[name^="price"] {
    display: none !important;
  }
  #bookly-tbs.bookly-staff-cabinet-services .form-row .col-3 {
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
}

/* Inputs genéricos (se usados para outros campos) */
#bookly-tbs.bookly-staff-cabinet-services .form-control {
  background: #fff;
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
}
#bookly-tbs.bookly-staff-cabinet-services .form-control:focus {
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,.12);
}

/* Ações (Salvar / Recuperar) coesas com o calendário */
#bookly-tbs.bookly-staff-cabinet-services .text-right {
  margin-top: 8px;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn:hover,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn:active,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn:active {
  transform: translateY(1px);
}
/* Diferenciar o Salvar com estado ativo (mesma lógica do calendário .btn-default.active) */
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn.ladda-button:focus,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn.ladda-button.active {
  background: #111827 !important;
  color: #fff !important;
  border-color: #111827 !important;
}

/* Mensagens de erro */
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-services-error {
  font-weight: 600;
}

/* Grid responsivo fininho */
@media (max-width: 767.98px) {
  #bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li {
    padding: 10px 12px !important;
  }
  #bookly-tbs.bookly-staff-cabinet-services .custom-control-label.bookly-toggle-label {
    padding: 6px 8px;
  }
}

/* Ajuste sutil para quem usa modo escuro no SO (mantendo tema claro) */
@media (prefers-color-scheme: dark) {
  #bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
}

/* =========================================
   Event Calendar — Forçar apenas modo Lista
   ========================================= */

/* Oculta os botões de visualização que não são Lista */
.ec .ec-toolbar .btn-group .ec-dayGridMonth,
.ec .ec-toolbar .btn-group .ec-timeGridWeek,
.ec .ec-toolbar .btn-group .ec-timeGridDay {
  display: none !important;
}

/* Garante que o botão Lista continue visível */
.ec .ec-toolbar .btn-group .ec-listWeek {
  display: inline-flex !important;
}

/* (Opcional) Centraliza o botão Lista */
.ec .ec-toolbar .btn-group {
  justify-content: center;
}

/* Ocultando insput de clintes no popup agendamento */
#bookly-tbs .mb-1, #bookly-tbs .my-1 {
    display:none !important;
}
#bookly-tbs .text-muted {
    display:none !important;
}


#bookly-tbs .input-group {
   display:none !important;
}

/* Ocultando capacidade do serviço*/
.bookly-js-capacity-form-group{
    display:none !important;
}

/* =========================================
   BOOKLY / Event Calendar — MOBILE FIX PACK
   Toolbar alinhada + Lista 100% + Eventos sem esmagar
   ========================================= */
@media (max-width: 767.98px) {

  /* 1) TOOLBAR: alinhar tudo e permitir quebrar linha */
  .ec .ec-toolbar{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .ec .ec-toolbar .ec-start,
  .ec .ec-toolbar .ec-center,
  .ec .ec-toolbar .ec-end{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* Distribuição: start + end nas laterais, título embaixo/central quando precisar */
  .ec .ec-toolbar .ec-start{ flex: 1 1 auto !important; justify-content: flex-start !important; }
  .ec .ec-toolbar .ec-end{ flex: 1 1 auto !important; justify-content: flex-end !important; }

  .ec .ec-toolbar .ec-center{
    flex: 1 1 100% !important;
    justify-content: center !important;
    order: 3 !important;
  }

  .ec .ec-toolbar .ec-title{
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  /* Botões com tamanho consistente */
  .ec .ec-toolbar .btn{
    padding: 8px 10px !important;
    line-height: 1 !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
  }

  /* Agrupamentos: não esmagar */
  .ec .ec-toolbar .btn-group{
    display: inline-flex !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }


  /* 2) LIST VIEW: remover coluna/eixo e liberar 100% da largura */
  .ec.ec-list .ec-axis,
  .ec.ec-list .ec-time,
  .ec.ec-list .ec-time-grid,
  .ec.ec-list .ec-time-grid-container{
    display: none !important;
  }

  .ec.ec-list .ec-content,
  .ec.ec-list .ec-days,
  .ec.ec-list .ec-day{
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* Evitar “corte” horizontal no mobile */
  .ec.ec-list,
  .ec.ec-list .ec-body,
  .ec.ec-list .ec-content{
    overflow-x: hidden !important;
  }


  /* 3) EVENTOS: não esmagar / permitir quebra / ocupar largura total */
  .ec.ec-list .ec-events{
    padding: 6px 8px !important;
  }

  .ec.ec-list .ec-event{
    width: 100% !important;
    max-width: 100% !important;
    margin: 6px 0 !important;
    box-sizing: border-box !important;
  }

  /* O “miolo” do evento pode estar encolhendo: forçar layout em coluna e permitir wrap */
  .ec.ec-list .ec-event-body,
  .ec.ec-list .ec-event-title{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .ec.ec-list .ec-event-time{
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  /* Seus botões Aceitar/Recusar: manter alinhados e não estourar */
  .ec.ec-list .ga-btn-wrap{
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 8px !important;
  }
  .ec.ec-list .ga-btn-wrap .ga-btn{
    flex: 1 1 auto !important;
    min-width: 120px !important;
  }


  /* 4) REJEITADOS: garantir que não “sumam” e fiquem legíveis */
  /* (No seu HTML eles vêm com <s> no horário) */
  .ec.ec-list .ec-event-time s{
    display: inline !important;
    opacity: .95 !important;
  }

  /* Quando text-muted estiver “apagando” em fundo colorido */
  .ec.ec-list .ec-event .text-muted{
    opacity: 1 !important;
  }

  /* Se algum CSS estiver reduzindo altura do card, garantir respiro */
  .ec.ec-list .ec-event{
    min-height: 44px !important;
  }
  
  /* Ajustando a font-size do dia */
  .ec-day-head time{
    font-size:16px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-774afda *//* ===========================
   BOOKLY STAFF CALENDAR — ESTILO MODERNO (APENAS CSS)
   Escopo: dentro do container do calendário
   =========================== */
.bookly-staff-cabinet .bookly-js-calendar {
  background: #f9fafb;
  padding: 12px;
  border-radius: 12px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
}

/* Toolbar (topo) */
.bookly-staff-cabinet .bookly-js-calendar .ec-toolbar {
  background: #f3f4f6;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 10px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-title {
  font-weight: 700;
  color: #111827;
  letter-spacing: .2px;
}


/* Botões padrão do calendário */
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: #111827;
  border-radius: 10px;
  padding: 6px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease;
}
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default.active {
  background: #111827;
  color: #fff;
  border-color: #111827;
}



/* Cartões de evento (modo lista) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event {
  background: #fcfcfc !important; /* neutraliza cores inline do plugin */
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 8px 0;
  display: grid;
  grid-template-columns: 6px 1fr; /* faixa colorida + conteúdo */
  gap: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
  transition: box-shadow .18s ease, transform .04s ease;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Faixa colorida (aproveita .ec-event-tag que já vem com background inline) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event .ec-event-tag {
  width: 6px;
  min-width: 6px;
  border-radius: 6px;
  margin: 2px 0;
  /* remove deslocamentos padrão */
  position: static !important;
}

/* Corpo do evento */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-body {
  display: block;
}

/* Horário */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-time {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 6px;
}

/* Grade de detalhes do evento:
   1ª linha = título do serviço (bold);
   Demais linhas = dados (cliente, telefone, e-mail, Status, etc.) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 6px 10px;
  align-items: start;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title > div:first-child {
  grid-column: 1 / -1;
  font-weight: 700;
  color: #111827;
  font-size: 15px;
  margin-top: 2px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title > div {
  font-size: 13px;
  color: #374151;
}
/* Remove “cinza” do Bookly em pendentes (mantém legível) */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-title.text-muted,
.bookly-staff-cabinet .bookly-js-calendar .ec-event-time.text-muted {
  color: #374151 !important;
}

/* Pontinho colorido do Bookly */
.bookly-staff-cabinet .bookly-js-calendar .ec-event-dot {
  width: 10px;
  height: 10px;
  border-width: 2px !important;
  border-radius: 50%;
  margin-top: 2px;
}

/* Botões Editar / Deletar dentro do card */
.bookly-staff-cabinet .bookly-js-calendar .ec-event .btn.btn-success.btn-sm,
.bookly-staff-cabinet .bookly-js-calendar .ec-event .btn.btn-danger.btn-sm {
  border-radius: 10px;
  padding: 6px 10px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-event .mt-2.d-flex {
  gap: 6px;
}

/* Rodapé (Exportar / Atualizar) */
.bookly-staff-cabinet .bookly-js-calendar-footer {
  margin-top: 12px;
}
.bookly-staff-cabinet .bookly-js-calendar-footer .btn {
  border-radius: 10px;
}

/* Modal (Excluir / Exportar) – leve polimento */
.bookly-staff-cabinet .bookly-modal .modal-content {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
}
.bookly-staff-cabinet .bookly-modal .modal-header {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.bookly-staff-cabinet .bookly-modal .modal-title {
  font-weight: 700;
  color: #111827;
}

/* Pequenos ajustes de espaçamento em lista */
.bookly-staff-cabinet .bookly-js-calendar .ec-list .ec-content {
  padding-top: 6px;
}
.bookly-staff-cabinet .bookly-js-calendar .ec-day + .ec-day {
  margin-top: 6px;
}

/* Acessibilidade/hover nos botões da toolbar */
.bookly-staff-cabinet .bookly-js-calendar .btn.btn-default:active {
  transform: translateY(1px);
}

/* (Opcional) Afinar sombras no modo escuro do navegador */
@media (prefers-color-scheme: dark) {
  .bookly-staff-cabinet .bookly-js-calendar .ec-event:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.28);
  }
}

/* ESCONDE botões "Semana" e "Dia" em qualquer tela */
.bookly-js-calendar .ec-toolbar .ec-end .ec-timeGridWeek,
.bookly-js-calendar .ec-toolbar .ec-end .ec-timeGridDay {
  display: none !important;
}

/* --------- MOBILE (até 768px) --------- */
@media (max-width: 768px) {

  /* Esconde o botão "Mês" no mobile */
  .bookly-js-calendar .ec-toolbar .ec-end .ec-dayGridMonth {
    display: none !important;
  }

  /* Opcional: esconde o título grande (faixa de dias) para ganhar espaço */
  .bookly-js-calendar .ec-toolbar .ec-center {
    display: none !important;
  }

  /* Deixa a toolbar mais compacta e com melhor UX no mobile */
  .bookly-js-calendar .ec-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-inline: 8px;
  }

  .bookly-js-calendar .ec-toolbar .ec-start {
    flex: 0 0 auto;
  }

  .bookly-js-calendar .ec-toolbar .ec-end {
    flex: 1 1 auto;
  }

  /* Botão "Lista" ocupando mais espaço para ser mais fácil de clicar */
  .bookly-js-calendar .ec-toolbar .ec-end .btn-group {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }

  .bookly-js-calendar .ec-toolbar .ec-end .btn-group .ec-listWeek {
    flex: 1 1 auto;
    text-align: center;
    font-size: 14px;
    padding: 8px 0;
  }

  /* Dá uma leve reduzida nos botões prev/next/today */
  .bookly-js-calendar .ec-toolbar .btn {
    padding: 4px 8px;
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-09a72dc *//* =========================================
   BOOKLY STAFF CABINET — SCHEDULE (Tema Claro)
   Escopo: #bookly-tbs.bookly-staff-cabinet-schedule
   Mantém coesão com o design do Calendar
   ========================================= */
#bookly-tbs.bookly-staff-cabinet-schedule {
  --bk-bg: #f9fafb;          /* área externa */
  --bk-surface: #ffffff;     /* cartões / selects / botões */
  --bk-surface-2: #f3f4f6;   /* barras / faixas neutras */
  --bk-border: #e5e7eb;
  --bk-text: #111827;        /* principal */
  --bk-muted: #6b7280;       /* secundário */
  --bk-muted-2: #374151;
  --bk-radius: 12px;
  --bk-radius-lg: 14px;
  --bk-shadow: 0 1px 2px rgba(0,0,0,.04);
  --bk-shadow-lg: 0 6px 18px rgba(0,0,0,.06);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--bk-text);
}

/* --- Blocos/linhas (cada dia) como cartões leves --- */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 12px 14px;
  margin: 10px 0;
  box-shadow: var(--bk-shadow);
  transition: box-shadow .18s ease, border-color .18s ease, transform .04s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}

/* Estado “desligado”: quando o select inicial está vazio */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:has(.bookly-js-parent-range-start option[value=""]:checked) {
  background: #fafafa;
  border-style: dashed;
  opacity: .75;
}

/* Coluna com o nome do dia */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row .col-3 {
  font-weight: 700;
  color: var(--bk-text);
  letter-spacing: .2px;
}

/* Selects (início/fim) */
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, border-color .15s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select:hover {
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select:focus {
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,.12);
}

/* Texto “até” e colunas que dependem do on/off */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-invisible-on-off {
  color: var(--bk-muted);
}

/* Botão "Add break" e área de intervalos */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-wrapper {
  background: var(--bk-surface-2);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 10px;
  margin-top: 10px;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-toggle-popover.btn.btn-default {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-toggle-popover.btn.btn-default:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-list {
  margin-top: 8px;
  display: grid;
  gap: 8px;
}

/* (Opcional) Estilo para cada “break” que o Bookly renderiza */
#bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-breaks-list > * {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: 10px;
  padding: 8px 10px;
}

/* Alinhamento fino das fileiras internas */
#bookly-tbs.bookly-staff-cabinet-schedule .form-row.align-items-center {
  gap: 10px;
}

/* Botões gerais .btn-default dentro do schedule (coeso com Calendar) */
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 6px 10px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-schedule .btn.btn-default:active {
  transform: translateY(1px);
}

/* Espaçamento geral entre blocos */
#bookly-tbs.bookly-staff-cabinet-schedule .form-group > .bookly-js-range-row + .bookly-js-range-row {
  margin-top: 12px;
}

/* Responsivo — mantém arejamento em telas pequenas */
@media (max-width: 767.98px) {
  #bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row {
    padding: 10px 12px;
  }
  #bookly-tbs.bookly-staff-cabinet-schedule .form-control.custom-select {
    padding: 8px 10px;
  }
}

/* Afinar sombras no modo escuro do SO (sem mudar o tema claro) */
@media (prefers-color-scheme: dark) {
  #bookly-tbs.bookly-staff-cabinet-schedule .bookly-js-range-row:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e237a6 *//* ================================
   BOOKLY STAFF CABINET — SERVICES
   Tema Claro coeso com o Calendar
   Escopo: #bookly-tbs.bookly-staff-cabinet-services
   ================================ */
#bookly-tbs.bookly-staff-cabinet-services {
  --bk-bg: #f9fafb;       /* fundo container */
  --bk-surface: #ffffff;  /* cartões/botões */
  --bk-surface-2: #f3f4f6;
  --bk-border: #e5e7eb;
  --bk-text: #111827;     /* principal */
  --bk-muted: #6b7280;    /* secundário */
  --bk-muted-2: #374151;
  --bk-radius: 12px;
  --bk-radius-lg: 14px;
  --bk-shadow: 0 1px 2px rgba(0,0,0,.04);
  --bk-shadow-lg: 0 6px 18px rgba(0,0,0,.06);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--bk-text);
  background: transparent;
}

/* Cabeçalho (“Todos os serviços”) */
#bookly-tbs.bookly-staff-cabinet-services .card.bg-light {
  background: var(--bk-surface-2) !important;
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 14px 16px !important;
  box-shadow: var(--bk-shadow);
}
#bookly-tbs.bookly-staff-cabinet-services .text-muted { color: var(--bk-muted) !important; }

#bookly-tbs.bookly-staff-cabinet-services #bookly-check-all-entities {
  accent-color: #111827; /* discreto, neutro */
}
#bookly-tbs.bookly-staff-cabinet-services label[for="bookly-check-all-entities"] {
  font-weight: 700;
  color: var(--bk-text);
  letter-spacing: .2px;
}

/* Lista de serviços como cartões leves */
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services {
  margin: 12px 0 8px;
  display: grid;
  gap: 10px;
  padding: 0;
  background: transparent;
}
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li {
  list-style: none;
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius);
  padding: 12px 14px !important;
  box-shadow: var(--bk-shadow);
  transition: box-shadow .18s ease, transform .04s ease, border-color .18s ease;
}
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}

/* Checkbox e rótulo do serviço */
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input {
  accent-color: #111827;
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-label.bookly-toggle-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .12s ease, color .12s ease, box-shadow .12s ease;
  font-weight: 600;
  color: var(--bk-text);
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:hover + .custom-control-label,
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:focus + .custom-control-label {
  background: #f3f4f6;
}
#bookly-tbs.bookly-staff-cabinet-services .custom-control-input:checked + .custom-control-label {
  background: #eef2ff; /* leve realce */
  box-shadow: inset 0 0 0 1px #e0e7ff;
}

/* ====== OCULTAR PREÇO (desktop + mobile) ====== */
/* Cabeçalho “Preço” da barra superior */
#bookly-tbs.bookly-staff-cabinet-services .card .form-row.text-muted .col-lg-3.text-center {
  display: none !important;
}
/* Rótulo “Preço” (mobile) */
#bookly-tbs.bookly-staff-cabinet-services .d-lg-none {
  display: none !important;
}
/* Input de preço e sua coluna */
#bookly-tbs.bookly-staff-cabinet-services [name^="price"] {
  display: none !important;
}
#bookly-tbs.bookly-staff-cabinet-services .form-row .col-3:has([name^="price"]) {
  display: none !important;
}
/* Fallback caso :has não seja suportado */
@supports not (.elementor-9692 .elementor-element.elementor-element-0e237a6(:has(*))) {
  #bookly-tbs.bookly-staff-cabinet-services .form-row .col-3 input[name^="price"] {
    display: none !important;
  }
  #bookly-tbs.bookly-staff-cabinet-services .form-row .col-3 {
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
}

/* Inputs genéricos (se usados para outros campos) */
#bookly-tbs.bookly-staff-cabinet-services .form-control {
  background: #fff;
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
}
#bookly-tbs.bookly-staff-cabinet-services .form-control:focus {
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17,24,39,.12);
}

/* Ações (Salvar / Recuperar) coesas com o calendário */
#bookly-tbs.bookly-staff-cabinet-services .text-right {
  margin-top: 8px;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn {
  background: var(--bk-surface);
  border: 1px solid var(--bk-border);
  color: var(--bk-text);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  transition: box-shadow .15s ease, transform .04s ease, border-color .12s ease, background .12s ease;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn:hover,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn:hover {
  box-shadow: var(--bk-shadow-lg);
  border-color: #d5d8de;
}
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn:active,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-reset.btn:active {
  transform: translateY(1px);
}
/* Diferenciar o Salvar com estado ativo (mesma lógica do calendário .btn-default.active) */
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn.ladda-button:focus,
#bookly-tbs.bookly-staff-cabinet-services #bookly-services-save.btn.ladda-button.active {
  background: #111827 !important;
  color: #fff !important;
  border-color: #111827 !important;
}

/* Mensagens de erro */
#bookly-tbs.bookly-staff-cabinet-services .bookly-js-services-error {
  font-weight: 600;
}

/* Grid responsivo fininho */
@media (max-width: 767.98px) {
  #bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li {
    padding: 10px 12px !important;
  }
  #bookly-tbs.bookly-staff-cabinet-services .custom-control-label.bookly-toggle-label {
    padding: 6px 8px;
  }
}

/* Ajuste sutil para quem usa modo escuro no SO (mantendo tema claro) */
@media (prefers-color-scheme: dark) {
  #bookly-tbs.bookly-staff-cabinet-services .bookly-js-category-services > li:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
}

/* =========================================
   Event Calendar — Forçar apenas modo Lista
   ========================================= */

/* Oculta os botões de visualização que não são Lista */
.ec .ec-toolbar .btn-group .ec-dayGridMonth,
.ec .ec-toolbar .btn-group .ec-timeGridWeek,
.ec .ec-toolbar .btn-group .ec-timeGridDay {
  display: none !important;
}

/* Garante que o botão Lista continue visível */
.ec .ec-toolbar .btn-group .ec-listWeek {
  display: inline-flex !important;
}

/* (Opcional) Centraliza o botão Lista */
.ec .ec-toolbar .btn-group {
  justify-content: center;
}

/* Ocultando insput de clintes no popup agendamento */
#bookly-tbs .mb-1, #bookly-tbs .my-1 {
    display:none !important;
}
#bookly-tbs .text-muted {
    display:none !important;
}


#bookly-tbs .input-group {
   display:none !important;
}

/* Ocultando capacidade do serviço*/
.bookly-js-capacity-form-group{
    display:none !important;
}

/* =========================================
   BOOKLY / Event Calendar — MOBILE FIX PACK
   Toolbar alinhada + Lista 100% + Eventos sem esmagar
   ========================================= */
@media (max-width: 767.98px) {

  /* 1) TOOLBAR: alinhar tudo e permitir quebrar linha */
  .ec .ec-toolbar{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .ec .ec-toolbar .ec-start,
  .ec .ec-toolbar .ec-center,
  .ec .ec-toolbar .ec-end{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* Distribuição: start + end nas laterais, título embaixo/central quando precisar */
  .ec .ec-toolbar .ec-start{ flex: 1 1 auto !important; justify-content: flex-start !important; }
  .ec .ec-toolbar .ec-end{ flex: 1 1 auto !important; justify-content: flex-end !important; }

  .ec .ec-toolbar .ec-center{
    flex: 1 1 100% !important;
    justify-content: center !important;
    order: 3 !important;
  }

  .ec .ec-toolbar .ec-title{
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  /* Botões com tamanho consistente */
  .ec .ec-toolbar .btn{
    padding: 8px 10px !important;
    line-height: 1 !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
  }

  /* Agrupamentos: não esmagar */
  .ec .ec-toolbar .btn-group{
    display: inline-flex !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }


  /* 2) LIST VIEW: remover coluna/eixo e liberar 100% da largura */
  .ec.ec-list .ec-axis,
  .ec.ec-list .ec-time,
  .ec.ec-list .ec-time-grid,
  .ec.ec-list .ec-time-grid-container{
    display: none !important;
  }

  .ec.ec-list .ec-content,
  .ec.ec-list .ec-days,
  .ec.ec-list .ec-day{
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* Evitar “corte” horizontal no mobile */
  .ec.ec-list,
  .ec.ec-list .ec-body,
  .ec.ec-list .ec-content{
    overflow-x: hidden !important;
  }


  /* 3) EVENTOS: não esmagar / permitir quebra / ocupar largura total */
  .ec.ec-list .ec-events{
    padding: 6px 8px !important;
  }

  .ec.ec-list .ec-event{
    width: 100% !important;
    max-width: 100% !important;
    margin: 6px 0 !important;
    box-sizing: border-box !important;
  }

  /* O “miolo” do evento pode estar encolhendo: forçar layout em coluna e permitir wrap */
  .ec.ec-list .ec-event-body,
  .ec.ec-list .ec-event-title{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .ec.ec-list .ec-event-time{
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  /* Seus botões Aceitar/Recusar: manter alinhados e não estourar */
  .ec.ec-list .ga-btn-wrap{
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 8px !important;
  }
  .ec.ec-list .ga-btn-wrap .ga-btn{
    flex: 1 1 auto !important;
    min-width: 120px !important;
  }


  /* 4) REJEITADOS: garantir que não “sumam” e fiquem legíveis */
  /* (No seu HTML eles vêm com <s> no horário) */
  .ec.ec-list .ec-event-time s{
    display: inline !important;
    opacity: .95 !important;
  }

  /* Quando text-muted estiver “apagando” em fundo colorido */
  .ec.ec-list .ec-event .text-muted{
    opacity: 1 !important;
  }

  /* Se algum CSS estiver reduzindo altura do card, garantir respiro */
  .ec.ec-list .ec-event{
    min-height: 44px !important;
  }
  
  /* Ajustando a font-size do dia */
  .ec-day-head time{
    font-size:16px;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url('https://grannauto.com/wp-content/uploads/2025/02/Montserrat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */