/*
Theme Name:   Rdeči petelin (child)
Theme URI:    https://www.rdecipetelin.si
Description:  Podrejena tema za Kadence – barve, pisave, glava, noga in naslovnica strani Rdeči petelin.
Author:       Rdeči petelin
Template:     kadence
Version:      0.3.11
Text Domain:  rdeci-petelin-child
*/

/* ---------- Barvni žetoni (enaki kot v prototipu) ---------- */
:root {
	--rp-navy: #14213D;      /* temni deli: glava, hero, noga */
	--rp-navy-2: #0E1830;    /* povpraševanje / kontakt */
	--rp-bg: #0F1522;        /* osnovno ozadje strani */
	--rp-surface: #172033;   /* kartice, obrazci */
	--rp-surface-2: #1C2740; /* izmenični razdelki */
	--rp-line: #2A3650;
	--rp-ink: #EEF1F6;       /* besedilo */
	--rp-muted: #AAB4C6;     /* drugotno besedilo */
	--rp-red: #C8102E;       /* SAMO za gumbe / dejanja */
	--rp-red-dark: #9E0C23;
	--rp-yellow: #FFD100;    /* SAMO za poudarke */
	color-scheme: dark;
}

/* ---------- Osnova ---------- */
body {
	background: var(--rp-bg);
	color: var(--rp-ink);
}

/* Glava vedno temno modra */
#masthead,
.site-header-row-container-inner {
	background: var(--rp-navy);
}

/* Rumen gumb (dodaj razred "rp-btn-yellow" gumbu v urejevalniku) */
.wp-block-button.rp-btn-yellow .wp-block-button__link,
.button.rp-btn-yellow {
	background: var(--rp-yellow);
	color: var(--rp-navy);
	font-weight: 700;
	border-radius: 10px;
	transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.wp-block-button.rp-btn-yellow .wp-block-button__link:hover,
.wp-block-button.rp-btn-yellow .wp-block-button__link:focus-visible,
.button.rp-btn-yellow:hover {
	background: #FFDC33;
	color: var(--rp-navy);
	transform: translateY(-3px);
	box-shadow: 0 10px 26px rgba(255, 209, 0, .38), 0 2px 6px rgba(0, 0, 0, .3);
}

/* Rdeči gumbi (WooCommerce in običajni) */
.woocommerce a.button,
.woocommerce button.button,
.wp-block-button__link {
	border-radius: 10px;
	font-weight: 700;
}

/* Vidni fokus za tipkovnico */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid var(--rp-yellow);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-button.rp-btn-yellow .wp-block-button__link,
	.button.rp-btn-yellow { transition: none; }
	.wp-block-button.rp-btn-yellow .wp-block-button__link:hover { transform: none; }
}