/* v13: Retro Montessori & Dřevěné hračky – Outfit (green variant of v8) */

:root {
	--v13-mustard: #4A8259;
	--v13-mustard-light: #8FC79E;
	--v13-sage: #6B9B7D;
	--v13-sage-light: #A8D4B4;
	--v13-rust: #2F6B45;
	--v13-cream: #EFF4EA;
	--v13-warm: #E1EBD9;
	--v13-dark: #14241A;
	--v13-text: #22331F;
	--v13-muted-color: #6C8069;
}

*, *::before, *::after { box-sizing: border-box; }

body.v13-body {
	font-family: 'Outfit', sans-serif;
	background: var(--v13-cream);
	background-image:
		repeating-linear-gradient(
			0deg,
			transparent,
			transparent 39px,
			rgba(34, 51, 31, 0.04) 39px,
			rgba(34, 51, 31, 0.04) 40px
		),
		repeating-linear-gradient(
			90deg,
			transparent,
			transparent 39px,
			rgba(34, 51, 31, 0.04) 39px,
			rgba(34, 51, 31, 0.04) 40px
		);
	color: var(--v13-text);
	min-height: 100vh;
}

/* Decorative geometric circles */
.v13-geo-circle {
	position: fixed;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(74, 130, 89, 0.12) 0%, transparent 70%);
	top: -120px;
	right: -100px;
	pointer-events: none;
	z-index: 0;
}

.v13-geo-circle-2 {
	width: 280px;
	height: 280px;
	bottom: 5%;
	left: -60px;
	top: auto;
	right: auto;
	background: radial-gradient(circle, rgba(107, 155, 125, 0.15) 0%, transparent 70%);
}

/* ── HEADER ── */
.v13-header {
	background: var(--v13-warm);
	border-bottom: 3px solid var(--v13-mustard);
	padding: 1.25rem 0;
	position: relative;
	z-index: 10;
}

.v13-header-inner {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin-bottom: 1rem;
}

.v13-logo-link { display: block; }
.v13-logo { max-height: 76px; width: auto; }

.v13-school-label {
	display: flex;
	flex-direction: column;
}

.v13-label-main {
	font-size: 1.4rem;
	font-weight: 800;
	color: var(--v13-dark);
	letter-spacing: -0.01em;
}

.v13-label-sub {
	font-size: 1rem;
	font-weight: 500;
	color: var(--v13-muted-color);
}

/* ── NAV ── */
.v13-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.v13-nav-item {
	font-family: 'Outfit', sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--v13-dark);
	text-decoration: none;
	padding: 0.45rem 1.1rem;
	background: var(--v13-cream);
	border: 2px solid var(--v13-mustard);
	border-radius: 50px;
	transition: background 0.2s, color 0.2s, transform 0.15s;
}

.v13-nav-item:hover {
	background: var(--v13-mustard);
	color: #fff;
	transform: translateY(-2px);
	text-decoration: none;
}

/* ── MAIN LAYOUT ── */
.v13-main-wrap {
	position: relative;
	z-index: 1;
	padding: 2rem 0 3rem;
}

.v13-grid {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 2rem;
	align-items: start;
}

/* ── SIDEBAR ── */
.v13-sidebar {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.v13-widget {
	background: #fff;
	border-radius: 16px;
	padding: 1.25rem;
	border: 2px solid var(--v13-warm);
	position: relative;
	overflow: hidden;
}

.v13-widget::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
}

.v13-nameday-widget::before { background: var(--v13-mustard); }
.v13-newsletter-widget::before { background: var(--v13-sage); }
.v13-promo-widget::before { background: var(--v13-rust); }

.v13-widget-label {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--v13-muted-color);
	margin-bottom: 0.6rem;
}

.v13-widget p { font-size: 0.9rem; margin: 0.2rem 0; }
.v13-widget strong { color: var(--v13-dark); font-weight: 700; }
.v13-muted { color: var(--v13-muted-color); }

/* ── FORMS ── */
.v13-newsletter-widget input[type="text"],
.v13-newsletter-widget input[type="email"] {
	border: 2px solid var(--v13-sage-light);
	border-radius: 50px;
	background: var(--v13-cream);
	padding: 0.4rem 0.875rem;
	font-family: 'Outfit', sans-serif;
	font-size: 0.875rem;
	width: 100%;
	margin-bottom: 0.5rem;
	outline: none;
	transition: border-color 0.2s;
}

.v13-newsletter-widget input:focus { border-color: var(--v13-sage); }

.v13-newsletter-widget .btn,
.v13-newsletter-widget input[type="submit"],
.v13-newsletter-widget button[type="submit"] {
	background: var(--v13-sage);
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 0.45rem 1.25rem;
	font-family: 'Outfit', sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	width: 100%;
	cursor: pointer;
	transition: background 0.2s, transform 0.15s;
}

.v13-newsletter-widget .btn:hover,
.v13-newsletter-widget button[type="submit"]:hover {
	background: var(--v13-sage-light);
	transform: translateY(-1px);
}

.v13-promo-img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
	margin-bottom: 0.5rem;
	border: 1px solid var(--v13-warm);
}

/* ── CONTENT ── */
.v13-content-area { min-width: 0; }

.v13-content {
	background: #fff;
	border-radius: 20px;
	padding: 2rem;
	border: 2px solid var(--v13-warm);
	box-shadow: 0 4px 20px rgba(34, 51, 31, 0.06);
}

.v13-content h1,
.v13-content h2,
.v13-content h3,
.v13-content h4 {
	font-family: 'Outfit', sans-serif;
	font-weight: 800;
	color: var(--v13-dark);
}

.v13-content h2 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 3px solid var(--v13-mustard-light);
	margin-bottom: 1rem;
}

.v13-content h3 { color: var(--v13-rust); }

.v13-content a {
	color: var(--v13-mustard);
	text-decoration: underline;
	text-underline-offset: 2px;
	font-weight: 500;
}

.v13-content a:hover { color: var(--v13-rust); }

.v13-content p { margin-bottom: 0.875rem; }
.v13-content img { max-width: 100%; height: auto; border-radius: 10px; }

.v13-alert { border-radius: 12px; }

/* ── FOOTER SHAPES ── */
.v13-footer-shapes {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 1rem;
}

.v13-shape-circle {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--v13-mustard);
}

.v13-shape-square {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: var(--v13-sage);
	border-radius: 4px;
}

.v13-shape-triangle {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 24px solid var(--v13-rust);
}

/* ── FOOTER ── */
.v13-footer {
	background: var(--v13-dark);
	color: var(--v13-cream);
	padding: 2rem 0;
	margin-top: 0;
}

.v13-footer p { font-size: 0.875rem; margin: 0.3rem 0; }
.v13-footer a { color: var(--v13-mustard-light); text-decoration: underline; }
.v13-footer a:hover { color: #fff; }

/* ── PAGINATION ── */
.pagination .page-link {
	color: var(--v13-mustard);
	border-color: var(--v13-warm);
	border-radius: 50% !important;
	margin: 0 2px;
	font-weight: 600;
}

.pagination .page-item.active .page-link {
	background: var(--v13-mustard);
	border-color: var(--v13-mustard);
	color: #fff;
}

/* ── RESPONSIVE ── */
@media (max-width: 860px) {
	.v13-grid { grid-template-columns: 1fr; }
	.v13-sidebar { order: -1; }
	.v13-content { padding: 1.25rem; }
}