/*
Theme Name: AdenoCare Canva
Theme URI: https://adenocare.cz
Author: AdenoCare
Description: Vzhled pro importovane bloky ac-* (Canva styl). Barvy a fonty v :root.
Version: 1.2.1
Requires at least: 6.0
Tested up to: 6.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adenocare-canva
*/

/*
 * Pixel-perfect s Canvou: upravte :root (barvy, --ac-wide) a fonty v functions.php.
 */
:root {
	/* Pozad� a text */
	--ac-bg: #faf8f6;
	--ac-bg-elevated: #ffffff;
	--ac-text: #3a3634;
	--ac-text-muted: #6f6863;
	--ac-border: #e8e2da;

	/* Akcenty � jemn� ��ensk� medic�na, ne k?iklav� */
	--ac-accent: #a8897b;
	--ac-accent-hover: #8f7265;
	--ac-accent-soft: rgba(168, 137, 123, 0.12);

	/* Sek?n� bloky */
	--ac-section-bg: #f3eeea;
	--ac-hero-gradient: linear-gradient(165deg, #faf8f6 0%, #f0e8e2 45%, #faf8f6 100%);

	/* Typografie � pokud m� Canva jin� fonty, zm??te v functions.php (Google Fonts) */
	--ac-font-heading: "Cormorant Garamond", "Times New Roman", serif;
	--ac-font-body: "Source Sans 3", system-ui, sans-serif;

	--ac-radius: 12px;
	--ac-radius-btn: 999px;
	--ac-shadow-soft: 0 8px 32px rgba(58, 54, 52, 0.06);
	--ac-max: 720px;
	--ac-wide: 1100px;
	--ac-space: clamp(1.25rem, 4vw, 2.5rem);
	--ac-space-lg: clamp(2.5rem, 8vw, 5rem);
}

/* Reset z�klad? v obsahu str�nky */
body.adenocare-canva,
.adenocare-canva .site-main {
	background: var(--ac-bg);
	color: var(--ac-text);
	font-family: var(--ac-font-body);
	font-size: 1.0625rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

.adenocare-canva .entry-content {
	max-width: none;
	padding: 0;
}

/* --- Komponenty z importu (HTML bloky) --- */

.ac-hero.ac-section,
.ac-section.ac-hero {
	background: var(--ac-hero-gradient);
	padding: var(--ac-space-lg) var(--ac-space);
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
	max-width: 100vw;
	box-sizing: border-box;
	border-bottom: 1px solid var(--ac-border);
}

.ac-hero h1 {
	font-family: var(--ac-font-heading);
	font-weight: 500;
	font-size: clamp(2rem, 5vw, 3.15rem);
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var(--ac-text);
	max-width: var(--ac-wide);
	margin: 0 auto 1rem;
	text-align: center;
}

.ac-lead {
	font-size: 1.125rem;
	color: var(--ac-text-muted);
	max-width: 42rem;
	margin: 0 auto 1.75rem;
	text-align: center;
	line-height: 1.7;
}

.ac-hero .ac-lead + p,
.ac-hero p:has(.wp-block-button__link) {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
	align-items: center;
	max-width: var(--ac-wide);
	margin: 0 auto;
}

.ac-section:not(.ac-hero) {
	max-width: var(--ac-wide);
	margin: 0 auto;
	padding: var(--ac-space-lg) var(--ac-space);
}

.ac-section:not(.ac-hero) h2 {
	font-family: var(--ac-font-heading);
	font-weight: 500;
	font-size: clamp(1.65rem, 3.5vw, 2.1rem);
	color: var(--ac-text);
	margin: 0 0 1rem;
	letter-spacing: -0.01em;
}

.ac-section:not(.ac-hero) h3 {
	font-family: var(--ac-font-heading);
	font-weight: 600;
	font-size: 1.35rem;
	margin: 0 0 0.5rem;
	color: var(--ac-text);
}

.ac-section p {
	margin: 0 0 1rem;
	max-width: var(--ac-max);
	color: var(--ac-text);
}

.ac-section p:last-child {
	margin-bottom: 0;
}

/* Sekce se jemn�m podbarven�m (st?�d�n� vizu�ln? jako Canva bloky) */
.ac-section:nth-of-type(even):not(.ac-hero):not(.ac-map):not(.ac-kde-pro):not(.ac-newsletter):not(.ac-placeholder) {
	background: var(--ac-section-bg);
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-left: var(--ac-space);
	padding-right: var(--ac-space);
	width: 100vw;
	max-width: 100vw;
	box-sizing: border-box;
}

.ac-section:nth-of-type(even):not(.ac-hero) > * {
	max-width: var(--ac-wide);
	margin-left: auto;
	margin-right: auto;
}

.ac-newsletter {
	background: var(--ac-accent-soft);
	border: 1px solid var(--ac-border);
	border-radius: var(--ac-radius);
	padding: var(--ac-space-lg) var(--ac-space) !important;
	margin: var(--ac-space-lg) auto !important;
	max-width: var(--ac-wide) !important;
	box-shadow: var(--ac-shadow-soft);
}

.ac-newsletter h2 {
	text-align: center;
}

.ac-newsletter p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 36rem;
}

/* Tla?�tka / CTA jako na Canv? � zaoblen�, jemn� */
a.wp-block-button__link,
.ac-section a.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.65rem 1.35rem;
	font-family: var(--ac-font-body);
	font-size: 0.95rem;
	font-weight: 600;
	text-decoration: none !important;
	color: #fff !important;
	background: var(--ac-accent) !important;
	border-radius: var(--ac-radius-btn);
	border: none;
	box-shadow: 0 2px 12px rgba(168, 137, 123, 0.25);
	transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

a.wp-block-button__link:hover,
.ac-section a.wp-block-button__link:hover {
	background: var(--ac-accent-hover) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 20px rgba(168, 137, 123, 0.3);
}

/* Druh� CTA v hero � outline varianta */
.ac-hero a.wp-block-button__link:nth-of-type(2) {
	background: transparent !important;
	color: var(--ac-accent) !important;
	border: 2px solid var(--ac-accent) !important;
	box-shadow: none;
}

.ac-hero a.wp-block-button__link:nth-of-type(2):hover {
	background: var(--ac-accent-soft) !important;
	color: var(--ac-accent-hover) !important;
	border-color: var(--ac-accent-hover) !important;
}

/* Karty / seznam p?�znak? */
ul.ac-cards {
	list-style: none;
	padding: 0;
	margin: 1.25rem 0 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 0.75rem;
	max-width: none !important;
}

ul.ac-cards li {
	background: var(--ac-bg-elevated);
	border: 1px solid var(--ac-border);
	border-radius: var(--ac-radius);
	padding: 0.85rem 1rem;
	font-size: 0.98rem;
	box-shadow: var(--ac-shadow-soft);
}

/* Grid �pro koho� */
.ac-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 1.25rem;
	margin-top: 1.5rem;
	max-width: none !important;
}

