/* ==========================================================================
   Daybreak UI: one design system on top of TruelySell.
   Loaded last (after the theme, Elementor and daybreak-recolor.css).
   Light and dark themes: <html data-theme="light|dark">, set before paint.
   ========================================================================== */

/* ---------- Tokens ---------- */
:root {
	--dbk-blue-50: #eef4ff;
	--dbk-blue-100: #dce8fe;
	--dbk-blue-200: #b9d2fd;
	--dbk-blue-300: #7fb0fb;
	--dbk-blue-400: #3f8af6;
	--dbk-primary: #0a67f2;
	--dbk-primary-hover: #0852c2;
	--dbk-blue-700: #0849ad;
	--dbk-blue-900: #06286a;
	--dbk-on-primary: #ffffff;

	--dbk-bg: #ffffff;
	--dbk-bg-soft: #f6f8fc;
	--dbk-surface: #ffffff;
	--dbk-surface-2: #f3f6fb;
	--dbk-border: #e3e8f0;
	--dbk-border-strong: #cfd7e3;
	--dbk-text: #1d2433;
	--dbk-heading: #121826;
	--dbk-muted: #5f6877;
	--dbk-subtle: #8a93a3;

	--dbk-success: #15803d;
	--dbk-success-bg: #ecfdf3;
	--dbk-warning: #b45309;
	--dbk-warning-bg: #fff7ed;
	--dbk-danger: #c62828;
	--dbk-danger-bg: #fef2f2;
	--dbk-info-bg: var(--dbk-blue-50);

	--dbk-radius-sm: 6px;
	--dbk-radius: 10px;
	--dbk-radius-lg: 16px;
	--dbk-radius-xl: 22px;
	--dbk-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
	--dbk-shadow: 0 4px 16px rgba(16, 24, 40, .08);
	--dbk-shadow-lg: 0 12px 36px rgba(16, 24, 40, .12);
	--dbk-focus: 0 0 0 3px rgba(10, 103, 242, .28);
	--dbk-font: "Inter", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* The theme and Bootstrap read these. */
	--ts_primary_color: var(--dbk-primary);
	--ts_primary_trans_color: rgba(10, 103, 242, .6);
	--ts_primary_hover_color: var(--dbk-primary-hover);
	--ts_link_color: var(--dbk-primary);
	--daybreak-primary: var(--dbk-primary);
	--bs-primary: #0a67f2;
	--bs-primary-rgb: 10, 103, 242;
	--bs-link-color: #0a67f2;
	--bs-link-color-rgb: 10, 103, 242;
	--bs-link-hover-color: #0852c2;
	color-scheme: light;
}

html[data-theme="dark"] {
	--dbk-blue-50: #0f1f3d;
	--dbk-blue-100: #142a52;
	--dbk-blue-200: #1d3b72;
	--dbk-blue-300: #4f8ff5;
	--dbk-primary: #3b8bff;
	--dbk-primary-hover: #66a5ff;
	--dbk-blue-700: #8fbcff;
	--dbk-on-primary: #ffffff;

	--dbk-bg: #0d1118;
	--dbk-bg-soft: #111723;
	--dbk-surface: #161d2a;
	--dbk-surface-2: #1c2433;
	--dbk-border: #273143;
	--dbk-border-strong: #344158;
	--dbk-text: #dbe2ee;
	--dbk-heading: #f3f6fb;
	--dbk-muted: #9aa5b8;
	--dbk-subtle: #748097;

	--dbk-success: #4ade80;
	--dbk-success-bg: #0f2a1b;
	--dbk-warning: #fbbf24;
	--dbk-warning-bg: #2b1f0b;
	--dbk-danger: #f87171;
	--dbk-danger-bg: #2d1416;

	--dbk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
	--dbk-shadow: 0 4px 16px rgba(0, 0, 0, .35);
	--dbk-shadow-lg: 0 12px 36px rgba(0, 0, 0, .45);
	--dbk-focus: 0 0 0 3px rgba(59, 139, 255, .4);

	--ts_primary_trans_color: rgba(59, 139, 255, .6);
	--bs-primary: #3b8bff;
	--bs-primary-rgb: 59, 139, 255;
	--bs-link-color: #66a5ff;
	--bs-link-color-rgb: 102, 165, 255;
	--bs-body-bg: #0d1118;
	--bs-body-color: #dbe2ee;
	--bs-border-color: #273143;
	--bs-secondary-bg: #1c2433;
	--bs-tertiary-bg: #161d2a;
	--bs-emphasis-color: #f3f6fb;
	color-scheme: dark;
}

