/*
Theme Name:  SVPS IDSK3 2026
Theme URI:   https://data.svps.sk
Description: WordPress téma pre data.svps.sk postavená na IDSK 3 (frontend-3.0.0-beta.0). Standalone — nevyžaduje rodičovskú tému. Bez vlastného CSS, iba IDSK3 triedy a nevyhnutné layout/bug-fix overrides.
Author:      ŠVPS SR
Author URI:  https://www.svps.sk
Version:     1.0.1
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: svps-idsk3-2026
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:        idsk3, government, slovak, accessibility
*/

/* ═══════════════════════════════════════════════════════════════════════════
   Dôvod: IDSK3 beta.0 nenastavuje font-family na body elemente priamo —
   iba cez .govuk-body a ďalšie triedy. Elementy bez triedy (napr. WP widgety)
   by dostali browser default (Times New Roman). Toto to zafixuje globálne.
   ═══════════════════════════════════════════════════════════════════════════ */

body.govuk-template__body {
    font-family: "Source Sans Pro", arial, sans-serif;
}

/* ═══════════════════════════════════════════════════════════════════════════
   IDSK3 beta.0 — Bug fixy
   (zdroj: svps2024/css/style-idsk.css, overené v produkcii na svps.sk)
   Dôvod: govuk-label má v IDSK3 beta.0 chybný font-size 2.25rem (36px).
   Odstrániť pri prechode na stabilnú IDSK3.
   ═══════════════════════════════════════════════════════════════════════════ */

.govuk-label                { font-size: 1rem !important;       line-height: 1.5 !important; }
.govuk-label--s             { font-size: 0.875rem !important; }
.govuk-label--m             { font-size: 1rem !important; }
.govuk-label--l             { font-size: 1.5rem !important; }
.govuk-hint                 { font-size: 0.875rem !important;   line-height: 1.5 !important; }
.govuk-error-message        { font-size: 1rem !important; }
.govuk-error-summary__title { font-size: 1.3125rem !important; }
.govuk-error-summary__body  { font-size: 1rem !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   PREDHEADER — layout glue (logo + hamburger + search v jednom riadku)
   Dôvod: IDSK3 CSS štýluje komponenty, ale flex usporiadanie predheaderu
   s WP logom a search formou je site-specific. Iba layout, žiadne farby.
   ═══════════════════════════════════════════════════════════════════════════ */

.govuk-predheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1rem;
    margin-top: .5rem;
    padding-bottom: .75rem;
}

.govuk-header__logo { flex: 1 1 auto; }

/* Logo SVPS — <img> namiesto IDSK3 logotypu */
.govuk-header__link--homepage {
    display: flex;
    align-items: center;
    padding: 0;
    text-decoration: none;
}
.svps-idsk3-logo {
    display: block;
    height: 52px;
    width: auto;
    max-width: 220px;
}

/* Search v predheaderi */
.govuk-predheader > .idsk-searchbar__wrapper { flex: 0 1 340px; }
.idsk-searchbar__wrapper .govuk-input { min-width: 0; }
.idsk-searchbar__wrapper .govuk-button { margin: 0; min-width: 44px; }

@media (max-width: 48em) {
    .govuk-predheader { flex-wrap: wrap; }
    .govuk-predheader > .idsk-searchbar__wrapper { flex: 1 1 100%; }
}


/* ═══════════════════════════════════════════════════════════════════════════
   COOKIE BANNER — IDSK3 beta.0 nemá komponent cookie banneru
   (markup v inc/partials/cookie-banner.php používa iba IDSK3 triedy,
    tento blok rieši len pozadie a odsadenie wrappera)
   ═══════════════════════════════════════════════════════════════════════════ */

.idsk-cookie-banner {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    padding: 1.25rem 0;
}
.idsk-cookie-banner[hidden] { display: none !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   SVPS — Search input (biely background)
   Dôvod: WP/plugin štýly môžu prebiť pozadie inputov.
   ═══════════════════════════════════════════════════════════════════════════ */

.govuk-input,
input[type="search"],
input[type="text"] {
    background-color: #ffffff !important;
}