/*
 Theme Name:   idsk-template Child
 Template:     idsk-template
 Author:       spravca_ms
 Version:      1.0.0
*/

/* === Facebook ikona v hlavičke === */
.idsk-header-web__main-action {
	display: flex;
	align-items: center;
	gap: 12px;
}

.pssr-facebook-link {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-left: 12px;
	color: #003078;
	opacity: 0.85;
	transition: opacity 0.15s;
}

.pssr-facebook-link:hover {
	opacity: 1;
}

.pssr-facebook-link:focus {
	outline: 3px solid #ffdf0f;
	outline-offset: 2px;
	opacity: 1;
}

/* === Oprava vyhľadávacieho poľa: dvojitý placeholder text ===
   IDSK search component používa <label> ako vizuálny placeholder (JS ho riadi).
   Input má zároveň natívny placeholder → prekrývajú sa.
   Riešenie: natívny placeholder schovať, label IDSK riadi viditeľnosť. */
.idsk-search-component .idsk-search-component__input::-webkit-input-placeholder {
	opacity: 0 !important;
}
.idsk-search-component .idsk-search-component__input::-moz-placeholder {
	opacity: 0 !important;
}
.idsk-search-component .idsk-search-component__input::placeholder {
	opacity: 0 !important;
}

/* === Väčšia medzera medzi nadpisom h1 a odsekom v intro bloku === */
.idsk-intro-block .govuk-heading-xl {
	margin-bottom: 20px !important;
}
@media (min-width: 40.0625em) {
	.idsk-intro-block .govuk-heading-xl {
		margin-bottom: 30px !important;
	}
}

/* === Oprava side menu v intro bloku (Rýchla navigácia) – IDSK dizajn manuál ===
   Parent téma má display:contents na ul/li → položky sa prekrývajú. */

/* Layout fix */
.idsk-intro-block__side-menu__default__ul {
	display: block !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
	float: none !important;
	font-weight: normal !important;
	text-decoration: none !important;
}

.idsk-intro-block__side-menu__default__li {
	display: block !important;
	float: none !important;
	margin: 0 !important;
	padding-bottom: 10px !important;
}

.idsk-intro-block__side-menu__default__li:last-child {
	padding-bottom: 0 !important;
}

/* IDSK link štýly – podľa govuk-link / idsk-related-content__link */
.idsk-intro-block__side-menu__a.govuk-link {
	font-family: "Source Sans Pro", "Arial", sans-serif;
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 400;
	text-decoration: underline;
	text-decoration-thickness: max(1px, .0625rem);
	text-underline-offset: 0.1em;
	color: #0065b3 !important;
}

.idsk-intro-block__side-menu__a.govuk-link:link {
	color: #0065b3;
}

.idsk-intro-block__side-menu__a.govuk-link:visited {
	color: #4c2c92;
}

.idsk-intro-block__side-menu__a.govuk-link:hover {
	color: #003078;
	text-decoration-thickness: max(3px, .1875rem, .12em);
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}

.idsk-intro-block__side-menu__a.govuk-link:active {
	color: #0b0c0c;
}

.idsk-intro-block__side-menu__a.govuk-link:focus {
	outline: 3px solid transparent;
	color: #0b0c0c;
	background-color: #ffdf0f;
	box-shadow: 0 -2px #ffdf0f, 0 4px #0b0c0c;
	text-decoration: none;
}

/* === Bottom menu linky (Hľadáte toto?) – menší font, sivá farba podľa 004.png === */
.idsk-intro-block__bottom-menu__li .govuk-link {
	font-size: 0.875rem;
	line-height: 1.14286;
	color: #626a6e;
	text-decoration-thickness: max(1px, .0625rem);
}

.idsk-intro-block__bottom-menu__li .govuk-link:link,
.idsk-intro-block__bottom-menu__li .govuk-link:visited {
	color: #626a6e;
}

.idsk-intro-block__bottom-menu__li .govuk-link:hover {
	color: #0b0c0c;
	text-decoration-thickness: max(3px, .1875rem, .12em);
}

.idsk-intro-block__bottom-menu__li .govuk-link:active {
	color: #0b0c0c;
}

.idsk-intro-block__bottom-menu__li .govuk-link:focus {
	color: #0b0c0c;
	background-color: #ffdf0f;
	box-shadow: 0 -2px #ffdf0f, 0 4px #0b0c0c;
	text-decoration: none;
}

/* === Accordion – menšie medzery medzi položkami === */
.govuk-accordion__section {
	padding-top: 4px !important;
}

.js-enabled .govuk-accordion__section {
	padding-top: 0 !important;
}

.govuk-accordion__section-header {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.govuk-accordion__section-button {
	padding-top: 0 !important;
}

/* === govuk-details (Accordion) – menšie medzery medzi položkami === */
.govuk-details {
	margin-bottom: 5px !important;
}

/* === Intro blok – menší padding-bottom (polovica govuk-!-padding-bottom-6) ===
   Vyššia špecificita (2 triedy) kvôli parent CSS načítanom 2x po child CSS */
.idsk-intro-block.govuk-\!-padding-bottom-6,
.idsk-intro-block[class*="govuk-!-padding-bottom"] {
	padding-bottom: 12px !important;
}
@media (min-width: 40.0625em) {
	.idsk-intro-block.govuk-\!-padding-bottom-6,
	.idsk-intro-block[class*="govuk-!-padding-bottom"] {
		padding-bottom: 15px !important;
	}
}

/* === Footer logo – šírka 250px, zachovanie pomeru === */
.idsk-footer-extended-logo {
	width: 250px;
	height: auto;
	display: block;
}

/* === Footer description panel – vertikálne zarovnanie logo voči info-links === */
.idsk-footer-extended-description-panel {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap;
}

/* === "Hľadáte toto?" zoznam – menšia medzera medzi zabalenými riadkami ===
   strong.govuk-body má margin-bottom: 20px → zväčšuje výšku li → veľká medzera
   Vyššia špecificita (2 triedy) kvôli parent CSS načítanom 2x po child CSS */
.idsk-intro-block .idsk-intro-block__bottom-menu__li strong {
	margin-bottom: 0 !important;
}

/* === H1 – farba písma #003078 === */
h1, .govuk-heading-xl {
	color: #003078 !important;
}

/* === Nav menu – medzery medzi položkami ===
   Parent CSS zvyšuje padding na 30px od 40em → 5 dlhých položiek sa zalamujú na 2. riadok.
   Override: znížiť na 15px aby všetky položky ostali na jednom riadku. */
@media (min-width: 40.0625em) {
	.idsk-header-web__nav-list-item-link {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}