/* Production public theme and responsive fixes */
.crm-public-theme-toggle{position:fixed;right:1rem;top:1rem;z-index:1095;width:2.75rem;height:2.75rem;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#0f172a;box-shadow:0 12px 30px rgba(15,23,42,.18)}
.crm-public-theme-toggle:hover{transform:translateY(-1px)}
html[data-crm-theme="dark"] body,html[data-crm-theme="darker"] body{background:#0f172a!important;color:#e5e7eb!important}
html[data-crm-theme="darker"] body{background:#020617!important}
html[data-crm-theme="dark"] .bg-white,html[data-crm-theme="darker"] .bg-white{background:#111827!important;color:#e5e7eb!important}
html[data-crm-theme="dark"] .bg-light,html[data-crm-theme="dark"] .bg-body-tertiary,html[data-crm-theme="darker"] .bg-light,html[data-crm-theme="darker"] .bg-body-tertiary{background:#0f172a!important;color:#e5e7eb!important}
html[data-crm-theme="dark"] .card,html[data-crm-theme="dark"] .login-card-body,html[data-crm-theme="darker"] .card,html[data-crm-theme="darker"] .login-card-body{background:#111827!important;color:#e5e7eb!important;border-color:rgba(148,163,184,.24)!important}
html[data-crm-theme="darker"] .card,html[data-crm-theme="darker"] .login-card-body{background:#020617!important}
html[data-crm-theme="dark"] .text-muted,html[data-crm-theme="dark"] .text-body-secondary,html[data-crm-theme="darker"] .text-muted,html[data-crm-theme="darker"] .text-body-secondary{color:#94a3b8!important}
html[data-crm-theme="dark"] .form-control,html[data-crm-theme="dark"] .form-select,html[data-crm-theme="dark"] .input-group-text,html[data-crm-theme="darker"] .form-control,html[data-crm-theme="darker"] .form-select,html[data-crm-theme="darker"] .input-group-text{background:#0b1220!important;color:#e5e7eb!important;border-color:rgba(148,163,184,.28)!important}
html[data-crm-theme="dark"] .table,html[data-crm-theme="darker"] .table{--bs-table-bg:transparent;--bs-table-color:#e5e7eb;--bs-table-border-color:rgba(148,163,184,.24)}
html[data-crm-theme="dark"] .navbar,html[data-crm-theme="dark"] footer,html[data-crm-theme="darker"] .navbar,html[data-crm-theme="darker"] footer{background:#0b1220!important;border-color:rgba(148,163,184,.22)!important;color:#e5e7eb!important}
html[data-crm-theme="dark"] .yb-shell,html[data-crm-theme="darker"] .yb-shell{background:#0f172a!important;color:#e5e7eb!important}
html[data-crm-theme="dark"] .booking-state-card,html[data-crm-theme="dark"] .yb-service-card,html[data-crm-theme="dark"] .yb-form-card,html[data-crm-theme="dark"] .yb-manage-section,html[data-crm-theme="darker"] .booking-state-card,html[data-crm-theme="darker"] .yb-service-card,html[data-crm-theme="darker"] .yb-form-card,html[data-crm-theme="darker"] .yb-manage-section{background:#111827!important;color:#e5e7eb!important;border-color:rgba(148,163,184,.24)!important}
html[data-crm-theme="darker"] .booking-state-card,html[data-crm-theme="darker"] .yb-service-card,html[data-crm-theme="darker"] .yb-form-card,html[data-crm-theme="darker"] .yb-manage-section{background:#020617!important}
@media(max-width:767.98px){.crm-public-theme-toggle{right:.75rem;top:.75rem;width:2.5rem;height:2.5rem}.container,.wrap{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}.display-4,.display-5{font-size:2rem!important}.lead{font-size:1rem!important}.navbar .container{gap:.5rem}.navbar .ms-auto{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem}.card-body{padding:1rem!important}.table-responsive{border-radius:14px}.btn-lg{font-size:1rem;padding:.65rem .9rem}}


/* Public booking: readable dark theme for the client-facing booking page */
html[data-crm-theme="dark"],
html[data-crm-theme="darker"]{
  --yb-bg:#0f172a;
  --yb-card:#111827;
  --yb-card-2:#0b1220;
  --yb-text:#f8fafc;
  --yb-muted:#a7b3c6;
  --yb-border:rgba(148,163,184,.24);
  --yb-soft:#152033;
  --yb-shadow:0 26px 72px rgba(0,0,0,.42);
}
html[data-crm-theme="darker"]{
  --yb-bg:#020617;
  --yb-card:#07101f;
  --yb-card-2:#020617;
  --yb-soft:#0b1220;
  --yb-border:rgba(148,163,184,.20);
}
html[data-crm-theme="dark"] body,
html[data-crm-theme="darker"] body{
  background:var(--yb-bg)!important;
  color:var(--yb-text)!important;
}
html[data-crm-theme="dark"] .yb-shell,
html[data-crm-theme="darker"] .yb-shell{
  background:transparent!important;
  color:var(--yb-text)!important;
}
html[data-crm-theme="dark"] .yb-brand-mini,
html[data-crm-theme="darker"] .yb-brand-mini{
  color:#cbd5e1!important;
  opacity:.92!important;
}
html[data-crm-theme="dark"] .yb-profile-button:before,
html[data-crm-theme="dark"] .yb-profile-button:after,
html[data-crm-theme="darker"] .yb-profile-button:before,
html[data-crm-theme="darker"] .yb-profile-button:after{
  border-color:#e5e7eb!important;
}
html[data-crm-theme="dark"] .yb-studio-card,
html[data-crm-theme="darker"] .yb-studio-card{
  background:linear-gradient(180deg,var(--yb-card),var(--yb-card-2))!important;
  color:var(--yb-text)!important;
  box-shadow:var(--yb-shadow)!important;
  border:1px solid rgba(148,163,184,.22)!important;
}
html[data-crm-theme="dark"] .yb-studio-card h1,
html[data-crm-theme="dark"] .yb-studio-card h2,
html[data-crm-theme="dark"] .yb-studio-card h3,
html[data-crm-theme="dark"] .yb-panel-head h2,
html[data-crm-theme="dark"] .yb-subtitle,
html[data-crm-theme="dark"] .booking-category-card h3,
html[data-crm-theme="dark"] .booking-option b,
html[data-crm-theme="dark"] .booking-master-card b,
html[data-crm-theme="dark"] .yb-date-master b,
html[data-crm-theme="dark"] .yb-date-service b,
html[data-crm-theme="dark"] .booking-picker-master b,
html[data-crm-theme="dark"] .booking-slot-master-picker h3,
html[data-crm-theme="dark"] .yb-branch-master-main b,
html[data-crm-theme="dark"] .yb-result-list b,
html[data-crm-theme="dark"] .booking-slot-empty b,
html[data-crm-theme="darker"] .yb-studio-card h1,
html[data-crm-theme="darker"] .yb-studio-card h2,
html[data-crm-theme="darker"] .yb-studio-card h3,
html[data-crm-theme="darker"] .yb-panel-head h2,
html[data-crm-theme="darker"] .yb-subtitle,
html[data-crm-theme="darker"] .booking-category-card h3,
html[data-crm-theme="darker"] .booking-option b,
html[data-crm-theme="darker"] .booking-master-card b,
html[data-crm-theme="darker"] .yb-date-master b,
html[data-crm-theme="darker"] .yb-date-service b,
html[data-crm-theme="darker"] .booking-picker-master b,
html[data-crm-theme="darker"] .booking-slot-master-picker h3,
html[data-crm-theme="darker"] .yb-branch-master-main b,
html[data-crm-theme="darker"] .yb-result-list b,
html[data-crm-theme="darker"] .booking-slot-empty b{
  color:var(--yb-text)!important;
}
html[data-crm-theme="dark"] .yb-about,
html[data-crm-theme="dark"] .yb-address,
html[data-crm-theme="dark"] .yb-panel-head p,
html[data-crm-theme="dark"] .booking-option small,
html[data-crm-theme="dark"] .booking-master-bio,
html[data-crm-theme="dark"] .booking-master-services,
html[data-crm-theme="dark"] .booking-master-noslots,
html[data-crm-theme="dark"] .yb-date-master small,
html[data-crm-theme="dark"] .yb-date-service small,
html[data-crm-theme="dark"] .booking-picker-master small,
html[data-crm-theme="dark"] .booking-muted,
html[data-crm-theme="dark"] .booking-loading,
html[data-crm-theme="dark"] .booking-slot-empty,
html[data-crm-theme="dark"] .yb-info-grid span,
html[data-crm-theme="dark"] .yb-policy,
html[data-crm-theme="dark"] .yb-powered,
html[data-crm-theme="dark"] .yb-powered b,
html[data-crm-theme="dark"] .yb-branch-master-main small,
html[data-crm-theme="dark"] .yb-master-no-work,
html[data-crm-theme="darker"] .yb-about,
html[data-crm-theme="darker"] .yb-address,
html[data-crm-theme="darker"] .yb-panel-head p,
html[data-crm-theme="darker"] .booking-option small,
html[data-crm-theme="darker"] .booking-master-bio,
html[data-crm-theme="darker"] .booking-master-services,
html[data-crm-theme="darker"] .booking-master-noslots,
html[data-crm-theme="darker"] .yb-date-master small,
html[data-crm-theme="darker"] .yb-date-service small,
html[data-crm-theme="darker"] .booking-picker-master small,
html[data-crm-theme="darker"] .booking-muted,
html[data-crm-theme="darker"] .booking-loading,
html[data-crm-theme="darker"] .booking-slot-empty,
html[data-crm-theme="darker"] .yb-info-grid span,
html[data-crm-theme="darker"] .yb-policy,
html[data-crm-theme="darker"] .yb-powered,
html[data-crm-theme="darker"] .yb-powered b,
html[data-crm-theme="darker"] .yb-branch-master-main small,
html[data-crm-theme="darker"] .yb-master-no-work{
  color:var(--yb-muted)!important;
}
html[data-crm-theme="dark"] .yb-entry-row,
html[data-crm-theme="darker"] .yb-entry-row{
  background:transparent!important;
  color:var(--yb-text)!important;
  border-bottom-color:var(--yb-border)!important;
}
html[data-crm-theme="dark"] .yb-entry-row i,
html[data-crm-theme="darker"] .yb-entry-row i{
  color:#cbd5e1!important;
}
html[data-crm-theme="dark"] .yb-entry-icon,
html[data-crm-theme="darker"] .yb-entry-icon{
  background:rgba(34,197,94,.16)!important;
  color:#86efac!important;
  filter:none!important;
}
html[data-crm-theme="dark"] .yb-choice-summary,
html[data-crm-theme="dark"] .yb-panel,
html[data-crm-theme="dark"] .booking-category-card,
html[data-crm-theme="dark"] .booking-option,
html[data-crm-theme="dark"] .booking-master-card,
html[data-crm-theme="dark"] .booking-date-row input,
html[data-crm-theme="dark"] .booking-fields input,
html[data-crm-theme="dark"] .booking-fields textarea,
html[data-crm-theme="dark"] .yb-service-search input,
html[data-crm-theme="dark"] .yb-date-master,
html[data-crm-theme="dark"] .yb-date-service,
html[data-crm-theme="dark"] .booking-slots button,
html[data-crm-theme="dark"] .booking-slot-master-picker,
html[data-crm-theme="dark"] .booking-picker-master,
html[data-crm-theme="dark"] .booking-loading,
html[data-crm-theme="dark"] .booking-muted,
html[data-crm-theme="dark"] .booking-slot-empty,
html[data-crm-theme="dark"] .yb-info-grid div,
html[data-crm-theme="dark"] .yb-team-chip,
html[data-crm-theme="dark"] .yb-policy,
html[data-crm-theme="dark"] .yb-result-list div,
html[data-crm-theme="dark"] .booking-state-card,
html[data-crm-theme="dark"] .yb-route-card,
html[data-crm-theme="dark"] .yb-branch-master-row,
html[data-crm-theme="darker"] .yb-choice-summary,
html[data-crm-theme="darker"] .yb-panel,
html[data-crm-theme="darker"] .booking-category-card,
html[data-crm-theme="darker"] .booking-option,
html[data-crm-theme="darker"] .booking-master-card,
html[data-crm-theme="darker"] .booking-date-row input,
html[data-crm-theme="darker"] .booking-fields input,
html[data-crm-theme="darker"] .booking-fields textarea,
html[data-crm-theme="darker"] .yb-service-search input,
html[data-crm-theme="darker"] .yb-date-master,
html[data-crm-theme="darker"] .yb-date-service,
html[data-crm-theme="darker"] .booking-slots button,
html[data-crm-theme="darker"] .booking-slot-master-picker,
html[data-crm-theme="darker"] .booking-picker-master,
html[data-crm-theme="darker"] .booking-loading,
html[data-crm-theme="darker"] .booking-muted,
html[data-crm-theme="darker"] .booking-slot-empty,
html[data-crm-theme="darker"] .yb-info-grid div,
html[data-crm-theme="darker"] .yb-team-chip,
html[data-crm-theme="darker"] .yb-policy,
html[data-crm-theme="darker"] .yb-result-list div,
html[data-crm-theme="darker"] .booking-state-card,
html[data-crm-theme="darker"] .yb-route-card,
html[data-crm-theme="darker"] .yb-branch-master-row{
  background:rgba(15,23,42,.72)!important;
  color:var(--yb-text)!important;
  border-color:var(--yb-border)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .booking-date-row label,
html[data-crm-theme="dark"] .booking-fields label,
html[data-crm-theme="darker"] .booking-date-row label,
html[data-crm-theme="darker"] .booking-fields label{
  color:var(--yb-text)!important;
}
html[data-crm-theme="dark"] .booking-date-row input::placeholder,
html[data-crm-theme="dark"] .booking-fields input::placeholder,
html[data-crm-theme="dark"] .booking-fields textarea::placeholder,
html[data-crm-theme="dark"] .yb-service-search input::placeholder,
html[data-crm-theme="darker"] .booking-date-row input::placeholder,
html[data-crm-theme="darker"] .booking-fields input::placeholder,
html[data-crm-theme="darker"] .booking-fields textarea::placeholder,
html[data-crm-theme="darker"] .yb-service-search input::placeholder{
  color:#7d8ba0!important;
  opacity:1!important;
}
html[data-crm-theme="dark"] .yb-back,
html[data-crm-theme="darker"] .yb-back{
  background:rgba(148,163,184,.16)!important;
  color:#e5e7eb!important;
}
html[data-crm-theme="dark"] .yb-back:hover,
html[data-crm-theme="darker"] .yb-back:hover{
  background:rgba(59,130,246,.22)!important;
}
html[data-crm-theme="dark"] .booking-option:hover,
html[data-crm-theme="dark"] .booking-master-card:hover,
html[data-crm-theme="dark"] .yb-date-master:hover,
html[data-crm-theme="dark"] .yb-date-service:hover,
html[data-crm-theme="dark"] .booking-picker-master:hover,
html[data-crm-theme="darker"] .booking-option:hover,
html[data-crm-theme="darker"] .booking-master-card:hover,
html[data-crm-theme="darker"] .yb-date-master:hover,
html[data-crm-theme="darker"] .yb-date-service:hover,
html[data-crm-theme="darker"] .booking-picker-master:hover{
  background:rgba(37,99,235,.16)!important;
  border-color:rgba(96,165,250,.62)!important;
}
html[data-crm-theme="dark"] .booking-option:has(input:checked),
html[data-crm-theme="dark"] .booking-master-card.active,
html[data-crm-theme="dark"] .booking-slots button.active,
html[data-crm-theme="darker"] .booking-option:has(input:checked),
html[data-crm-theme="darker"] .booking-master-card.active,
html[data-crm-theme="darker"] .booking-slots button.active{
  background:rgba(22,163,74,.18)!important;
  border-color:#22c55e!important;
  color:var(--yb-text)!important;
}
html[data-crm-theme="dark"] .booking-option em,
html[data-crm-theme="darker"] .booking-option em{
  color:#22c55e!important;
}
html[data-crm-theme="dark"] .booking-slots button:not(.active),
html[data-crm-theme="darker"] .booking-slots button:not(.active){
  color:#dbeafe!important;
}
html[data-crm-theme="dark"] .booking-slots button:disabled,
html[data-crm-theme="darker"] .booking-slots button:disabled{
  color:#64748b!important;
}
html[data-crm-theme="dark"] .yb-next-box,
html[data-crm-theme="darker"] .yb-next-box{
  background:linear-gradient(180deg,rgba(15,23,42,0),var(--yb-card) 32%)!important;
}
html[data-crm-theme="dark"] .yb-master-filter,
html[data-crm-theme="darker"] .yb-master-filter{
  background:rgba(37,99,235,.16)!important;
  border-color:rgba(96,165,250,.42)!important;
  color:#bfdbfe!important;
}
html[data-crm-theme="dark"] .booking-alert,
html[data-crm-theme="dark"] .booking-client-error,
html[data-crm-theme="darker"] .booking-alert,
html[data-crm-theme="darker"] .booking-client-error{
  background:rgba(251,146,60,.14)!important;
  border-color:rgba(251,146,60,.36)!important;
  color:#fed7aa!important;
}
html[data-crm-theme="dark"] .yb-primary.ghost,
html[data-crm-theme="darker"] .yb-primary.ghost{
  background:rgba(59,130,246,.14)!important;
  color:#bfdbfe!important;
  border-color:rgba(96,165,250,.42)!important;
}
html[data-crm-theme="dark"] .yb-powered a,
html[data-crm-theme="darker"] .yb-powered a{
  color:#93c5fd!important;
}
html[data-crm-theme="dark"] .crm-public-theme-toggle,
html[data-crm-theme="darker"] .crm-public-theme-toggle{
  background:#fff!important;
  color:#0f172a!important;
}
