/*
 * Cybrius Dark — dark colour scheme for the Cybrius (Stack) theme.
 * Loaded after theme.css and only active when <body> has .cybrius-dark
 * (Appearance → Customize → Colours → "Dark version").
 */

body.cybrius-dark {
	--cd-bg: #0d1117;          /* page */
	--cd-bg-2: #131a23;        /* alternate sections */
	--cd-surface: #18212c;     /* boxes, cards, dropdowns */
	--cd-surface-2: #1f2a37;   /* hover / inputs */
	--cd-border: #2a3644;
	--cd-text: #aeb9c6;
	--cd-muted: #7d8a9a;
	--cd-heading: #f1f5f9;
	--cd-primary: #00adef;     /* Cybrius logo blue */
	--cd-primary-hover: #33c1f5;

	background: var(--cd-bg);
	color: var(--cd-text);
	color-scheme: dark;
}

/* ---------- Base surfaces ---------- */
body.cybrius-dark .main-container,
body.cybrius-dark section:not([class*='bg-']):not(.imagebg),
body.cybrius-dark footer:not([class*='bg-']):not(.imagebg),
body.cybrius-dark .bg--site,
body.cybrius-dark .bg--white,
body.cybrius-dark .tabs-container:not([class*='bg-']) {
	background-color: var(--cd-bg);
}
body.cybrius-dark .bg--secondary,
body.cybrius-dark footer.footer-6 .footer__lower,
body.cybrius-dark .boxed.bg--secondary .boxed {
	background: var(--cd-bg-2);
}
body.cybrius-dark .boxed:not([class*='bg-']),
body.cybrius-dark .card,
body.cybrius-dark .feature:not([class*='bg-']).boxed,
body.cybrius-dark .pricing:not([class*='bg-']),
body.cybrius-dark .notification:not([class*='bg-']),
body.cybrius-dark .page-navigator li a,
body.cybrius-dark .back-to-top,
body.cybrius-dark .tooltip .tooltip__text,
body.cybrius-dark .cta-2:hover,
body.cybrius-dark .process-3 li .process__number {
	background: var(--cd-surface);
	color: var(--cd-text);
}
body.cybrius-dark .boxed--border,
body.cybrius-dark .card,
body.cybrius-dark .boxed {
	border-color: var(--cd-border);
}
body.cybrius-dark hr,
body.cybrius-dark .border--bottom,
body.cybrius-dark .border--top,
body.cybrius-dark .bar,
body.cybrius-dark .menu-vertical li,
body.cybrius-dark .accordion li,
body.cybrius-dark .accordion .accordion__title,
body.cybrius-dark .tabs,
body.cybrius-dark .tabs li,
body.cybrius-dark table td,
body.cybrius-dark table th,
body.cybrius-dark .masonry__filters,
body.cybrius-dark .comments__list li,
body.cybrius-dark .breadcrumb--section .container > .row:after {
	border-color: var(--cd-border) !important;
}
body.cybrius-dark hr[data-title]:before {
	background: var(--cd-bg);
	color: var(--cd-muted);
}

/* ---------- Typography ---------- */
body.cybrius-dark h1, body.cybrius-dark h2, body.cybrius-dark h3,
body.cybrius-dark h4, body.cybrius-dark h5, body.cybrius-dark h6,
body.cybrius-dark .h1, body.cybrius-dark .h2, body.cybrius-dark .h3,
body.cybrius-dark .h4, body.cybrius-dark .h5, body.cybrius-dark .h6,
body.cybrius-dark p strong,
body.cybrius-dark table th,
body.cybrius-dark .color--dark,
body.cybrius-dark .bg--white h1, body.cybrius-dark .bg--white h2, body.cybrius-dark .bg--white h3,
body.cybrius-dark .bg--white h4, body.cybrius-dark .bg--white h5, body.cybrius-dark .bg--white h6,
body.cybrius-dark .bg--white i,
body.cybrius-dark .feature-5:not([class*='bg-']),
body.cybrius-dark .accordion .accordion__title:before {
	color: var(--cd-heading);
}
body.cybrius-dark p,
body.cybrius-dark ul,
body.cybrius-dark ol,
body.cybrius-dark blockquote,
body.cybrius-dark .bg--white p, body.cybrius-dark .bg--white span,
body.cybrius-dark .bg--white ul, body.cybrius-dark .bg--white a:not(.btn),
body.cybrius-dark a.block,
body.cybrius-dark .card__action a,
body.cybrius-dark .masonry-filter-holder .masonry__filters ul li,
body.cybrius-dark .form--inline > span.h4 {
	color: var(--cd-text);
}
body.cybrius-dark .type--fine-print,
body.cybrius-dark .breadcrumbs li,
body.cybrius-dark .article__title span,
body.cybrius-dark .card__body span,
body.cybrius-dark small {
	color: var(--cd-muted);
}
body.cybrius-dark a {
	color: var(--cd-primary);
}
body.cybrius-dark a:hover {
	color: var(--cd-primary-hover);
}
body.cybrius-dark pre,
body.cybrius-dark code {
	background: var(--cd-surface);
	color: var(--cd-heading);
	border-color: var(--cd-border);
}
body.cybrius-dark ::selection {
	background: var(--cd-primary);
	color: #fff;
}

