/* ==========================================================================
   Tamni način

   Atribut data-mr-tema na <html> postavlja inc/tamni-nacin.php prije crtanja.
   Gotovo sve boje teme su varijable iz main.css, pa se ovdje prvo mijenjaju
   one. Ispod su samo boje upisane mimo varijabli. Svako pravilo počinje sa
   html[data-mr-tema="tamna"], pa redoslijed učitavanja fajlova nije bitan.
   ========================================================================== */

/* Prekidač u zaglavlju: ikona pokazuje način u koji se prelazi. */
.mr-tema-prekidac {
	border: 0;
	background: none;
	font: inherit;
	color: var(--mr-outline);
	cursor: pointer;
}
.mr-tema-prekidac svg { display: block; }
.mr-tema-prekidac .mr-tema-prekidac__sunce,
html[data-mr-tema="tamna"] .mr-tema-prekidac .mr-tema-prekidac__mjesec { display: none; }
html[data-mr-tema="tamna"] .mr-tema-prekidac .mr-tema-prekidac__sunce { display: block; }

html[data-mr-tema="tamna"] {
	color-scheme: dark;

	--mr-primary: #1f4c94;
	--mr-primary-light: #2d5fae;
	--mr-primary-pale: #1c2a45;
	--mr-primary-soft: #aec6ff;
	--mr-primary-ink: #a9c2ff;
	--mr-accent: #d0182b;
	--mr-accent-light: #ef3b40;
	--mr-accent-ink: #ff7479;
	--mr-success: #3f9a4e;
	--mr-warning: #f0a24a;
	--mr-error: #ff6b6b;
	--mr-bg: #111419;
	--mr-white: #1a1e26;
	--mr-ink: #e6e8ec;
	--mr-ink-muted: #b3b9c4;
	--mr-outline: #8f96a3;
	--mr-border: #2b313c;
	--mr-border-soft: #444c5b;
	--mr-muted-bg: #161a21;
	--mr-container-bg: #232833;
	--mr-container-high: #2a303c;
	--mr-navy: #0a0d12;
	--mr-navy-line: #1d232e;

	/* Varijable koje main.css ne definiše, a fajlovi ih čitaju uz rezervnu boju. */
	--mr-surface: #1f242d;
	--mr-on-surface: #e6e8ec;
	--mr-danger: #ff8a80;
	--mr-danger-pale: rgba(255, 107, 107, 0.12);
	--mr-error-container: rgba(255, 107, 107, 0.16);

	/* WooCommerce polja (napomena uz narudžbu) čitaju svoje varijable. */
	--wc-form-color-background: var(--mr-white);
	--wc-form-color-text: var(--mr-ink);
	--wc-form-border-color: var(--mr-border-soft);

	--mr-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
	--mr-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
}

/* --------------------------------------------------------------------------
   Bijela ostrva: dugmad preko fotografija i bijele trake ostaju bijele, pa
   unutra vraćamo svijetle boje teksta.
   -------------------------------------------------------------------------- */
html[data-mr-tema="tamna"] .mr-btn--white,
html[data-mr-tema="tamna"] .mr-promo__badge,
html[data-mr-tema="tamna"] .mr-promo-slider__arrow,
html[data-mr-tema="tamna"] .mr-gallery__nav,
html[data-mr-tema="tamna"] .mr-gallery .woocommerce-product-gallery__trigger,
html[data-mr-tema="tamna"] .mr-quickview-btn,
html[data-mr-tema="tamna"] .mr-quickview__nav,
html[data-mr-tema="tamna"] .mr-wishlist-btn,
html[data-mr-tema="tamna"] .mr-brands__item,
html[data-mr-tema="tamna"] .mr-brands-page__card,
html[data-mr-tema="tamna"] .mr-sale-brands,
html[data-mr-tema="tamna"] .mrai {
	--mr-primary: #002f6e;
	--mr-primary-ink: #002f6e;
	--mr-primary-pale: #d8e2ff;
	--mr-accent: #bb0014;
	--mr-accent-ink: #bb0014;
	--mr-ink: #1a1c1e;
	--mr-ink-muted: #434751;
	--mr-outline: #737782;
	--mr-border: #e1e4e8;
	--mr-white: #ffffff;
	--mr-container-bg: #eeeef0;
}