.ac-grid > div {
	background: var(--ac-bg-elevated);
	border: 1px solid var(--ac-border);
	border-radius: var(--ac-radius);
	padding: 1.25rem;
	box-shadow: var(--ac-shadow-soft);
}

.ac-grid p {
	max-width: none;
	font-size: 0.98rem;
	color: var(--ac-text-muted);
	margin-bottom: 0;
}

/* Pil�?e ekosyst�mu */
.ac-pillar-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.25rem;
	margin-top: 1.5rem;
}

.ac-pillar-cards article {
	background: var(--ac-bg-elevated);
	border: 1px solid var(--ac-border);
	border-radius: var(--ac-radius);
	padding: 1.35rem;
	box-shadow: var(--ac-shadow-soft);
}

.ac-pillar-cards article p {
	max-width: none;
	font-size: 0.95rem;
}

.ac-pillar-cards a {
	color: var(--ac-accent);
	font-weight: 600;
	text-decoration: none;
}

.ac-pillar-cards a:hover {
	text-decoration: underline;
}

/* Mapa ekosyst�mu */
.ac-ecosystem-map {
	margin-top: 1.5rem;
	padding: 1.5rem;
	background: var(--ac-bg-elevated);
	border-radius: var(--ac-radius);
	border: 1px solid var(--ac-border);
	box-shadow: var(--ac-shadow-soft);
}

.ac-eco-center {
	text-align: center;
	padding: 1.25rem 1rem;
	margin-bottom: 1.5rem;
	background: var(--ac-accent-soft);
	border-radius: var(--ac-radius);
	border: 1px dashed var(--ac-border);
}

