/*
Theme Name: LukoM Shop!
Theme URI: https://lukomshop.cz
Author: Verxee
Description: Motiv e-shopu LukoM Shop! pro WooCommerce — replika původního vzhledu (žlutá #ffe900, navy #0A0A1A, Manrope + Poleno).
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: lukom
Tags: e-commerce, woocommerce, custom-colors
*/

/* Styles live in assets/css/. This file carries the theme header — and the icon rules
   below, because it is the one stylesheet every page (and the shop's plugins) loads. */

/* ── Icons (inc/icons.php) ─────────────────────────────────────────────────
   Line drawings in the colour of the text around them; they replaced the emoji. */
.lk-ico { display: inline-block; flex: none; width: 1.15em; height: 1.15em; vertical-align: -0.2em; }

.lk-announce-track .lk-ico { width: 15px; height: 15px; margin-left: 6px; vertical-align: -3px; }
.lk-footer-tagline .lk-ico--heart { width: 14px; height: 14px; margin-left: 2px; vertical-align: -2px; color: #e11d48; }

/* Delivery cards: the pictogram sits on a soft tile that turns yellow when picked. */
.lk-ship-icon {
	display: flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border-radius: var(--r-sm, 10px);
	background: var(--gray-100, #f3f4f6); color: var(--navy, #0a0a1a);
	transition: background .15s;
}
.lk-ship-icon .lk-ico { width: 22px; height: 22px; }
.lk-ship-option:has(input:checked) .lk-ship-icon { background: var(--yellow, #ffe900); }
@media (max-width: 479px) {
	.lk-ship-icon { width: 34px; height: 34px; }
	.lk-ship-icon .lk-ico { width: 19px; height: 19px; }
}

.lk-drawer-truck { display: inline-flex; vertical-align: -3px; }
.lk-drawer-truck .lk-ico { width: 16px; height: 16px; vertical-align: 0; }
.lk-drawer-shipping.is-done .lk-drawer-truck { color: #16a34a; }

.lk-pay-note .lk-ico { width: 13px; height: 13px; margin-right: 3px; vertical-align: -2px; }
.lk-thanks-tick .lk-ico,
.lk-coupon-tick .lk-ico { width: 60%; height: 60%; stroke-width: 2.6; vertical-align: 0; }
.kf-feedback .lk-ico { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; }

/* The shop's plugins draw the same icons when this theme is active. */
.lp-fajfka, .lv-fajfka { display: grid; place-items: center; }
.lp-fajfka .lk-ico, .lv-fajfka .lk-ico { width: 28px; height: 28px; stroke-width: 2.4; vertical-align: 0; }
.lv-ikona .lk-ico { width: 28px; height: 28px; }