/*
 * 0.7.22 (31.10.2026): ТЪМЕН ВАРИАНТ — тъмно еспресо + злато.
 * Всичко е под html.sm-dark: класът се слага от скрипта в <head> (functions.php, shine_m_dark_head) ПРЕДИ изрисуването.
 * Палитрата на темата се подменя чрез променливите; тъмните ленти (долната, „За Shine M") остават тъмни — вътре в тях
 * променливите се връщат към „светъл текст върху тъмно".
 */
html.sm-dark {
	color-scheme: dark;
	--wp--preset--color--base: #1C1612;
	--wp--preset--color--base-2: #241D18;
	--wp--preset--color--white: #2A221C;
	--wp--preset--color--contrast: #EFE4D3;
	--wp--preset--color--contrast-2: #C2B2A0;
	--wp--preset--color--gold: #C9A86A;
	--wp--preset--color--gold-light: #4A3C30;
	--sm-gold-text: #D4B47A;
}
html.sm-dark body { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }

/* тъмните ленти: още по-дълбок фон, светъл текст */
html.sm-dark .sm-footer,
html.sm-dark .sm-band,
html.sm-dark .has-contrast-background-color {
	--wp--preset--color--contrast: #120E0B;
	--wp--preset--color--base: #F1E7D3;
	--wp--preset--color--base-2: #E6D9C4;
	--wp--preset--color--gold-light: #BFA98C;
	--sm-gold-text: #D4B47A;
}

/* бутоните сменят цвета си сами чрез променливите (тъмните стават кремави с тъмен текст, очертаните — светли) */

/* логото: по-мека сянка на тъмно */
html.sm-dark .sm-header .sm-logo-img { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5)); }