.ac-eco-center strong {
	font-family: var(--ac-font-heading);
	font-size: 1.25rem;
	display: block;
	margin-bottom: 0.35rem;
}

.ac-eco-center span {
	font-size: 0.9rem;
	color: var(--ac-text-muted);
}

ol.ac-eco-pillars {
	margin: 0;
	padding-left: 1.25rem;
	max-width: none;
}

ol.ac-eco-pillars li {
	margin-bottom: 0.65rem;
	padding-left: 0.35rem;
}

ol.ac-eco-pillars li strong {
	color: var(--ac-text);
}

/* Kde najdu pomoc */
.ac-kde-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.25rem;
	margin-top: 1rem;
}

.ac-kde-grid article {
	background: var(--ac-bg-elevated);
	border: 1px solid var(--ac-border);
	border-radius: var(--ac-radius);
	padding: 1.35rem;
	box-shadow: var(--ac-shadow-soft);
}

.ac-kde-grid h2 {
	font-family: var(--ac-font-heading);
	font-size: 1.35rem !important;
	margin-top: 0 !important;
}

.ac-kde-grid p {
	max-width: none;
	font-size: 0.95rem;
}

.ac-kde-pro {
	max-width: var(--ac-wide) !important;
	margin: 2rem auto;
	padding: 1.25rem var(--ac-space);
	background: var(--ac-section-bg);
	border-radius: var(--ac-radius);
	font-size: 0.92rem;
	color: var(--ac-text-muted);
}

.ac-kde-pro h2 {
	font-size: 1.15rem !important;
	color: var(--ac-text-muted);
}

.ac-footnote {
	max-width: var(--ac-wide);
	margin: 2rem auto 0;
	padding: 0 var(--ac-space);
	font-size: 0.85rem;
	color: var(--ac-text-muted);
}

/* Placeholder str�nky */
.ac-placeholder {
	text-align: center;
	padding: var(--ac-space-lg) var(--ac-space) !important;
}

.ac-placeholder h1 {
	font-family: var(--ac-font-heading);
	font-size: 2rem;
}

/* Odkazy v textu */
.ac-section a:not(.wp-block-button__link) {
	color: var(--ac-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.ac-section a:not(.wp-block-button__link):hover {
	color: var(--ac-accent-hover);
}

/* --- Rozvr�en� webu (hlavi?ka / pati?ka) --- */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	word-wrap: normal !important;
}

.site-header {
	background: var(--ac-bg-elevated);
	border-bottom: 1px solid var(--ac-border);
	position: sticky;
	top: 0;
	z-index: 100;
}

.site-header__inner {
	max-width: var(--ac-wide);
	margin: 0 auto;
	padding: 0.85rem var(--ac-space);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.main-navigation {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	min-width: 0;
}

/* wp_page_menu obaluje <ul> divem .menu */
.main-navigation > div {
	display: contents;
}

/* Jen horni uroven � ne vsechny <ul> (podmenu by rozbilo rozbaleni) */
.main-navigation > ul.menu,
.main-navigation > ul#primary-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.15rem 1.1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	position: relative;
	list-style: none;
}

.main-navigation .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: calc(100% + 0.35rem);
	min-width: 240px;
	margin: 0;
	padding: 0.4rem 0;
	list-style: none;
	background: var(--ac-bg-elevated);
	border: 1px solid var(--ac-border);
	border-radius: var(--ac-radius);
	box-shadow: var(--ac-shadow-soft);
	z-index: 200;
}

.main-navigation .sub-menu .sub-menu {
	left: 100%;
	top: 0;
	margin-left: 0.25rem;
}

.main-navigation li:hover > .sub-menu,
.main-navigation li:focus-within > .sub-menu {
	display: block;
}

.main-navigation .sub-menu a {
	display: block;
	padding: 0.45rem 1rem;
	font-size: 0.9rem;
	font-weight: 600;
	white-space: nowrap;
}

.main-navigation .sub-menu a:hover {
	background: var(--ac-accent-soft);
}

/* Polozka s podrazenymi � jemna sipka (volitelne) */
.main-navigation .menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0.35rem;
	vertical-align: middle;
	border: 4px solid transparent;
	border-top-color: var(--ac-text-muted);
}

.main-navigation .sub-menu .menu-item-has-children > a::after {
	border-top-color: transparent;
	border-left-color: var(--ac-text-muted);
	margin-left: auto;
}

