/*
Theme Name:   GM Collin
Theme URI:    https://gmcollin.pl
Description:  Motyw potomny Hello Elementor dla sklepu G.M. Collin (gmcollin.pl). Warstwa prezentacji: style produktów, koszyka, checkoutu i szablony WooCommerce. Logika sklepu jest we wtyczce GM Collin Core.
Author:       Socium Media
Author URI:   https://socium.media
Template:     hello-elementor
Version:      0.22.4
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  gmcollin
*/

/*
 * Struktura motywu:
 *  - functions.php      — ładowanie stylów, wsparcie WooCommerce, nagłówek/stopka z szablonów Elementora (darmowego)
 *  - header.php / footer.php — renderują zapisane szablony Elementora (ID w Wygląd → Dostosuj → GM Collin) albo domyślny nagłówek Hello
 *  - assets/css/        — style modułów (produkt, listing, koszyk, checkout, konto)
 *  - woocommerce/       — nadpisania szablonów WooCommerce (przenoszone z motywu collin w etapie 2)
 *
 * Tokeny projektu (wg makiet, do kalibracji w etapie 2):
 */
:root {
	--gmc-color-text: #1a1a1a;
	--gmc-color-muted: #6f6f6f;
	--gmc-color-bg: #ffffff;
	--gmc-color-bg-soft: #f7f5f2;
	--gmc-color-accent: #efeae3;
	--gmc-color-topbar: #6b4f4b;
	--gmc-color-sale: #c0392b;
	--gmc-font-body: "Lato", "Helvetica Neue", Arial, sans-serif;
	--gmc-font-heading: "Lato", "Helvetica Neue", Arial, sans-serif; /* 2026-09-08: klient wybrał Lato dla całej strony, także nagłówki */
	--gmc-container: 1320px;
}

body.theme-gmcollin {
	color: var(--gmc-color-text);
	background: var(--gmc-color-bg);
	font-family: var(--gmc-font-body);
}

/* ---------- Typografia globalna: Lato wszędzie (body, nagłówki, formularze, WooCommerce, Elementor) ---------- */
body.theme-gmcollin,
.theme-gmcollin h1, .theme-gmcollin h2, .theme-gmcollin h3, .theme-gmcollin h4, .theme-gmcollin h5, .theme-gmcollin h6,
.theme-gmcollin button, .theme-gmcollin input, .theme-gmcollin select, .theme-gmcollin textarea, .theme-gmcollin .button,
.theme-gmcollin .woocommerce, .theme-gmcollin .elementor-widget-container,
.theme-gmcollin .elementor-heading-title, .theme-gmcollin .elementor-widget-text-editor {
	font-family: var(--gmc-font-body);
}
/* :where() = specyficzność jak zwykły selektor elementu (0,0,1): każda klasa komponentu (np. .gmc-pc__title { letter-spacing: .12em }) wygrywa bez dopisywania rodzica. 2026-10-05 */
:where(.theme-gmcollin) :is(h1, h2, h3, h4, h5, h6) {
	font-weight: 400;
	letter-spacing: 0.01em;
}
.theme-gmcollin body, .theme-gmcollin p { font-weight: 400; }


/* ---------- Okruszki — jeden wygląd w całym serwisie (projekt Figma: podkreślony link | bieżąca strona; Lato 15,4 px, #2b2b2b) ----------
   Znaczniki: gmcollin_breadcrumb_args() / gmcollin_breadcrumb_sep() w functions.php. Arkusze podstron ustawiają tylko położenie (odstępy, wyrównanie). */
.theme-gmcollin .gmc-breadcrumb { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; font-family: "Lato", sans-serif; font-size: 15.4px; font-weight: 400; line-height: 1.3; letter-spacing: 0; color: #2b2b2b; }
.theme-gmcollin .gmc-breadcrumb a, .theme-gmcollin .gmc-breadcrumb a:visited { color: #2b2b2b; text-decoration: underline; text-underline-offset: 4px; transition: color .25s; }
.theme-gmcollin .gmc-breadcrumb a:hover, .theme-gmcollin .gmc-breadcrumb a:focus-visible { color: #8a8a8a; }
.theme-gmcollin .gmc-breadcrumb__sep { display: inline-block; flex: 0 0 auto; width: 1px; height: 16px; background: #2b2b2b; font-size: 0; }
@media (max-width: 767px) {
	.theme-gmcollin .gmc-breadcrumb { gap: 4px 8px; font-size: 14px; }
	.theme-gmcollin .gmc-breadcrumb__sep { height: 14px; }
}