/* ============================================================
   WP integrácia — doplnkové štýly (mimo dizajnového style.css).
   Najmä CF7 validačné stavy v značkovej palete.
   ============================================================ */

/* Kontaktné ikony teraz ako <img> (upload) — rovnaká veľkosť ako pôvodné inline SVG */
.contact-list__ic img { width: 22px; height: 22px; display: block; }

/* Yoast breadcrumb (span-based) — zladený s dizajnovým .breadcrumb */
.breadcrumb-nav { margin: 0 0 1.3rem; font-size: .82rem; color: var(--grey, #6b6b6b); }
.breadcrumb-nav a { color: var(--grey, #6b6b6b); text-decoration: none; }
.breadcrumb-nav a:hover { color: var(--red-strong, #d32d1e); }
.breadcrumb-nav .breadcrumb_last { color: var(--ink, #1a1a1a); font-weight: 700; }
.breadcrumb-nav .breadcrumb-sep { margin: 0 .5rem; color: var(--line, #d9d9d9); }

/* WP prístupnostný nadpis (napr. v the_posts_pagination) — vizuálne skrytý,
   dostupný pre čítačky. Dizajnový CSS pozná len .visually-hidden. */
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; padding: 0;
	overflow: hidden; position: absolute; word-wrap: normal !important;
}

/* Chybová hláška pod poľom */
.wpcf7-not-valid-tip { display: block; margin-top: .45rem; color: var(--red-strong, #d32d1e); font-size: .84rem; font-weight: 600; }

/* Nevalidné pole — červený rámik */
.wpcf7-form-control.wpcf7-not-valid { border-color: var(--red-strong, #d32d1e); box-shadow: 0 0 0 3px rgba(232, 63, 48, .14); }

/* Povinná hviezdička */
.form-group label .req, .wpcf7-form label .req { color: var(--red-strong, #d32d1e); font-weight: 800; }

/* Súhrnná hláška (spodný box) — plná farba, biely text, bez rámika a zaoblenia.
   !important prebíja vlastné CF7 pravidlá (.wpcf7 form.invalid …). */
.wpcf7-response-output { margin: 1.5rem 0; padding: 1em 1.5em; border: 0 !important; border-radius: 0 !important; font-size: .92rem; line-height: 1.45; color: #fff !important; }
/* chyba / neprijaté / zlyhanie → červená */
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.payment-required .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.aborted .wpcf7-response-output,
.wpcf7-form.spam .wpcf7-response-output { background: var(--red-strong, #d32d1e) !important; }
/* odoslané → zelená */
.wpcf7-form.sent .wpcf7-response-output { background: #2e7d32 !important; }

/* Odosielací spinner + stav tlačidla */
.form-submit { position: relative; }
.wpcf7-spinner { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0; }
.wpcf7-form.submitting .wpcf7-submit { opacity: .7; cursor: progress; }

/* ---- Kontakt: spodný riadok (súhlas + tlačidlo) ---- */
/* Zarovnať s poľami vyššie: checkbox flush vľavo, tlačidlo flush vpravo. */
.contact-form .row.align-items-center { margin-left: 0; margin-right: 0; }
.contact-form .row.align-items-center > * { padding-left: 0; padding-right: 0; }
.contact-form .form-group-checkbox { margin-bottom: 0; }
.contact-form .form-group-checkbox .wpcf7-list-item { margin: 0; }
.contact-form .form-submit p { margin: 0; }
.contact-form .form-submit { text-align: right; }

/* Podčiarknutý odkaz v súhlase */
.contact-form .form-group-checkbox a { text-decoration: underline; }

.wpcf7 form .wpcf7-response-output { padding: 1rem 1.5rem !important; margin: 0 0 1.5rem !important; }