/* ---------- Buttons: one shape, three weights ---------- */
.btn {
	border-radius: var(--dbk-radius);
	font-weight: 600;
	letter-spacing: 0;
	transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s;
}
.btn:focus-visible { box-shadow: var(--dbk-focus) !important; outline: 0; }
.btn-primary,
.btn-linear-primary,
.btn-dark.daybreak-signin,
.wp-block-button__link,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce a.button, .woocommerce button.button {
	background: var(--dbk-primary) !important;
	border-color: var(--dbk-primary) !important;
	color: var(--dbk-on-primary) !important;
	border-radius: var(--dbk-radius) !important;
	background-image: none !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-linear-primary:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
	background: var(--dbk-primary-hover) !important;
	border-color: var(--dbk-primary-hover) !important;
	color: var(--dbk-on-primary) !important;
}
.btn-outline-primary {
	color: var(--dbk-primary) !important;
	border-color: var(--dbk-primary) !important;
	background: transparent !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active, .btn-check:checked + .btn-outline-primary {
	background: var(--dbk-primary) !important;
	color: var(--dbk-on-primary) !important;
}
.btn-light, .btn-secondary, .btn-outline-secondary, .btn-outline-light {
	background: var(--dbk-surface-2) !important;
	border-color: var(--dbk-border) !important;
	color: var(--dbk-text) !important;
}
.btn-light:hover, .btn-secondary:hover, .btn-outline-secondary:hover, .btn-outline-light:hover {
	background: var(--dbk-blue-50) !important;
	border-color: var(--dbk-blue-200) !important;
	color: var(--dbk-primary) !important;
}
.btn-link { color: var(--dbk-primary); font-weight: 600; }
.btn-outline-danger { color: var(--dbk-danger) !important; border-color: currentColor !important; background: transparent !important; }
.btn-outline-danger:hover { background: var(--dbk-danger-bg) !important; }
.btn-success { background: var(--dbk-success) !important; border-color: var(--dbk-success) !important; color: #fff !important; }
.btn-sm { border-radius: var(--dbk-radius-sm); }

/* ---------- Forms ---------- */
.form-control, .form-select, select.form-control,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container--default .select2-selection--single {
	border-radius: var(--dbk-radius) !important;
	border-color: var(--dbk-border-strong);
	background-color: var(--dbk-surface);
	color: var(--dbk-text);
}
.form-control:focus, .form-select:focus { border-color: var(--dbk-primary) !important; box-shadow: var(--dbk-focus) !important; }
.form-check-input:checked { background-color: var(--dbk-primary); border-color: var(--dbk-primary); }
.form-control::placeholder { color: var(--dbk-subtle); }

/* ---------- Cards, alerts, badges, tables ---------- */
.card { border-radius: var(--dbk-radius-lg); border-color: var(--dbk-border); }
.alert { border-radius: var(--dbk-radius); }
.alert-info { background: var(--dbk-info-bg); border-color: var(--dbk-blue-100); color: var(--dbk-text); }
.alert-warning { background: var(--dbk-warning-bg); border-color: transparent; color: var(--dbk-text); }
.alert-success { background: var(--dbk-success-bg); border-color: transparent; color: var(--dbk-text); }
.alert-danger { background: var(--dbk-danger-bg); border-color: transparent; color: var(--dbk-text); }
.badge.bg-primary, .badge-primary { background: var(--dbk-primary) !important; }
.page-item.active .page-link, .pagination .active a { background: var(--dbk-primary) !important; border-color: var(--dbk-primary) !important; color: #fff !important; }
a { text-underline-offset: 2px; }

/* ---------- Dashboard top bar: logo kept in proportion ---------- */
.header.provider-header .header-left .logo img,
.header .header-left .logo-normal img {
	width: auto !important;
	height: 30px !important;
	max-height: 30px !important;
	max-width: 170px !important;
	object-fit: contain;
}
.header.provider-header .header-left .logo { display: inline-flex; align-items: center; height: 100%; width: auto !important; }
.header.provider-header .header-left .logo-small img { width: 32px !important; height: 32px !important; object-fit: contain; }

/* ---------- Homepage: services slideshow and cards keep one shape ---------- */
.work-sec .tab-content { overflow: hidden; border-radius: var(--dbk-radius-xl); }
.work-sec .tab-content .tab-pane img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	border-radius: var(--dbk-radius-xl);
}
.work-sec .nav-tabs .nav-link img { width: 56px !important; height: 56px !important; aspect-ratio: 1; object-fit: cover; border-radius: 12px; }
.service-item-two .service-img { overflow: hidden; border-radius: var(--dbk-radius-lg); aspect-ratio: 4 / 3; }
.service-item-two .service-img img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.banner-section-eleven .slick-slide img { height: 288px !important; width: 100%; object-fit: cover; }

/* ---------- Homepage: the four "How Daybreak Works" tiles, glass ---------- */
.feature-item {
	background: linear-gradient(145deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .06)) !important;
	border: 1px solid rgba(255, 255, 255, .38) !important;
	border-radius: 20px !important;
	-webkit-backdrop-filter: blur(16px) saturate(150%);
	backdrop-filter: blur(16px) saturate(150%);
	box-shadow: 0 10px 30px rgba(3, 22, 66, .28), inset 0 1px 0 rgba(255, 255, 255, .45);
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.feature-item:hover {
	transform: translateY(-3px);
	background: linear-gradient(145deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .1)) !important;
	box-shadow: 0 16px 40px rgba(3, 22, 66, .34), inset 0 1px 0 rgba(255, 255, 255, .55);
}
.feature-item .feature-icon, .feature-item span:first-child { background: rgba(255, 255, 255, .9) !important; }
@media (prefers-reduced-motion: reduce) { .feature-item, .feature-item:hover { transition: none; transform: none; } }

/* ---------- Booking cards: Daybreak job and visit notes as compact lines ---------- */
.dbk-lines { margin-top: 14px; border-top: 1px solid var(--dbk-border); display: flex; flex-direction: column; }
.dbk-line { border-bottom: 1px solid var(--dbk-border); }
.dbk-line:last-of-type { border-bottom: 0; }
.dbk-line > summary, .dbk-line .dbk-line-sum {
	display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 2px;
	cursor: pointer; list-style: none; font-size: 14px; color: var(--dbk-text);
}
.dbk-line.is-static .dbk-line-sum { cursor: default; }
.dbk-line > summary::-webkit-details-marker { display: none; }
.dbk-line > summary:focus-visible { outline: 0; box-shadow: var(--dbk-focus); border-radius: var(--dbk-radius-sm); }
.dbk-line-dot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 8px; background: var(--dbk-primary); }
.dbk-line-dot.is-done { background: var(--dbk-success); }
.dbk-line-dot.is-issue { background: var(--dbk-danger); }
.dbk-line-dot.is-off { background: var(--dbk-subtle); }
.dbk-line-dot.is-wait { background: var(--dbk-warning); }
.dbk-line-dot.is-note { background: var(--dbk-blue-300); }
.dbk-line-title { font-weight: 600; color: var(--dbk-heading); white-space: nowrap; }
.dbk-line-text { color: var(--dbk-muted); flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dbk-line.is-static .dbk-line-text { white-space: normal; }
.dbk-line-badge { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: var(--dbk-warning-bg); color: var(--dbk-warning); white-space: nowrap; }
.dbk-line-chev { width: 8px; height: 8px; border-right: 2px solid var(--dbk-subtle); border-bottom: 2px solid var(--dbk-subtle); transform: rotate(45deg); margin: 0 6px 4px 4px; transition: transform .15s; flex: 0 0 8px; }
.dbk-line[open] > summary .dbk-line-chev { transform: rotate(-135deg); margin-bottom: -2px; }
.dbk-line-body { padding: 2px 2px 14px 18px; font-size: 14px; color: var(--dbk-text); }
.dbk-line-body ul { margin-bottom: 8px; }
.dbk-line-body .daybreak-job-form { margin-top: 8px; }
.daybreak-job-msg:empty { display: none; }
.daybreak-job-msg { padding: 8px 2px 2px; font-size: 14px; color: var(--dbk-primary); }
@media (max-width: 575px) { .dbk-line-text { display: none; } .dbk-line-title { flex: 1; } }

/* ---------- Theme toggle ---------- */
.dbk-theme-toggle {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border-radius: 50%;
	border: 1px solid var(--dbk-border); background: var(--dbk-surface); color: var(--dbk-text);
	cursor: pointer; padding: 0; font-size: 18px; line-height: 1;
}
.dbk-theme-toggle:hover { color: var(--dbk-primary); border-color: var(--dbk-blue-200); }
.dbk-theme-toggle:focus-visible { outline: 0; box-shadow: var(--dbk-focus); }
.dbk-theme-toggle .dbk-moon { display: inline; }
.dbk-theme-toggle .dbk-sun { display: none; }
html[data-theme="dark"] .dbk-theme-toggle .dbk-moon { display: none; }
html[data-theme="dark"] .dbk-theme-toggle .dbk-sun { display: inline; }
.daybreak-account .dbk-theme-li { margin-right: 10px; list-style: none; }
.provider-header .dbk-theme-toggle { width: 36px; height: 36px; margin-right: 8px; }

/* ==========================================================================
   Dark theme
   ========================================================================== */
html[data-theme="dark"] body,
html[data-theme="dark"] .main-wrapper,
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .content,
html[data-theme="dark"] .elementor-page .elementor,
html[data-theme="dark"] #wrapper { background-color: var(--dbk-bg) !important; color: var(--dbk-text); }

html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6,
html[data-theme="dark"] .title, html[data-theme="dark"] .card-title,
html[data-theme="dark"] .breadcrumb-title, html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .elementor-heading-title,
html[data-theme="dark"] h1 a, html[data-theme="dark"] h2 a, html[data-theme="dark"] h3 a,
html[data-theme="dark"] h4 a, html[data-theme="dark"] h5 a, html[data-theme="dark"] h6 a,
html[data-theme="dark"] .text-dark { color: var(--dbk-heading) !important; }
html[data-theme="dark"] p, html[data-theme="dark"] li, html[data-theme="dark"] label,
html[data-theme="dark"] td, html[data-theme="dark"] th, html[data-theme="dark"] dd, html[data-theme="dark"] dt,
html[data-theme="dark"] .form-label, html[data-theme="dark"] .elementor-widget-text-editor { color: var(--dbk-text); }
html[data-theme="dark"] .text-muted, html[data-theme="dark"] .text-secondary, html[data-theme="dark"] small { color: var(--dbk-muted) !important; }
html[data-theme="dark"] .text-primary, html[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.dbk-chip):not(.elementor-button):not([class*="btn"]) { color: var(--dbk-primary); }

/* Surfaces */
html[data-theme="dark"] .card, html[data-theme="dark"] .bg-white, html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-light-200, html[data-theme="dark"] .bg-light-300, html[data-theme="dark"] .bg-light-500,
html[data-theme="dark"] .modal-content, html[data-theme="dark"] .dropdown-menu, html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .service-item-two, html[data-theme="dark"] .service-widget, html[data-theme="dark"] .service-item,
html[data-theme="dark"] .provider-widget, html[data-theme="dark"] .booking-list, html[data-theme="dark"] .booking-widget,
html[data-theme="dark"] .dash-widget, html[data-theme="dark"] .dash-card, html[data-theme="dark"] .settings-widget,
html[data-theme="dark"] .notify-blk, html[data-theme="dark"] .accordion-item, html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .daybreak-filters, html[data-theme="dark"] .woocommerce-checkout-review-order,
html[data-theme="dark"] .select2-dropdown, html[data-theme="dark"] .bootstrap-datetimepicker-widget,
html[data-theme="dark"] .daterangepicker {
	background-color: var(--dbk-surface) !important;
	border-color: var(--dbk-border) !important;
	color: var(--dbk-text);
}
html[data-theme="dark"] .section, html[data-theme="dark"] section:not(.banner-section-eleven),
html[data-theme="dark"] .e-con.e-parent, html[data-theme="dark"] .elementor-section,
html[data-theme="dark"] .breadcrumb-bar, html[data-theme="dark"] .header-three ~ .breadcrumb-bar {
	background-color: var(--dbk-bg) !important;
}
html[data-theme="dark"] .header-three ~ .breadcrumb-bar,
html[data-theme="dark"] .banner-section-eleven { background-image: none !important; }
html[data-theme="dark"] .banner-section-eleven { background-color: var(--dbk-bg-soft) !important; }
html[data-theme="dark"] .bg-soft, html[data-theme="dark"] .table-light, html[data-theme="dark"] thead,
html[data-theme="dark"] .card-header, html[data-theme="dark"] .card-footer { background-color: var(--dbk-surface-2) !important; color: var(--dbk-text); }

/* Header (floating pill on the public site) and dashboard */
html[data-theme="dark"] .header-three .header-nav,
html[data-theme="dark"] .header-three .navbar,
html[data-theme="dark"] .header-three .main-menu-wrapper,
html[data-theme="dark"] .header.provider-header,
html[data-theme="dark"] .header.provider-header .header-left,
html[data-theme="dark"] .sidebar, html[data-theme="dark"] .sidebar-inner, html[data-theme="dark"] .provider-sidebar {
	background-color: var(--dbk-surface) !important;
	border-color: var(--dbk-border) !important;
}
html[data-theme="dark"] .header-three .main-nav > li > a,
html[data-theme="dark"] .header-three .main-nav > li > a span,
html[data-theme="dark"] .sidebar a, html[data-theme="dark"] .sidebar-menu a,
html[data-theme="dark"] .nav-link, html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .header-user .nav-link, html[data-theme="dark"] #toggle_btn { color: var(--dbk-text) !important; }
html[data-theme="dark"] .header-three .main-nav > li.active > a,
html[data-theme="dark"] .header-three .main-nav > li > a:hover,
html[data-theme="dark"] .sidebar a.active, html[data-theme="dark"] .sidebar li.active > a, html[data-theme="dark"] .nav-link.active { color: var(--dbk-primary) !important; }
html[data-theme="dark"] .sidebar li.active > a, html[data-theme="dark"] .sidebar a.active,
html[data-theme="dark"] .dropdown-item:hover, html[data-theme="dark"] .dropdown-item:focus { background-color: var(--dbk-blue-50) !important; }
html[data-theme="dark"] .main-nav .submenu, html[data-theme="dark"] .main-nav li .submenu { background: var(--dbk-surface) !important; }
/* Logos: the dark-text logo gets a light rendering on dark surfaces. */
html[data-theme="dark"] .header-three .navbar-brand img,
html[data-theme="dark"] .header-three .logo img,
html[data-theme="dark"] .header.provider-header .logo img { filter: brightness(0) invert(1) contrast(.95); }

/* Forms, tables, borders */
html[data-theme="dark"] .form-control, html[data-theme="dark"] .form-select, html[data-theme="dark"] select,
html[data-theme="dark"] textarea, html[data-theme="dark"] input[type="text"], html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"], html[data-theme="dark"] input[type="number"], html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="search"], html[data-theme="dark"] input[type="date"], html[data-theme="dark"] input[type="datetime-local"],
html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .input-group-text {
	background-color: var(--dbk-surface-2) !important;
	border-color: var(--dbk-border-strong) !important;
	color: var(--dbk-text) !important;
}
html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--dbk-text) !important; }
html[data-theme="dark"] .table { --bs-table-bg: transparent; --bs-table-color: var(--dbk-text); --bs-table-border-color: var(--dbk-border); color: var(--dbk-text); }
html[data-theme="dark"] hr, html[data-theme="dark"] .border, html[data-theme="dark"] .border-top, html[data-theme="dark"] .border-bottom { border-color: var(--dbk-border) !important; }
html[data-theme="dark"] .modal-header, html[data-theme="dark"] .modal-footer { border-color: var(--dbk-border); }
html[data-theme="dark"] .btn-close { filter: invert(1) grayscale(1) brightness(1.6); }
html[data-theme="dark"] .alert-info { background: var(--dbk-blue-50); border-color: var(--dbk-blue-100); color: var(--dbk-text); }

