:root {
	--krem: #F5EEE6;
	--krem-cieply: #EFE4D8;
	--piasek: #E5D4C3;
	--roz: #D3A091;
	--roz-jasny: #E8C6BA;
	--roz-akc: #BC8272;
	--zloto: #C6A05B;
	--zloto-jasne: #DCC08A;
	--brnz: #4A3527;
	--brnz-sr: #6E5341;
	--brnz-c: #332217;
	--tekst: #3A2A1E;
}

/* Wymuszona paleta Lumina na zmienne Blocksy — pewny kontrast niezależnie od
   slotów w Customizerze (tło strony = krem, tekst/nagłówki = brąz, akcent = róż/złoto). */
:root {
	--theme-palette-color-1: #BC8272; /* akcent (linki) */
	--theme-palette-color-2: #C6A05B; /* akcent hover (złoto) */
	--theme-palette-color-3: #3A2A1E; /* tekst */
	--theme-palette-color-4: #332217; /* nagłówki */
	--theme-palette-color-5: #E5D4C3; /* obramowania */
	--theme-palette-color-6: #EFE4D8; /* tło alternatywne */
	--theme-palette-color-7: #F5EEE6; /* tło strony */
	--theme-palette-color-8: #6E5341; /* tekst drugorzędny */
}

/* Czytelne rozwijane menu (dropdown) */
.ct-header .sub-menu,
ul.sub-menu {
	background-color: #FCF8F1;
	border: 1px solid var(--piasek);
	box-shadow: 0 12px 30px rgba(51, 34, 23, 0.12);
	/* Dosuń dropdown bliżej głównego menu (usuń duży odstęp pionowy) */
	margin-top: 0 !important;
	top: 100% !important;
}
.ct-header .sub-menu a,
ul.sub-menu a {
	color: var(--tekst);
}
.ct-header .sub-menu a:hover,
ul.sub-menu a:hover {
	color: var(--roz-akc);
}

/* Sticky header — Blocksy free nie wystawia pełnego sticky, więc robimy to tu.
   Cały nagłówek przykleja się przy przewijaniu. */
#header {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* Eyebrow — etykieta nad nagłówkami */
.eyebrow {
	font-family: 'Jost', sans-serif;
	font-size: 0.72rem;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--roz-akc);
}

/* Marker zaufania */
.moira-mark {
	color: var(--zloto);
}

/* Typografia przycisków — Blocksy free nie wystawia text-transform/letter-spacing
   dla przycisków w Customizerze, więc ustawiamy je tu (uppercase, 0.2em). */
.ct-button,
.wp-block-button__link,
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit,
button[type="submit"],
input[type="submit"] {
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

/* Dwupoziomowe logo tekstowe (nagłówek/stopka) */
.moira-logo {
	font-family: 'Fraunces', serif;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
	color: var(--brnz-c);
}
.moira-logo b {
	font-weight: 400;
	letter-spacing: 0.24em;
	padding-left: 0.24em;
	font-size: 1.55rem;
}
.moira-logo i {
	font-style: italic;
	font-size: 0.72rem;
	letter-spacing: 0.34em;
	padding-left: 0.34em;
	color: var(--roz-akc);
	margin-top: 2px;
}

/* Dwupoziomowe logo z tytułu witryny (element "Logo" Blocksy).
   Ustaw Tytuł witryny = "MOIRA"; drugi wiersz "crystals" dokładany tu.
   Blocksy free ma HTML jednoinstancyjny (zajęty przez topbar), więc logo
   robimy z site-title zamiast z drugiego elementu HTML. */
.site-title-container {
	text-align: center;
}
.site-title {
	font-family: 'Fraunces', serif;
	font-weight: 400;
	font-size: 1.55rem;
	line-height: 1;
	letter-spacing: 0.24em;
	padding-left: 0.24em;
	text-transform: uppercase;
	color: var(--brnz-c);
}
.site-title::after {
	content: "crystals";
	display: block;
	font-style: italic;
	text-transform: none;
	font-size: 0.72rem;
	letter-spacing: 0.34em;
	padding-left: 0.34em;
	margin-top: 3px;
	color: var(--roz-akc);
}

/* Logo w stopce (ciemne tło #332217) — jasne kolory, żeby żaden wiersz nie ginął */
.ct-footer .site-title {
	color: var(--krem);
}
.ct-footer .site-title::after {
	color: var(--roz-jasny);
}