/* ---------- Navigation ---------- */
body.cybrius-dark .bar:not(.bar--transparent):not([class*='bg-']),
body.cybrius-dark nav.bar:not(.bar--transparent):not([class*='bg-']),
body.cybrius-dark .bar.pos-fixed:not([class*='bg-']),
body.cybrius-dark .bar.bar--mobile-sticky[data-scroll-class*='fixed'].pos-fixed,
body.cybrius-dark .bar.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed,
body.cybrius-dark .nav-container > nav:not([class*='bg-']):not(.bar--transparent),
body.cybrius-dark .nav-sidebar-column:not([class*='bg-']),
body.cybrius-dark .nav-sidebar-column-toggle,
body.cybrius-dark .menu-toggle {
	background: rgba(13, 17, 23, 0.96);
	border-color: var(--cd-border);
}
body.cybrius-dark .bar.pos-fixed {
	box-shadow: 0 1px 0 var(--cd-border), 0 10px 30px rgba(0, 0, 0, .35);
}
body.cybrius-dark .menu-horizontal > li > a,
body.cybrius-dark .menu-horizontal > li > span,
body.cybrius-dark .menu-horizontal > li > .modal-instance > .modal-trigger,
body.cybrius-dark .menu-horizontal > li > a:hover,
body.cybrius-dark .menu-horizontal > li > span:hover,
body.cybrius-dark .hamburger-toggle i,
body.cybrius-dark .menu-toggle i,
body.cybrius-dark .bar__module a:not(.btn),
body.cybrius-dark .bar i:not(.btn i),
body.cybrius-dark .nav-utility .nav-utility__module a {
	color: var(--cd-heading);
}
body.cybrius-dark .bar-1,
body.cybrius-dark .bar-1 *,
body.cybrius-dark .nav-utility {
	border-color: var(--cd-border);
}
body.cybrius-dark .bar-1 .type--fine-print,
body.cybrius-dark .bar-1 span {
	color: var(--cd-muted);
}
body.cybrius-dark .dropdown .dropdown__content:not([class*='bg-']),
body.cybrius-dark .menu-vertical .dropdown__container .dropdown__content:not([class*='bg-']),
body.cybrius-dark .notification.side-menu {
	background: var(--cd-surface);
	border: 1px solid var(--cd-border);
	box-shadow: 0 16px 40px rgba(0, 0, 0, .45);
}
body.cybrius-dark .dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a,
body.cybrius-dark .menu-vertical a {
	color: var(--cd-text);
}
body.cybrius-dark .dropdown .dropdown__content .menu-vertical a:hover,
body.cybrius-dark .menu-vertical a:hover {
	color: var(--cd-heading);
}

/* Show the white Cybrius logo instead of the dark one */
body.cybrius-dark .bar:not(.bg--primary) .logo-dark,
body.cybrius-dark footer .logo-dark,
body.cybrius-dark .nav-sidebar-column .logo-dark,
body.cybrius-dark .notification .logo-dark {
	display: none !important;
}
body.cybrius-dark .bar:not(.bg--primary) .logo-light,
body.cybrius-dark footer .logo-light,
body.cybrius-dark .nav-sidebar-column .logo-light,
body.cybrius-dark .notification .logo-light {
	display: inline-block !important;
}