/* Homepage pieces */
html[data-theme="dark"] .banner-section-eleven .form-group,
html[data-theme="dark"] .banner-section-eleven .search-input,
html[data-theme="dark"] .banner-content .banner-form, html[data-theme="dark"] .banner-form form { background-color: var(--dbk-surface) !important; border-color: var(--dbk-border) !important; }
html[data-theme="dark"] .work-sec .nav-tabs .nav-link { background: var(--dbk-surface) !important; border-color: var(--dbk-border) !important; }
html[data-theme="dark"] .work-sec .nav-tabs .nav-link.active { border-color: var(--dbk-primary) !important; }
html[data-theme="dark"] .feature-item .feature-icon, html[data-theme="dark"] .feature-item span:first-child { background: rgba(255, 255, 255, .92) !important; }

/* Calendar (My calendar page) */
html[data-theme="dark"] .dbk-cal-grid { background: var(--dbk-surface); border-color: var(--dbk-border); }
html[data-theme="dark"] .dbk-cal-head div { background: var(--dbk-surface-2); color: var(--dbk-muted); border-color: var(--dbk-border); }
html[data-theme="dark"] .dbk-cal-day { border-color: var(--dbk-border); }
html[data-theme="dark"] .dbk-cal-day.is-out { background: var(--dbk-bg-soft); }
html[data-theme="dark"] .dbk-cal-num { color: var(--dbk-text); }
html[data-theme="dark"] .dbk-chip { background: var(--dbk-blue-50); color: var(--dbk-text); }
html[data-theme="dark"] .dbk-chip.is-done { background: var(--dbk-success-bg); }
html[data-theme="dark"] .dbk-chip.is-due { background: var(--dbk-warning-bg); }
html[data-theme="dark"] .dbk-chip.is-issue { background: var(--dbk-danger-bg); }
html[data-theme="dark"] .dbk-chip.is-unpaid, html[data-theme="dark"] .dbk-chip.is-cancelled { background: var(--dbk-surface-2); }
html[data-theme="dark"] .dbk-chip-s { color: var(--dbk-muted); }
html[data-theme="dark"] .dbk-badge { background: var(--dbk-blue-50); color: var(--dbk-blue-700); }