.site-header__tools {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-shrink: 0;
}

.lang-switcher ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 0.35rem;
	align-items: center;
}

.lang-switcher a {
	display: inline-block;
	padding: 0.35rem 0.6rem;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-decoration: none;
	color: var(--ac-text-muted);
	border: 1px solid var(--ac-border);
	border-radius: 6px;
	background: var(--ac-bg-elevated);
}

.lang-switcher a:hover {
	color: var(--ac-accent);
	border-color: var(--ac-accent);
}

.lang-switcher__item.is-current a {
	color: #fff;
	background: var(--ac-accent);
	border-color: var(--ac-accent);
}

.site-title {
	margin: 0;
	font-family: var(--ac-font-heading);
	font-size: 1.35rem;
	font-weight: 600;
}

.site-title a {
	color: var(--ac-text);
	text-decoration: none;
}

.site-title a:hover {
	color: var(--ac-accent);
}

.main-navigation > ul.menu > li > a,
.main-navigation > ul#primary-menu > li > a {
	display: inline-block;
	padding: 0.35rem 0;
	color: var(--ac-text-muted);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.92rem;
}

.main-navigation > ul.menu > li > a:hover,
.main-navigation > ul#primary-menu > li > a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	color: var(--ac-accent);
}

.menu-toggle {
	display: none;
	background: none;
	border: 1px solid var(--ac-border);
	border-radius: var(--ac-radius);
	padding: 0.5rem 0.65rem;
	cursor: pointer;
}

.menu-toggle__bar {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--ac-text);
	margin: 5px 0;
	border-radius: 1px;
}

@media (max-width: 782px) {
	.site-header__inner {
		flex-wrap: wrap;
	}

	.site-header__tools {
		order: 2;
		margin-left: auto;
	}

	.menu-toggle {
		display: block;
	}

	.main-navigation {
		display: none;
		order: 3;
		width: 100%;
		flex-basis: 100%;
		flex: 1 1 100%;
		justify-content: flex-start;
	}

	.main-navigation.is-open {
		display: flex;
	}

	.main-navigation > ul.menu,
	.main-navigation > ul#primary-menu {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0;
		padding: 0.5rem 0 1rem;
		width: 100%;
	}

	.main-navigation .sub-menu {
		position: static;
		display: block;
		min-width: 0;
		border: none;
		box-shadow: none;
		padding: 0 0 0.5rem 1rem;
		background: transparent;
	}

	.main-navigation li:hover > .sub-menu,
	.main-navigation li:focus-within > .sub-menu {
		display: block;
	}

	.main-navigation .sub-menu a {
		white-space: normal;
		padding: 0.35rem 0;
		font-weight: 500;
	}

	.main-navigation .menu-item-has-children > a::after {
		display: none;
	}
}

.site-footer {
	background: #ede8e2;
	border-top: 1px solid var(--ac-border);
	margin-top: var(--ac-space-lg);
	padding: var(--ac-space-lg) var(--ac-space);
}

.site-footer__inner {
	max-width: var(--ac-wide);
	margin: 0 auto;
}

.footer-navigation ul.menu,
.footer-navigation ul {
	list-style: none;
	margin: 0 0 1.25rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
}

.footer-navigation a {
	color: var(--ac-text-muted);
	text-decoration: none;
	font-size: 0.9rem;
}

.footer-navigation a:hover {
	color: var(--ac-accent);
}

.site-footer__statement {
	font-size: 0.88rem;
	color: var(--ac-text-muted);
	line-height: 1.6;
	margin: 0 0 1rem;
	max-width: 52rem;
}

.site-footer__copy {
	font-size: 0.8rem;
	color: var(--ac-text-muted);
	margin: 0;
}

/* Titulek str�nky (podstr�nky � homepage m� H1 v obsahu) */
.entry-header--page {
	max-width: var(--ac-wide);
	margin: 0 auto;
	padding: var(--ac-space) var(--ac-space) 0;
}

.entry-header--page .entry-title {
	font-family: var(--ac-font-heading);
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 500;
	margin: 0;
	text-align: center;
}

/* Mobil */
@media (max-width: 600px) {
	.ac-hero .ac-lead + p,
	.ac-hero p:has(.wp-block-button__link) {
		flex-direction: column;
	}

	a.wp-block-button__link {
		width: 100%;
		max-width: 320px;
	}
}