/* ---------- Buttons ---------- */
body.cybrius-dark .btn {
	border-color: var(--cd-border);
}
body.cybrius-dark .btn .btn__text,
body.cybrius-dark .btn i {
	color: var(--cd-heading);
}
body.cybrius-dark .btn:not([class*='primary']):hover {
	border-color: var(--cd-muted);
	color: var(--cd-heading);
}
body.cybrius-dark .btn--secondary {
	background: var(--cd-surface);
	border-color: var(--cd-border);
}
body.cybrius-dark .btn--secondary:hover {
	background: var(--cd-surface-2);
}
body.cybrius-dark .btn--primary,
body.cybrius-dark .btn--primary:visited,
body.cybrius-dark input[type].btn--primary,
body.cybrius-dark input[type="submit"],
body.cybrius-dark button[type="submit"]:not(.btn--secondary):not(.btn--white),
body.cybrius-dark .woocommerce #respond input#submit,
body.cybrius-dark .woocommerce a.button.alt,
body.cybrius-dark .woocommerce button.button.alt {
	background: var(--cd-primary);
	border-color: var(--cd-primary);
	color: #fff;
}
body.cybrius-dark .btn--primary:hover,
body.cybrius-dark input[type="submit"]:hover,
body.cybrius-dark button[type="submit"]:not(.btn--secondary):not(.btn--white):hover {
	background: var(--cd-primary-hover);
	border-color: var(--cd-primary-hover);
}
body.cybrius-dark .btn--primary .btn__text,
body.cybrius-dark .btn--primary i {
	color: #fff;
}

/* ---------- Forms ---------- */
body.cybrius-dark input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']),
body.cybrius-dark textarea,
body.cybrius-dark select,
body.cybrius-dark .input-select select,
body.cybrius-dark .select2-container .select2-selection,
body.cybrius-dark .woocommerce form .form-row .input-text {
	background: var(--cd-surface);
	border-color: var(--cd-border);
	color: var(--cd-heading);
}
body.cybrius-dark input:focus,
body.cybrius-dark textarea:focus,
body.cybrius-dark select:focus {
	border-color: var(--cd-primary) !important;
	box-shadow: 0 0 0 3px rgba(0, 173, 239, .15);
}
body.cybrius-dark ::placeholder {
	color: var(--cd-muted);
	opacity: 1;
}
body.cybrius-dark label {
	color: var(--cd-text);
}
body.cybrius-dark .input-checkbox .inner,
body.cybrius-dark .input-radio .inner {
	background: var(--cd-surface);
	border-color: var(--cd-border);
}
body.cybrius-dark .input-radio.checked .inner:after {
	background-color: var(--cd-primary);
}
body.cybrius-dark .select2-dropdown,
body.cybrius-dark .select2-results__option {
	background: var(--cd-surface);
	color: var(--cd-text);
	border-color: var(--cd-border);
}
body.cybrius-dark .select2-results__option--highlighted {
	background: var(--cd-primary) !important;
	color: #fff !important;
}

/* ---------- Tables, tabs, accordions ---------- */
body.cybrius-dark table th,
body.cybrius-dark .table--alternate-column td:nth-child(even),
body.cybrius-dark .table--alternate-row tbody tr:nth-child(even) {
	background: var(--cd-bg-2);
}
body.cybrius-dark .tabs > li.active .tab__title,
body.cybrius-dark .tabs > li .tab__title:hover {
	color: var(--cd-heading);
}
body.cybrius-dark .tabs > li.active,
body.cybrius-dark .tabs-container .tabs > li.active {
	border-color: var(--cd-primary) !important;
}

/* ---------- Image sections & overlays ---------- */
body.cybrius-dark [data-overlay].image--light:before,
body.cybrius-dark [data-scrim-bottom].image--light:before,
body.cybrius-dark [data-scrim-top].image--light:before {
	background: var(--cd-bg);
}
body.cybrius-dark .imagebg {
	background-color: var(--cd-bg-2);
}

/* ---------- Footer ---------- */
body.cybrius-dark footer:not(.bg--primary):not(.bg--dark),
body.cybrius-dark footer:not(.bg--primary):not(.bg--dark) a,
body.cybrius-dark footer.footer-3 .logo + ul a,
body.cybrius-dark .social-list a {
	color: var(--cd-muted);
}
body.cybrius-dark footer:not(.bg--primary):not(.bg--dark) a:hover,
body.cybrius-dark .social-list a:hover {
	color: var(--cd-heading);
}
body.cybrius-dark footer {
	border-top: 1px solid var(--cd-border);
}

/* ---------- Blog, comments, widgets ---------- */
body.cybrius-dark .masonry__item .card,
body.cybrius-dark .card__body,
body.cybrius-dark .card__bottom,
body.cybrius-dark .widget,
body.cybrius-dark .sidebar .boxed {
	background: var(--cd-surface);
	border-color: var(--cd-border);
}
body.cybrius-dark .comment-respond,
body.cybrius-dark .comments {
	color: var(--cd-text);
}
body.cybrius-dark .pagination li a,
body.cybrius-dark .pagination li span {
	color: var(--cd-text);
	border-color: var(--cd-border);
}
body.cybrius-dark .pagination li.pagination__current,
body.cybrius-dark .pagination .current {
	background: var(--cd-primary);
	color: #fff;
}