/* WooCommerce (pay page) */
html[data-theme="dark"] .woocommerce table.shop_table, html[data-theme="dark"] .woocommerce-checkout #payment,
html[data-theme="dark"] .woocommerce-checkout #payment div.payment_box { background: var(--dbk-surface) !important; color: var(--dbk-text); border-color: var(--dbk-border) !important; }
html[data-theme="dark"] .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--dbk-surface) !important; }

/* Images keep their colours; very bright illustrations are toned down a little. */
html[data-theme="dark"] img:not(.feature-item img):not([src$=".svg"]) { filter: brightness(.92); }

/* Fixes found in the dark-mode screen check */
.header-three .main-nav > li > a { white-space: nowrap; }
html[data-theme="dark"] header.header-three, html[data-theme="dark"] header.header-three.fixed,
html[data-theme="dark"] .header-three .header-nav, html[data-theme="dark"] .header-three .navbar-header,
html[data-theme="dark"] .header-three .navbar-brand { background-color: var(--dbk-surface) !important; border-color: var(--dbk-border) !important; }
html[data-theme="dark"] .service-content, html[data-theme="dark"] .about-content-two { background-color: var(--dbk-surface) !important; }
html[data-theme="dark"] .work-content { background-color: rgba(22, 29, 42, .9) !important; }
html[data-theme="dark"] .work-content p { color: var(--dbk-text) !important; }
html[data-theme="dark"] .elementor-button, html[data-theme="dark"] .elementor-button .elementor-button-text { color: #fff !important; }
html[data-theme="dark"] .sidebar a span, html[data-theme="dark"] .sidebar-menu a span, html[data-theme="dark"] .sidebar li a i { color: var(--dbk-text) !important; }
html[data-theme="dark"] .sidebar li.active > a span, html[data-theme="dark"] .sidebar a.active span, html[data-theme="dark"] .sidebar li.active > a i { color: var(--dbk-primary) !important; }
html[data-theme="dark"] .banner-section-eleven p, html[data-theme="dark"] .banner-content p { color: var(--dbk-text) !important; }
.dbk-cal-day.is-out .dbk-cal-num { color: #8a93a3 !important; }
.badge.bg-info, .bg-info { background-color: var(--dbk-blue-100) !important; color: var(--dbk-blue-700) !important; }
html[data-theme="dark"] .badge.bg-info, html[data-theme="dark"] .bg-info { background-color: var(--dbk-blue-100) !important; color: var(--dbk-blue-700) !important; }
html[data-theme="dark"] .header-user .nav-link, html[data-theme="dark"] .noti-nav > .dropdown-toggle,
html[data-theme="dark"] .header-user .site-link a { background-color: var(--dbk-surface-2) !important; border-color: var(--dbk-border) !important; color: var(--dbk-text) !important; }
/* Booking cards: the Daybreak lines run across the bottom of the card, under the details and buttons. */
.card-body:has(> .dbk-lines) { flex-wrap: wrap; }
.card-body > .dbk-lines { flex: 0 0 100%; width: 100%; order: 99; }
html[data-theme="dark"] .book-item, html[data-theme="dark"] .booking-widget span, html[data-theme="dark"] .booking-det-info span { color: var(--dbk-muted) !important; }

/* Invoices page: tabs and table (Phase 4) */
.daybreak-invoices .nav-pills .nav-link{border:1px solid var(--dbk-border);color:var(--dbk-text);background:transparent;border-radius:999px;padding:6px 16px;font-weight:600}
.daybreak-invoices .nav-pills .nav-link:hover{border-color:var(--dbk-primary);color:var(--dbk-primary)}
.daybreak-invoices .nav-pills .nav-link.active,.daybreak-invoices .nav-pills .nav-link.active:hover{background:var(--dbk-primary);border-color:var(--dbk-primary);color:#fff}
.daybreak-invoices .table{--bs-table-bg:transparent;--bs-table-color:var(--dbk-text);color:var(--dbk-text)}
.daybreak-invoices .table th,.daybreak-invoices .table td{color:var(--dbk-text);border-color:var(--dbk-border)}
.daybreak-invoices .table thead th{color:var(--dbk-muted);font-weight:600}
html[data-theme=dark] .table{--bs-table-bg:transparent;--bs-table-color:var(--dbk-text);--bs-table-striped-color:var(--dbk-text);--bs-table-hover-color:var(--dbk-text)}
html[data-theme=dark] .table>:not(caption)>*>*{color:var(--dbk-text);border-color:var(--dbk-border)}
html[data-theme=dark] .nav-pills .nav-link.active,html[data-theme=dark] .nav-pills .show>.nav-link{color:#fff!important}