/*
Theme Name: Wawe Base Theme
Theme URI: https://wawe.sk
Author: Wawe
Author URI: https://wawe.sk
Description: Minimalistická base téma optimalizovaná pre Elementor. Postavená na Twenty Twenty-Five, pridáva klasické menu, widget areas, Elementor full-width podporu a WooCommerce kompatibilitu. Neinterferuje s Elementor dizajnom.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 8.1
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wawe-base
Template: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, wide-blocks, block-styles, accessibility-ready
*/

/* ===== Elementor full-width support ===== */
.elementor-page .entry-content,
.elementor-page .site-content {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

/* Elementor canvas — žiadne téma wrappery */
.elementor-template-canvas .site-header,
.elementor-template-canvas .site-footer {
	display: none;
}

/* Skryť post title na Elementor stránkach */
.elementor-page .entry-header {
	display: none;
}

/* ===== Klasické menu support ===== */
.wawe-nav-menu {
	display: flex;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wawe-nav-menu li {
	position: relative;
}

.wawe-nav-menu a {
	text-decoration: none;
	color: inherit;
	font-weight: 500;
}

.wawe-nav-menu a:hover {
	opacity: 0.7;
}

/* Submenu */
.wawe-nav-menu .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #1a1a2e;
	border-radius: 8px;
	padding: 8px 0;
	min-width: 200px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	list-style: none;
	z-index: 1000;
}

.wawe-nav-menu li:hover > .sub-menu {
	display: block;
}

.wawe-nav-menu .sub-menu a {
	display: block;
	padding: 8px 16px;
	white-space: nowrap;
}

.wawe-nav-menu .sub-menu a:hover {
	background: rgba(255, 255, 255, 0.05);
}


/* ===== Fix horizontálneho overflow-u (mobil) ===== */
html, body {
	overflow-x: clip;
	max-width: 100%;
}

.wp-site-blocks,
.site-content,
main {
	overflow-x: clip;
	max-width: 100%;
}

/* ===== Clean base ===== */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

.more-link {
	display: block;
}

:where(pre) {
	overflow-x: auto;
}

/* ===== Hero sekcia (homepage) — mobilné úpravy ===== */
@media (max-width: 767px) {
	/* Presun focus pozadia na telo (prsia/zadok sú v ľavej tretine obrázka) */
	.elementor-element.elementor-element-4e47a94f {
		background-position: 22% center !important;
		background-size: cover !important;
		min-height: 78vh !important;
		justify-content: center !important;
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}

	.elementor-element.elementor-element-4e47a94f::before {
		background-position: 22% center !important;
		background-size: cover !important;
	}

	/* Obsah pekne centrovaný na stred */
	.elementor-element.elementor-element-4e47a94f > .e-con-inner,
	.elementor-element.elementor-element-4e47a94f {
		align-items: center;
		text-align: center;
	}

	.elementor-element.elementor-element-4e47a94f .elementor-heading-title {
		text-align: center !important;
	}

	/* Inner container s CTA / zoznamom – centrovať a dať mu rozumnú šírku */
	.elementor-element.elementor-element-4d94a4a {
		width: 88% !important;
		max-width: 320px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		align-self: center !important;
	}
}

/* ===== Konkrétne sekcie — bg obrázok cover + no-repeat (fix tileovanie na širokých monitoroch) ===== */
.elementor-element-4e47a94f,           /* Homepage hero (fotka ženy na elemente) */
.elementor-element-4e47a94f::before,   /* Homepage hero (gradient overlay) */
.elementor-element-6e54996f::before,   /* Homepage "Dámy ktoré si zamiluješ" */
.elementor-element-a1b2c3d::before {   /* Profil dievčaťa */
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

/* Kontakt upper — obrázok je gradient tile, nestreneme na cover (vyzerá zle),
   len roztiahneme horizontálne aby zmizol tile seam */
.elementor-element-5f49ceda::before {
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-position: center center !important;
}

/* Jemné fade-out okraje aby neboli ostré prechody medzi sekciami */
.elementor-element-6e54996f::before,
.elementor-element-a1b2c3d::before {
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
}