/* Svijetli tekst na plavoj podlozi. */
html[data-mr-tema="tamna"] .mr-launch-discount__text,
html[data-mr-tema="tamna"] .mr-na-rate__partner { color: #d8e2ff; }
html[data-mr-tema="tamna"] .mr-404__code { color: #2c3a58; }

/* WooCommerce obavještenja nose sivi tekst #515151. */
html[data-mr-tema="tamna"] .woocommerce-message,
html[data-mr-tema="tamna"] .woocommerce-info,
html[data-mr-tema="tamna"] .woocommerce-error,
html[data-mr-tema="tamna"] .woocommerce-noreviews,
html[data-mr-tema="tamna"] p.no-comments { color: var(--mr-ink); }

/* Linkovi u svjetlijoj plavoj; tamnoplava se na tamnom ne čita. */
html[data-mr-tema="tamna"] a:hover,
html[data-mr-tema="tamna"] .mr-search-form__submit:hover,
html[data-mr-tema="tamna"] table.woocommerce-product-attributes .mr-brand-website:hover,
html[data-mr-tema="tamna"] .mr-shop__seo-body a,
html[data-mr-tema="tamna"] .mr-shop__brand-page:hover { color: #c8d7ff; }

/* Crne oznake ostaju tamne, uz vidljiv rub. */
html[data-mr-tema="tamna"] .mr-single-benefit--registracija .mr-single-benefit__icon,
html[data-mr-tema="tamna"] .mr-platform--ixes .mr-platform__name {
	background: #050608;
	border-color: var(--mr-border-soft);
}

/* --------------------------------------------------------------------------
   Zelene, narandžaste i ružičaste podloge upisane bojom.
   -------------------------------------------------------------------------- */
html[data-mr-tema="tamna"] .mr-live-search__shipping-box,
html[data-mr-tema="tamna"] .mr-badge--shipping,
html[data-mr-tema="tamna"] .mr-single-benefit--dostava,
html[data-mr-tema="tamna"] .mr-freeship--achieved {
	background: rgba(63, 154, 78, 0.16);
	border-color: #2f5d3a;
	color: #8ddc9e;
}
html[data-mr-tema="tamna"] .mr-live-search__shipping-box::before,
html[data-mr-tema="tamna"] .mr-badge--shipping::before {
	background: rgba(63, 154, 78, 0.32);
	color: #8ddc9e;
}
html[data-mr-tema="tamna"] .mr-toast__check,
html[data-mr-tema="tamna"] .mr-qa__marker--a {
	background: rgba(63, 154, 78, 0.2);
	color: #8ddc9e;
}
html[data-mr-tema="tamna"] .mr-toast__title,
html[data-mr-tema="tamna"] .mr-freeship--achieved .mr-freeship__text { color: #8ddc9e; }
html[data-mr-tema="tamna"] .mr-news-pop__done-icon { color: #6fcf8a; }
html[data-mr-tema="tamna"] .mr-stock-alert__notice--success { color: #8ddc9e !important; }
html[data-mr-tema="tamna"] .mr-stock-alert__notice--error { color: #ff8a80 !important; }

html[data-mr-tema="tamna"] .mr-stock--low { color: #f0a24a; }
html[data-mr-tema="tamna"] .mr-badge--stock {
	background: rgba(240, 162, 74, 0.14);
	border-color: #6b4a22;
	color: #f5b56a;
}
html[data-mr-tema="tamna"] .mr-product-card__highlight {
	background: rgba(240, 162, 74, 0.12);
	color: #e9c29c;
}

html[data-mr-tema="tamna"] .mr-poeni-pop__icon,
html[data-mr-tema="tamna"] .mr-poeni-poziv,
html[data-mr-tema="tamna"] .mr-gift-button { background: rgba(228, 31, 37, 0.14); }
html[data-mr-tema="tamna"] .mr-gifts__item:hover { background: rgba(228, 31, 37, 0.14); }
@media (hover: hover) {
	html[data-mr-tema="tamna"] .mr-gift-button:hover { background: rgba(228, 31, 37, 0.24); }
}

html[data-mr-tema="tamna"] .mr-newsletter-notice--error { border-color: #7a2e2e; }

/* --------------------------------------------------------------------------
   Sitnice upisane bojom.
   -------------------------------------------------------------------------- */
html[data-mr-tema="tamna"] .mr-live-search__specs > span {
	background: var(--mr-container-bg);
	border-color: var(--mr-border);
	color: var(--mr-ink-muted);
}
html[data-mr-tema="tamna"] .mr-freeship__track { background: var(--mr-container-high); }
html[data-mr-tema="tamna"] .mr-shop.is-loading .mr-product-grid > li::after {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent);
}

/* Strelica padajuće liste je tamnosiva u SVG-u. */
html[data-mr-tema="tamna"] .woocommerce-checkout #payment .mr-virman .form-row select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3b9c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
html[data-mr-tema="tamna"] .mr-shop__mobile-sort select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5l4 4 4-4' fill='none' stroke='%23b3b9c4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Posebne ponude (special-offers.css) imaju svoje boje. */
html[data-mr-tema="tamna"] .mr-special-offers__heading h2,
html[data-mr-tema="tamna"] .mr-special-offers__card { color: var(--mr-ink); }
html[data-mr-tema="tamna"] .mr-special-offers__card { border-color: var(--mr-border); }
html[data-mr-tema="tamna"] .mr-special-offers__copy { border-top-color: var(--mr-border); }
html[data-mr-tema="tamna"] .mr-special-offers__copy > span { color: var(--mr-ink-muted); }
html[data-mr-tema="tamna"] .mr-special-offers__all { color: var(--mr-primary-ink); }
@media (hover: hover) {
	html[data-mr-tema="tamna"] .mr-special-offers__card:hover { color: var(--mr-primary-ink); }
}

/* Stranice Akcije, Pokloni i Preporučeno: svijetli prelaz na vrhu i naglasak. */
html[data-mr-tema="tamna"] .mr-product-landing {
	--mr-landing-accent: #5b8def;
	--mr-landing-accent-soft: rgba(91, 141, 239, 0.14);
	background: linear-gradient(180deg, var(--mr-muted-bg) 0, var(--mr-bg) 330px);
}
html[data-mr-tema="tamna"] .mr-product-landing--sale,
html[data-mr-tema="tamna"] .mr-product-landing--gifts {
	--mr-landing-accent: #e5404f;
	--mr-landing-accent-soft: rgba(229, 64, 79, 0.14);
}

/* Halloween akcija (motorremont-halloween/assets/campaign.css) ima svoje boje. */
html[data-mr-tema="tamna"] .mrhw-home { background: var(--mr-bg); }
html[data-mr-tema="tamna"] .mrhw-products .mr-product-card {
	border-color: #3a3349;
	background: #232031;
}
html[data-mr-tema="tamna"] .mrhw-products .mr-product-card__identity { border-bottom-color: #3a3349; }
html[data-mr-tema="tamna"] .mrhw-products .mr-product-card__title a { color: var(--mr-ink); }
html[data-mr-tema="tamna"] .mrhw-products .mr-product-card__price { background: rgba(255, 139, 67, 0.1); }
html[data-mr-tema="tamna"] .mrhw-products .mr-product-card__price ins { color: #ffab71; }
html[data-mr-tema="tamna"] .mrhw-chip,
html[data-mr-tema="tamna"] .mrhw-single-specs span {
	border-color: #6b4a22;
	background: rgba(255, 139, 67, 0.14);
	color: #f6c6a5;
}
html[data-mr-tema="tamna"] .mrhw-single { background: var(--mr-bg); }
html[data-mr-tema="tamna"] .mrhw-single .mr-single-product__gallery {
	border-color: var(--mr-border);
	background: var(--mr-image-bg);
}

/* Pretraga unutar filtera nema svoju pozadinu, pa bi dobila sivu iz pregledača. */
html[data-mr-tema="tamna"] .mr-filter-search { background: var(--mr-white); color: var(--mr-ink); }

/* Logo u zaglavlju je tamnoplavi PNG; na tamnoj podlozi se jedva vidi. */
html[data-mr-tema="tamna"] .mr-header .custom-logo { filter: brightness(1.7) saturate(1.1); }