/*============================================================================
   13-divi-vb-fix.css — neutralizace našich stylů v UI Divi 5 Visual Builderu

   Divi 5 načítá theme CSS i v dokumentech builderu. KLÍČOVÉ POZNÁNÍ
   (najadranu 2026-06-12): náhled stránky #page-container je VNOŘENÝ uvnitř
   #et-fb-app — proto každé pravidlo zde MUSÍ mít pojistku
   `:not(#page-container *)`, jinak rozbije i náhled (zmizelo hero pozadí,
   rozpadlé centrování).

   - UI panely/modály/toolbary: #et-fb-app, .et-vb-top-window-ui, .et-vb-modal
     (mimo #page-container) → naše styly unsetnout
   - náhled stránky: cokoliv uvnitř #page-container → NEsahat

   `unset` = vlastnost se chová, jako by naše pravidlo neexistovalo.
============================================================================*/

/* Labely (07-forms) */
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) label:not(#page-container *),
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) .et_pb_contact_form_label:not(#page-container *) {
	font-size: unset !important;
	font-weight: unset !important;
	color: unset !important;
	text-transform: unset !important;
	letter-spacing: unset !important;
	margin-bottom: unset !important;
	font-family: unset !important;
	display: unset !important;
}

/* Nadpisy (01-base: Cormorant Garamond + clamp) */
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(h1, h2, h3, h4, h5, h6):not(#page-container *) {
	font-family: unset !important;
	font-size: unset !important;
	font-weight: unset !important;
	letter-spacing: unset !important;
	line-height: unset !important;
	color: unset !important;
	text-transform: unset !important;
	padding: unset !important;
}

/* Odstavce a seznamy */
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) p:not(#page-container *) {
	font-size: unset !important;
	line-height: unset !important;
	color: unset !important;
}
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(ul, ol):not(#page-container *) {
	padding-left: unset !important;
}
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(ul, ol) li:not(#page-container *) {
	margin-bottom: unset !important;
	color: unset !important;
}

/* Formulářové prvky — vrátit metriky (07-forms je přebíjí) */
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(
	input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
	input[type="password"], input[type="search"], input[type="number"],
	textarea, select
):not(#page-container *) {
	background: unset !important;
	border: unset !important;
	border-radius: unset !important;
	padding: unset !important;
	font-family: unset !important;
	font-size: unset !important;
	color: unset !important;
	box-shadow: unset !important;
}
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(input, textarea, select):focus:not(#page-container *) {
	border-color: unset !important;
	box-shadow: unset !important;
}
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(input[type="checkbox"], input[type="radio"]):not(#page-container *) {
	accent-color: unset;
	width: unset;
	height: unset;
}

/* Font-family z 01-base — UI ať dědí svůj vlastní */
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(button, input, select, textarea):not(#page-container *) {
	font-family: unset;
}

/* ==========================================================================
   KILL-LIST NAŠICH CUSTOM TŘÍD V UI BUILDERU
   Panely (Vlastnosti/Atributy…) vykreslují prvky nesoucí uživatelské třídy
   (class="hero") → bez tohoto bloku je obarví naše sekční styly.
   Pojistka :not(#page-container *) chrání náhled stránky.

   ⚠️ KONVENCE: každou novou custom třídu sekce/komponenty přidej sem!
   ========================================================================== */
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(
	.hero, .hero-copy, .hero-rezbox,
	.topbar, .site-header, .header-inner, .logo, .logo-mark, .logo-text,
	.nav, .nav-menu, .burger, .lang, .nav-search,
	.nj-search-overlay, .nj-search-close, .nj-search-form, .nj-search-row, .nj-search-label,
	.drawer, .drawer-backdrop, .drawer-head, .drawer-nav, .drawer-foot, .drawer-close, .drawer-toggle,
	.site-footer, .footer-grid, .footer-col, .footer-bottom, .footer-title, .footer-widget, .footer-contact, .socials,
	.btn, .btn-primary, .btn-outline, .btn-ghost,
	.eyebrow, .container, .section-head, .nj-wide,
	.promo-strip, .promo-grid, .promo-card, .promo-badge,
	.apt-section, .apt-head, .apt-arrows, .apt-arrow,
	.feat-grid, .feat, .feat-icon, .seo-section,
	.sale-section, .sale-head, .fs-block, .fs-tabs, .fs-tab,
	.projects-grid, .project-card, .project-status, .project-stats,
	.reviews-section, .reviews-head, .review-arrows,
	.ng-section, .news-list, .news-item, .news-date, .news-body, .news-tag, .gallery-grid, .cell,
	.regions-section, .region, .region-circle,
	.page-hero, .crumb, .lead, .rooms-search, .nj-search-section, .nj-booking-section, .nj-reviews-page, .nj-reviewform-section, .nj-freedates-section, .nj-text-section,
	.rooms-toolbar-section, .rooms-toolbar, .toolbar-row, .toolbar-left, .toolbar-right,
	.tool-btn, .tool-result, .view-toggle, .tool-sort, .sort-menu, .sort-opt,
	.filter-drawer, .fd-grid, .fd-col, .fd-check, .fd-range, .fd-footer,
	.active-filters, .filter-chip, .clear-all,
	.rooms-section, .rooms-group, .group-head, .group-meta,
	.sales-section, .sales-group,
	.apt-grid, .apt-card, .apt-specs, .apt-footer, .apt-from, .apt-price,
	.tag-stack, .apt-tag, .apt-fav, .map-promo, .map-promo-img, .btn-small,
	.s-sand-1, .s-sand-2, .s-sand-3, .s-white,
	.nj-header-section, .nj-footer-section,
	.nj-room-detail, .gallery-hero, .gh-grid, .title-block, .facts-row,
	.content-block, .booking, .similar
):not(#page-container *) {
	background: unset !important;
	background-color: unset !important;
	background-image: unset !important;
	padding: unset !important;
	margin: unset !important;
	min-height: unset !important;
	height: unset !important;
	width: unset !important;
	max-width: unset !important;
	display: revert !important;
	position: unset !important;
	inset: unset !important;
	z-index: unset !important;
	border: unset !important;
	border-radius: unset !important;
	box-shadow: unset !important;
	color: unset !important;
	font-family: unset !important;
	font-size: unset !important;
	font-weight: unset !important;
	letter-spacing: unset !important;
	text-transform: unset !important;
	text-shadow: unset !important;
	gap: unset !important;
	flex-direction: unset !important;
	justify-content: unset !important;
	align-items: unset !important;
	transform: unset !important;
	transition: unset !important;
	overflow: unset !important;
	opacity: unset !important;
	visibility: unset !important;
	pointer-events: unset !important;
	backdrop-filter: unset !important;
	cursor: unset !important;
}

/* pseudo-elementy (overlay .hero::before, hover bridge…) */
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(
	.hero, .topbar, .site-header, .nav, .drawer, .site-footer, .container,
	.menu-item-has-children, .drawer-toggle
):not(#page-container *)::before,
:is(#et-fb-app, .et-vb-top-window-ui, .et-vb-modal) :is(
	.hero, .topbar, .site-header, .nav, .drawer, .site-footer, .container
):not(#page-container *)::after {
	content: none !important;
}
