/*
 * Dark theme for quyonchi.uz.
 * Kept separate from the template CSS (static/vendor/css), which is replaced wholesale by the
 * licensed package — never edit those files. Everything here is scoped to [data-theme="dark"], so
 * light mode is untouched.
 *
 * The template uses --primary-color both for text and for a few black backgrounds, and
 * --white-color both for backgrounds and for white text on coloured cards. We flip --primary-color
 * to light text and leave --white-color alone, then fix each surface that used either one as a
 * background.
 */

/* ---------- Tokens ---------- */

[data-theme='dark'] {
	--quyonchi-surface: #121417;
	--quyonchi-surface-raised: #1b1e23;
	--quyonchi-surface-tint: #1f2229;
	--quyonchi-surface-elevated: #272b32;
	--quyonchi-text: #e8e9ec;
	--quyonchi-text-muted: #a3a7af;
	--quyonchi-border: #2c3038;
	--quyonchi-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);

	--primary-color: var(--quyonchi-text);
	--text-color: var(--quyonchi-text);
	--dark-divider-color: var(--quyonchi-border);
	/* Bootstrap's .text-muted only goes light under data-bs-theme, which this site does not use. */
	--bs-secondary-color: var(--quyonchi-text-muted);

	color-scheme: dark;
}

[data-theme='dark'] body {
	background-color: var(--quyonchi-surface);
	color: var(--quyonchi-text);
}

/* ---------- Header: icons, search ---------- */

/* Beats Bootstrap's `.text-black { color: #000 !important }` on the cart and wishlist icons. */
[data-theme='dark'] .header-icon .text-black {
	color: var(--quyonchi-text) !important;
}

[data-theme='dark'] .sisf-skin--dark .sisf-m-opener-count {
	color: var(--quyonchi-surface);
}

[data-theme='dark'] .sisf-skin--dark .header-icon .sisf-icon-list-item {
	background-color: var(--quyonchi-surface-raised);
	box-shadow: inset 0 0 0 1px var(--quyonchi-border);
}

[data-theme='dark'] .sisf-skin--dark .header-icon .search-input::placeholder {
	color: var(--quyonchi-text-muted);
}

[data-theme='dark'] .header-icon .sisf-icon-list-item .search-btn {
	background: var(--main-color);
}

/* ---------- Header: dropdown menus and mini cart ---------- */

[data-theme='dark'] .main-menu ul ul,
[data-theme='dark'] .sis_core_woo_dropdown_cart .sisf-dropdown-cart-content {
	background-color: var(--quyonchi-surface-elevated);
	box-shadow: var(--quyonchi-shadow);
}

[data-theme='dark'] .sis_core_woo_dropdown_cart .sisf-dropdown-cart-content {
	border-color: var(--quyonchi-border);
}

[data-theme='dark'] .sisf-mini-cart {
	border-bottom-color: var(--quyonchi-border);
}

[data-theme='dark'] .sisf-mini-cart .sisf-mini-cart-item .product-price-amount {
	color: var(--quyonchi-text-muted);
}

/* ---------- Header: mobile menu ---------- */

[data-theme='dark'] .slicknav_menu {
	background: var(--quyonchi-surface-raised);
	border-bottom: 1px solid var(--quyonchi-border);
}

/* ---------- Hero slider ---------- */

[data-theme='dark'] .hero {
	background-color: var(--quyonchi-surface);
}

/* Pastel slide grounds become deep tints of the same hue. */
[data-theme='dark'] .home3 .hero-slide-1 {
	background-color: #1e1828;
}

[data-theme='dark'] .home3 .hero-slide-2 {
	background-color: #221d16;
}

[data-theme='dark'] .home3 .hero-slide-3 {
	background-color: #161c27;
}

[data-theme='dark'] .big-heading-font h1 {
	color: rgb(255 255 255 / 5%);
}

[data-theme='dark'] .hero .other-contents i {
	color: rgb(255 255 255 / 12%);
}

[data-theme='dark'] .home3 .swiper-button-prev,
[data-theme='dark'] .home3 .swiper-button-next {
	background: rgb(255 255 255 / 12%);
}

/* ---------- Home breed circles ---------- */

[data-theme='dark'] .shop-categorie-section {
	background-color: var(--quyonchi-surface-tint);
}

/* Transparent cut-outs sit on a softened light disc instead of stark white. */
[data-theme='dark'] .sisf-sis-category-slider .sisf--inner img {
	background-color: #e6e8ef;
}

/* ---------- Product cards (new arrivals, featured) ---------- */

[data-theme='dark'] .sisf-product-list .product .sisf-e-inner .sisf-product-image {
	background: var(--quyonchi-surface-raised);
	border-color: var(--quyonchi-border);
}

[data-theme='dark'] .sisf-product-list .product .heart-icon {
	background-color: rgb(255 255 255 / 6%);
	box-shadow: none;
}

/* ---------- Video section ---------- */

[data-theme='dark'] .video--section {
	background-image: linear-gradient(90deg, #0b0c0f 75%, var(--quyonchi-surface-tint) 62%);
}

/* ---------- Testimonials ---------- */

/* Beats Bootstrap's `.bg-black { background-color: #000 !important }` on the quote card. */
[data-theme='dark'] .sisf-testimonials-slider .sisf-e-inner.bg-black {
	background-color: var(--quyonchi-surface-raised) !important;
	box-shadow: inset 0 0 0 1px var(--quyonchi-border);
}

/* The template sets both greys with !important. */
[data-theme='dark'] .sisf-testimonials-slider .sisf-e-client-name {
	color: var(--quyonchi-text-muted) !important;
}

[data-theme='dark'] .sisf-testimonials-slider .sisf-e-quote i {
	color: #6b7079 !important;
}

/* ---------- Latest blog ---------- */

[data-theme='dark'] .our-letest-blog {
	background-color: var(--quyonchi-surface-tint);
}

[data-theme='dark'] .sisf-blogs .sisf-e-inner {
	background-color: var(--quyonchi-surface-elevated);
	box-shadow: inset 0 0 0 1px var(--quyonchi-border);
}

[data-theme='dark'] .letest-blog-item .sisf-e-info-date a {
	color: var(--quyonchi-text-muted);
}

/* ---------- Footer ---------- */

/* Pure black on purpose: it has to meet the black baked into the newsletter band image
   (ft-top-bg1.png) without a visible seam. */
[data-theme='dark'] .sisf-page-footer-middle-area,
[data-theme='dark'] .sisf-page-footer-bottom-area {
	background-color: #000;
}

/* ---------- Inner pages: solid header bar (see theme/quyonchi.css) ---------- */

[data-theme='dark'] body:not(:has(.hero-slider)) #sisf-page-header-inner {
	background-color: var(--quyonchi-surface);
	box-shadow: 0 1px 0 var(--quyonchi-border);
}