/*
Theme Name: Hello Elementor Child
Theme URI: https://artmedica.local/
Description: Child theme for Hello Elementor on Artmedica.
Author: Jawebdesigner
Author URI: https://artmedica.local/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

@font-face {
	font-family: "Nadpisy";
	src: url("assets/fonts/pp-fragment-serif-light.woff2") format("woff2");
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

/* ── Hero Ken Burns efekt ── */
@keyframes kenBurns {
	0% {
		transform: scale(1) translate3d(0, 0, 0);
	}
	100% {
		transform: scale(1.05) translate3d(-1%, -0.5%, 0);
	}
}

.elementor-element.elementor-element-8419fdf {
	overflow: hidden;
}

.elementor-element.elementor-element-8419fdf::before {
	content: "";
	position: absolute;
	inset: 0;
	background: inherit;
	background-size: cover;
	background-position: center;
	animation: kenBurns 10s ease-in-out forwards;
	will-change: transform;
	z-index: 0;
}

.elementor-element.elementor-element-8419fdf > .e-con-inner {
	position: relative;
	z-index: 1;
}

/* ── CTA tlačítko "Rezervovat termín" — všechny breakpointy ── */
.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu-heading > .e-n-menu-item:last-child .e-n-menu-title-container {
	background-color: #9f5434;
	padding: 8px 16px;
	border-radius: 0;
	transition: background-color 0.2s ease;
}

.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu-heading > .e-n-menu-item:last-child .e-n-menu-title-text {
	color: #ffffff;
}

.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu-heading > .e-n-menu-item:last-child:hover .e-n-menu-title-container,
.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu-heading > .e-n-menu-item:last-child .e-n-menu-title-container:hover,
.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu-heading > .e-n-menu-item:last-child.menu-item-active .e-n-menu-title-container,
.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu-heading > .e-n-menu-item:last-child[aria-expanded="true"] .e-n-menu-title-container {
	background-color: #513513;
}

.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu-heading > .e-n-menu-item:last-child:hover .e-n-menu-title-text,
.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu-heading > .e-n-menu-item:last-child .e-n-menu-title-container:hover .e-n-menu-title-text {
	color: #ffffff;
}

/* ── CTA bílý text v dropdown módu (přebít Elementor widget CSS variable) ── */
.elementor-widget-n-menu .e-n-menu[data-layout="dropdown"] .e-n-menu-heading > .e-n-menu-item:last-child .e-n-menu-title-container .e-n-menu-title-text {
	color: #ffffff !important;
}

/* ══════════════════════════════════════════════════
   TABLET + MOBIL ONLY (max-width: 1024px)
   ══════════════════════════════════════════════════ */