/* хапчето „Ръчна изработка" върху снимката остава светло (на снимка) — с тъмен текст */
html.sm-dark .sm-hm-pill { color: #3A2E26; border-color: #EADFD2; }
html.sm-dark .sm-hm-pill__spark { color: #B08D57; }

/* лупата върху снимката на продукта: иконата е твърдо тъмна (style.css, „(4) лупата") → кремава, със златна рамка */
html.sm-dark .sm-product .woocommerce-product-gallery__trigger {
	background: rgba(28, 22, 18, .82) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F1E7D3' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") center / 18px no-repeat !important;
	border-color: #C9A86A !important;
}

/* полета, падащи менюта, мега меню и мобилното меню */
html.sm-dark input, html.sm-dark select, html.sm-dark textarea { color: var(--wp--preset--color--contrast); }
html.sm-dark input::placeholder, html.sm-dark textarea::placeholder { color: #9C8C7A; }
html.sm-dark .wp-block-navigation__submenu-container,
html.sm-dark .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--base-2) !important; color: var(--wp--preset--color--contrast) !important; }

/* мини-количката (чекмедже) */
html.sm-dark .wc-block-components-drawer,
html.sm-dark .wc-block-mini-cart__drawer .components-modal__content { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }

/* BulCommerce в касата: неговите променливи + местата с твърдо бяло (assets/css/delivery.css на плъгина) */
html.sm-dark {
	--bulcom-surface: #2A221C;
	--bulcom-line: #4A3C30;
	--bulcom-muted: #B3A391;
	--bulcom-accent: #C9A86A;
	--bulcom-accent-soft: rgba(201, 168, 106, .10);
}
html.sm-dark body.bulcom-ds #shipping_method > li,
html.sm-dark .bulcom-rates > .bulcom-rate-item { background: var(--wp--preset--color--white) !important; color: var(--wp--preset--color--contrast) !important; }
html.sm-dark body.bulcom-ds #shipping_method > li:has(> input:checked),
html.sm-dark .bulcom-rates > .bulcom-rate-item.is-selected { background: #322820 !important; }
html.sm-dark .bulcom-picker input[type="text"], html.sm-dark .bulcom-picker input[type="search"],
html.sm-dark .bulcom-blocks-delivery input[type="text"], html.sm-dark .bulcom-blocks-delivery input[type="search"],
html.sm-dark .bulcom-city-results, html.sm-dark .bulcom-blocks-results,
html.sm-dark .bulcom-near, html.sm-dark .bulcom-tabs button.bulcom-tab, html.sm-dark .bulcom-country select,
html.sm-dark .bulcom-dpopup__bar, html.sm-dark .bulcom-dpopup__change,
html.sm-dark body.bulcom-ds-popup .bulcom-delivery-slot { background: var(--wp--preset--color--white) !important; color: var(--wp--preset--color--contrast) !important; border-color: #4A3C30 !important; }
html.sm-dark .bulcom-city-results *, html.sm-dark .bulcom-blocks-results * { color: var(--wp--preset--color--contrast); }
html.sm-dark .bulcom-city-results li:hover, html.sm-dark .bulcom-city-results [aria-selected="true"], html.sm-dark .bulcom-city-results .is-active,
html.sm-dark .bulcom-blocks-results button:hover, html.sm-dark .bulcom-blocks-results button.is-active, html.sm-dark .bulcom-blocks-results button:focus { background: #3A2F26 !important; }

/* касата: бележката към поръчката и останалите полета на WooCommerce */
html.sm-dark .woocommerce-checkout textarea, html.sm-dark .woocommerce-checkout input.input-text, html.sm-dark .woocommerce-checkout select { background: var(--wp--preset--color--white) !important; color: var(--wp--preset--color--contrast) !important; }

/* лентата за бисквитки */
html.sm-dark #cookie-law-info-bar { background: #120E0B !important; color: #EFE4D3 !important; border-top: 1px solid #4A3C30; }
/* 0.7.31: бутоните ползваха --white/--base/--gold-light, които в тъмния вид се обръщат → тъмен текст на тъмно */
html.sm-dark #cookie-law-info-bar a.wt-cli-accept-btn { background: #C9A86A !important; color: #1C1612 !important; }
html.sm-dark #cookie-law-info-bar a.cookie_action_close_header_reject { background: transparent !important; color: #EFE4D3 !important; outline: 1px solid #C9A86A; }
html.sm-dark #cookie-law-info-bar a.cli-plugin-main-link { color: #D4B47A !important; }

/* 0.7.23: превключвателят на езика (EN / БГ) — текст, до иконите, без плаващото поле на TranslatePress */
.sm-lang { font-family: var(--wp--preset--font-family--body); font-size: .78rem; font-weight: 500; letter-spacing: .14em; color: var(--wp--preset--color--contrast); text-decoration: none; line-height: 1; padding: .35rem .1rem; }
.sm-lang:hover, .sm-lang:focus-visible { color: var(--sm-gold-text); }
#trp-floater-ls, .trp-floating-switcher { display: none !important; }
.sm-lang { margin-right: .35rem; }

/* бутонът за режима: вдясно от количката, на двойна стъпка (иконите са на 1.1rem / .8rem), със златна линия по средата;
   кръг със златна рамка 40 px (телефон 34 px); иконата = текущият режим (html[data-sm-tema]) */
.sm-tema-btn { display: none; position: relative; align-items: center; justify-content: center; flex: 0 0 auto;
	width: 40px; height: 40px; padding: 0; margin: 0 0 0 1.1rem; border: 1px solid var(--wp--preset--color--gold); border-radius: 50%;
	background: transparent; color: var(--wp--preset--color--contrast); cursor: pointer; transition: background .25s, color .25s; }
.sm-tema-btn::before { content: ""; position: absolute; left: calc(-1.1rem - .5px); top: 50%; width: 1px; height: 26px; transform: translate(-50%, -50%);
	background: var(--wp--preset--color--gold); opacity: .55; pointer-events: none; }
html.sm-tema-on .sm-tema-btn { display: inline-flex; }
.sm-tema-btn svg { width: 20px; height: 20px; display: none; }
html[data-sm-tema="auto"] .sm-tema-btn .sm-i-auto,
html[data-sm-tema="svetla"] .sm-tema-btn .sm-i-sun,
html[data-sm-tema="tamna"] .sm-tema-btn .sm-i-moon { display: block; }
.sm-tema-btn:hover, .sm-tema-btn:focus-visible { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--white); }
@media (max-width: 781px) {
	.sm-tema-btn { width: 34px; height: 34px; margin-left: .8rem; }
	.sm-tema-btn::before { left: calc(-.8rem - .5px); height: 22px; }
	.sm-tema-btn svg { width: 18px; height: 18px; }
}

/* 0.7.37 (негово 01.11): езикът = КРЪГЪЛ НАЦИОНАЛЕН ФЛАГ на текущия език (БГ / британски), тънък златен ръб;
   вертикалната черта между езика и бутона за вида — махната */
.sm-tema-btn::before { display: none !important; }
.sm-lang { display: inline-flex; flex: 0 0 auto; width: 24px; height: 24px; padding: 0; margin-right: 0; border-radius: 50%; overflow: hidden;
	box-shadow: 0 0 0 1px var(--wp--preset--color--gold); transition: box-shadow .25s, transform .25s; }
.sm-lang svg { width: 100%; height: 100%; display: block; }
.sm-lang:hover, .sm-lang:focus-visible { box-shadow: 0 0 0 2px var(--wp--preset--color--gold); transform: scale(1.06); }
@media (max-width: 781px) {
	.sm-lang { width: 22px; height: 22px; }
}