/* ---------- WooCommerce ---------- */
body.cybrius-dark .woocommerce-message,
body.cybrius-dark .woocommerce-info,
body.cybrius-dark .woocommerce-error,
body.cybrius-dark .woocommerce-noreviews,
body.cybrius-dark p.no-comments {
	background: var(--cd-surface);
	color: var(--cd-text);
	border-top-color: var(--cd-primary);
}
body.cybrius-dark .woocommerce-error {
	border-top-color: #e5484d;
}
body.cybrius-dark .woocommerce table.shop_table,
body.cybrius-dark .woocommerce table.shop_table td,
body.cybrius-dark .woocommerce table.shop_table th,
body.cybrius-dark #add_payment_method #payment,
body.cybrius-dark .woocommerce-checkout #payment {
	background: var(--cd-surface);
	border-color: var(--cd-border);
	color: var(--cd-text);
}
body.cybrius-dark .woocommerce-checkout #payment div.payment_box {
	background: var(--cd-surface-2);
	color: var(--cd-text);
}
body.cybrius-dark .woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: var(--cd-surface-2);
}
body.cybrius-dark .woocommerce-checkout #payment ul.payment_methods {
	border-bottom-color: var(--cd-border);
}
body.cybrius-dark .product-1,
body.cybrius-dark .product .product__controls,
body.cybrius-dark .cart-total {
	background: var(--cd-surface);
	border-color: var(--cd-border);
}
body.cybrius-dark .woocommerce .quantity .qty {
	background: var(--cd-surface);
	color: var(--cd-heading);
	border-color: var(--cd-border);
}
body.cybrius-dark .woocommerce span.onsale {
	background: var(--cd-primary);
}
body.cybrius-dark .woocommerce .star-rating span::before,
body.cybrius-dark .woocommerce p.stars a {
	color: #f5b301;
}
body.cybrius-dark .woocommerce div.product .woocommerce-tabs ul.tabs li,
body.cybrius-dark .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--cd-surface);
	border-color: var(--cd-border);
}

/* ---------- Misc components ---------- */
body.cybrius-dark .loading-indicator {
	background-color: var(--cd-primary);
}
body.cybrius-dark .process__item:after,
body.cybrius-dark .process-1:before,
body.cybrius-dark .process-2:before {
	background: var(--cd-border);
}
body.cybrius-dark .modal-container .modal-content,
body.cybrius-dark .modal-instance .modal-content > .boxed {
	background: var(--cd-surface);
	color: var(--cd-text);
}
body.cybrius-dark .slider.controls--dark .flickity-prev-next-button:before,
body.cybrius-dark .slider.slider--inline-arrows .flickity-prev-next-button:before,
body.cybrius-dark .back-to-top i,
body.cybrius-dark .card__action a i {
	color: var(--cd-heading);
}
body.cybrius-dark .flickity-page-dots .dot {
	background: var(--cd-muted);
}
body.cybrius-dark .flickity-page-dots .dot.is-selected {
	background: var(--cd-primary);
}
body.cybrius-dark .lfb_form,
body.cybrius-dark #lfb_form,
body.cybrius-dark .lfb_bootstraped .panel {
	background: transparent;
	color: var(--cd-text);
}

/* Missing-background fallback blends with the dark scheme */
body.cybrius-dark .imagebg,
body.cybrius-dark .cover.imagebg,
body.cybrius-dark section.imagebg {
	background-image: linear-gradient(135deg, #0b1016 0%, #13202f 55%, #005f85 140%);
}

/* ---------- Harmonise Stack's own "dark" sections with the scheme ---------- */
body.cybrius-dark .bg--dark,
body.cybrius-dark section.bg--dark,
body.cybrius-dark footer.bg--dark,
body.cybrius-dark .pos-fixed.bar--transparent.bg--dark {
	background: var(--cd-bg-2);
}
body.cybrius-dark .bg--dark .boxed:not([class*='bg-']),
body.cybrius-dark .bg--dark .feature.boxed,
body.cybrius-dark .imagebg .boxed:not([class*='bg-']) {
	background: var(--cd-surface);
	border-color: var(--cd-border);
}
body.cybrius-dark .bg--dark input:not([type='submit']):not([type='checkbox']):not([type='radio']),
body.cybrius-dark .bg--dark textarea {
	background: var(--cd-surface-2);
	color: var(--cd-heading);
}