@media (max-width: 1024px) {

	/* Toggle button: žádné pozadí (přebít .elementor-kit-5 button) */
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle,
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle:hover,
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle:focus,
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle:active {
		background-color: transparent !important;
		background: none !important;
	}

	/* Toggle layout: ikona + label "MENU" */
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle {
		display: inline-flex !important;
		align-items: center;
		gap: 8px;
		flex-direction: row-reverse;
	}

	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle .e-n-menu-toggle-icon {
		width: auto !important;
		flex-shrink: 0;
		position: static !important;
	}

	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle .e-n-menu-toggle-icon.e-open svg {
		width: 23px !important;
		height: 23px !important;
	}

	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle .e-n-menu-toggle-icon.e-close svg {
		width: 19px !important;
		height: 19px !important;
	}

	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle[aria-expanded="true"] .e-n-menu-toggle-icon.e-open {
		display: none !important;
	}

	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle[aria-expanded="false"] .e-n-menu-toggle-icon.e-close {
		display: none !important;
	}

	/* Label "MENU" */
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle::before {
		content: "MENU";
		font-family: "Merriweather Sans", sans-serif;
		font-size: 13px;
		font-weight: 400;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		color: var(--e-global-color-accent);
		opacity: 0.7;
		transition: opacity 0.2s ease;
		flex-shrink: 0;
		white-space: nowrap;
	}

	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle:hover::before,
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle:focus::before,
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-toggle:active::before {
		opacity: 1;
		color: var(--e-global-color-accent) !important;
	}

	/* ── Dropdown slide-down animace ── */
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-wrapper {
		transform-origin: top center;
		animation: menuSlideDown 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	}

	@keyframes menuSlideDown {
		0% {
			opacity: 0;
			transform: translateY(-12px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* Jednotlivé položky — staggered fade-in */
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item {
		opacity: 0;
		animation: menuItemFadeIn 0.3s ease forwards;
	}

	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item:nth-child(1) { animation-delay: 0.05s; }
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item:nth-child(2) { animation-delay: 0.08s; }
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item:nth-child(3) { animation-delay: 0.11s; }
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item:nth-child(4) { animation-delay: 0.14s; }
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item:nth-child(5) { animation-delay: 0.17s; }
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item:nth-child(6) { animation-delay: 0.20s; }
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item:nth-child(7) { animation-delay: 0.23s; }
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item:nth-child(8) { animation-delay: 0.26s; }
	.elementor-42 .elementor-element.elementor-element-66930d5 .e-n-menu .e-n-menu-heading > .e-n-menu-item:nth-child(9) { animation-delay: 0.29s; }

	@keyframes menuItemFadeIn {
		0% {
			opacity: 0;
			transform: translateY(-6px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

}

/* ── Icon list bold ── */
.elementor-42 .elementor-element.elementor-element-79d3091 .elementor-icon-list-text b,
.elementor-42 .elementor-element.elementor-element-79d3091 .elementor-icon-list-text strong,
.elementor-42 .elementor-element.elementor-element-735e5b5 .elementor-icon-list-text b,
.elementor-42 .elementor-element.elementor-element-735e5b5 .elementor-icon-list-text strong,
.elementor-42 .elementor-element.elementor-element-61e165a .elementor-icon-list-text b,
.elementor-42 .elementor-element.elementor-element-61e165a .elementor-icon-list-text strong {
	font-weight: 700;
}

/* ── Reusable underline utility + homepage linked card ── */
.home .elementor-element.elementor-element-804a7c7 .elementor-heading-title,
.artmedica-link-underline.elementor-widget-heading .elementor-heading-title {
	margin: 0;
}

.home .elementor-element.elementor-element-bdb06ad > .e-con-inner > .e-con .elementor-widget-icon .elementor-icon {
	transform: rotate(0deg);
	transform-origin: center;
	transition: transform 0.32s cubic-bezier(0.33, 1, 0.68, 1);
}

.home .elementor-element.elementor-element-804a7c7 .elementor-heading-title a,
.artmedica-link-underline.elementor-widget-heading .elementor-heading-title a,
a.artmedica-link-underline {
	display: inline-block;
	max-width: 100%;
	padding-bottom: 0.08em;
	color: inherit;
	text-decoration-line: underline !important;
	text-decoration-style: solid !important;
	text-decoration-color: currentColor !important;
	text-decoration-thickness: max(1px, 0.04em) !important;
	text-decoration-skip-ink: auto !important;
	text-underline-offset: calc(0.12em + 0px);
	-webkit-text-decoration-skip: ink;
	transition: text-underline-offset 0.36s cubic-bezier(0.33, 1, 0.68, 1);
}

.home .elementor-element.elementor-element-bdb06ad > .e-con-inner > .e-con.is-card-hover-linked .elementor-widget-icon .elementor-icon {
	transform: rotate(45deg);
}

.home .elementor-element.elementor-element-bdb06ad > .e-con-inner > .e-con.is-card-hover-linked .artmedica-link-underline.elementor-widget-heading .elementor-heading-title a,
.home .elementor-element.elementor-element-804a7c7 .elementor-heading-title a:hover,
.home .elementor-element.elementor-element-804a7c7 .elementor-heading-title a:focus,
.home .elementor-element.elementor-element-804a7c7 .elementor-heading-title a:focus-visible,
.artmedica-link-underline.elementor-widget-heading .elementor-heading-title a:hover,
.artmedica-link-underline.elementor-widget-heading .elementor-heading-title a:focus,
.artmedica-link-underline.elementor-widget-heading .elementor-heading-title a:focus-visible,
a.artmedica-link-underline:hover,
a.artmedica-link-underline:focus,
a.artmedica-link-underline:focus-visible {
	color: inherit;
	text-underline-offset: calc(0.12em + 1.5px);
}

@media (max-width: 767px) {
	.home .elementor-element.elementor-element-804a7c7 .elementor-heading-title a,
	.artmedica-link-underline.elementor-widget-heading .elementor-heading-title a,
	a.artmedica-link-underline {
		text-underline-offset: calc(0.1em + 0px);
	}

	.home .elementor-element.elementor-element-bdb06ad > .e-con-inner > .e-con.is-card-hover-linked .artmedica-link-underline.elementor-widget-heading .elementor-heading-title a,
	.home .elementor-element.elementor-element-804a7c7 .elementor-heading-title a:hover,
	.home .elementor-element.elementor-element-804a7c7 .elementor-heading-title a:focus,
	.home .elementor-element.elementor-element-804a7c7 .elementor-heading-title a:focus-visible,
	.artmedica-link-underline.elementor-widget-heading .elementor-heading-title a:hover,
	.artmedica-link-underline.elementor-widget-heading .elementor-heading-title a:focus,
	.artmedica-link-underline.elementor-widget-heading .elementor-heading-title a:focus-visible,
	a.artmedica-link-underline:hover,
	a.artmedica-link-underline:focus,
	a.artmedica-link-underline:focus-visible {
		text-underline-offset: calc(0.1em + 1.5px);
	}
}

/* ── Loop Grid CTA inherits hover from whole card ── */
.home .elementor-loop-container .ha-super-btn-stl-3 {
	line-height: 1.15;
}

.home .elementor-loop-container .ha-super-btn-stl-3 .ha-super-btn-text {
	line-height: 1.15;
	padding-top: 0.08em;
	padding-bottom: 0.04em;
}

.home .elementor-loop-container .ha-super-btn-stl-3 .ha-super-btn-text span.text-1,
.home .elementor-loop-container .ha-super-btn-stl-3 .ha-super-btn-text span.text-2 {
	line-height: 1.15;
}

.home .elementor-loop-container .e-loop-item:hover .ha-super-btn-stl-3 {
	background-color: #9f5434;
	border-color: #513513;
	color: #513513;
}

.home .elementor-loop-container .e-loop-item:hover .ha-super-btn-stl-3 .ha-super-btn-text,
.home .elementor-loop-container .e-loop-item:hover .ha-super-btn-stl-3 .ha-super-btn-icon {
	color: var(--e-global-color-858cd9f);
}

.home .elementor-loop-container .e-loop-item:hover .ha-super-btn-stl-3 .ha-super-btn-text span.text-1 {
	transform: translateY(-150%);
}

.home .elementor-loop-container .e-loop-item:hover .ha-super-btn-stl-3 .ha-super-btn-text span.text-2 {
	top: 50%;
	transform: translateY(-50%);
}

.home .elementor-loop-container .e-loop-item:hover .ha-super-btn-stl-3 .ha-super-btn-icon i:first-child,
.home .elementor-loop-container .e-loop-item:hover .ha-super-btn-stl-3 .ha-super-btn-icon svg:first-child {
	transform: translate(100%, -100%);
}

.home .elementor-loop-container .e-loop-item:hover .ha-super-btn-stl-3 .ha-super-btn-icon i:last-child,
.home .elementor-loop-container .e-loop-item:hover .ha-super-btn-stl-3 .ha-super-btn-icon svg:last-child {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0);
}