/* POZN.: písma sa načítavajú cez <link> v <head> každej stránky, NIE cez @import tu.
           Tento <style> blok je súčasťou tela stránky a @import v ňom prehliadač nespracoval —
           pokúšal sa adresu rozlíšiť relatívne (https://cerdap.sk/web/url('https://fonts…)
           a vracal 404, takže sa v skutočnosti použilo náhradné systémové písmo. */

        /* ── FAREBNÁ PALETA CERDAP ──────────────────────────────────────────────
           Štátne farby SR použité s pravidlom: MODRÁ nesie plochy, ČERVENÁ len
           zvýrazňuje (zľavy, termíny, výstrahy). Červená na veľkých plochách
           pôsobí poplašne a lacno — teda opak úradného dojmu.
           Definuje sa v hlavičke, ktorá je na všetkých stránkach, takže premenné
           sú dostupné všade bez zásahu do jedenástich samostatných <head> blokov. */
        :root {
            --cerdap-modra: #0B2E63;
            --cerdap-modra-2: #1A5FB4;
            --cerdap-modra-svetla: #E4EDF9;
            --cerdap-cervena: #C8102E;
            --cerdap-cervena-svetla: #FBE9EC;
            --cerdap-zelena: #1F6E43;
            --cerdap-podklad: #F2F5F9;
            --cerdap-plocha: #FFFFFF;
            --cerdap-text: #0F1B2D;
            --cerdap-text-2: #46566E;
            --cerdap-text-3: #7A8AA0;
            --cerdap-linka: #D5DEE9;
        }
        body { font-family: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
                background: var(--cerdap-podklad); color: var(--cerdap-text); }

        
        /* Vlastná ikona pištole — viď _SVG_PISTOL. */
        .cerdap-ikona-pistol::before {
            content: ""; display: inline-block; width: 1em; height: 1em;
            vertical-align: -0.125em; background-color: currentColor;
            -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M0.8 3.6h13.6a1.2 1.2 0 0 1 1.2 1.2v0.4a1.2 1.2 0 0 1-1.2 1.2H0.8z'/%3E%3Cpath fill='%23000' d='M1.2 6.4h3.4l-1.3 8H0.5a0.5 0.5 0 0 1-0.49-0.6z'/%3E%3Cpath fill='%23000' d='M5.4 6.4h3.8v1.3H7.2A1.8 1.8 0 0 1 5.4 9.5z'/%3E%3C/svg%3E") no-repeat center / contain;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M0.8 3.6h13.6a1.2 1.2 0 0 1 1.2 1.2v0.4a1.2 1.2 0 0 1-1.2 1.2H0.8z'/%3E%3Cpath fill='%23000' d='M1.2 6.4h3.4l-1.3 8H0.5a0.5 0.5 0 0 1-0.49-0.6z'/%3E%3Cpath fill='%23000' d='M5.4 6.4h3.8v1.3H7.2A1.8 1.8 0 0 1 5.4 9.5z'/%3E%3C/svg%3E") no-repeat center / contain;
        }

        /* Vlastná ikona motorky — viď _SVG_MOTORKA (bi-scooter je kolobežka, nie motorka). */
        .cerdap-ikona-motorka::before {
            content: ""; display: inline-block; width: 1em; height: 1em;
            vertical-align: -0.125em; background-color: currentColor;
            -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='3.4' cy='11.4' r='2.9'/%3E%3Ccircle cx='12.6' cy='11.4' r='2.9'/%3E%3Cpath d='M3.4 11.4 L6.0 8.4 L10.6 8.4 L12.6 11.4'/%3E%3Cpath d='M4.6 7.4 L8.3 7.4'/%3E%3Cpath d='M10.6 8.4 L11.6 5.8'/%3E%3Cpath d='M10.3 5.4 L13.0 5.9'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='3.4' cy='11.4' r='2.9'/%3E%3Ccircle cx='12.6' cy='11.4' r='2.9'/%3E%3Cpath d='M3.4 11.4 L6.0 8.4 L10.6 8.4 L12.6 11.4'/%3E%3Cpath d='M4.6 7.4 L8.3 7.4'/%3E%3Cpath d='M10.6 8.4 L11.6 5.8'/%3E%3Cpath d='M10.3 5.4 L13.0 5.9'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
        }

        /* ── SYMBOL PREDMETU NAMIESTO ILUSTRAČNEJ FOTOGRAFIE ───────────────────
           Záznam bez skutočnej fotografie dostáva dlaždicu so symbolom svojej kategórie —
           tým istým, aký nesie jeho značka na mape dražieb. Ilustračné fotografie
           (stock zábery bytov, áut a pod.) sa nezobrazujú vôbec: ukazovali dom, ktorý
           s draženým domom nemá nič spoločné, a napriek rohovému štítku pôsobili ako
           fotografia predmetu. Symbol o predmete nič nepredstiera. */
        .symbol-predmetu { width: 100%; height: 100%; display: flex; flex-direction: column;
            align-items: center; justify-content: center; gap: 0.5rem; text-align: center;
            background: var(--symbol-podklad, #E4EDF9); color: var(--symbol-farba, #0B2E63); }
        .symbol-predmetu i { font-size: 2.6rem; line-height: 1; }
        .symbol-predmetu span { font-size: 0.82rem; font-weight: 700; letter-spacing: 0.04em;
            text-transform: uppercase; opacity: 0.85; padding: 0 0.5rem; }
        .symbol-predmetu-velky i { font-size: 5.5rem; }
        .symbol-predmetu-velky span { font-size: 1rem; }
        /* Náhľad v zozname „Podobné dražby" má 68×58 px — na popis niet miesta, nesie ho
           aria-label. */
        .symbol-predmetu-maly { gap: 0; }
        .symbol-predmetu-maly i { font-size: 1.5rem; }
        .symbol-predmetu-maly span { display: none; }

        
        .cerdap-socialne { display: flex; gap: 10px; margin: .6rem 0 .8rem; }
        .cerdap-socialne a { display: inline-flex; align-items: center; justify-content: center;
            width: 34px; height: 34px; border-radius: 50%; color: #fff;
            background: rgba(255,255,255,.12); font-size: 1.05rem; text-decoration: none;
            transition: background .15s, transform .15s; }
        .cerdap-socialne a:hover { background: rgba(255,255,255,.28); transform: translateY(-1px); }


        /* ── JEDNOTNÝ VZHĽAD KARIET ────────────────────────────────────────────
           Vzorom je karta z úvodnej stránky (.uvod-karta): biela plocha, tenká
           linka v palete, zaoblenie 9 px a ŽIADNY tieň v pokoji — tieň sa
           objaví až pri prejdení myšou, a to len na kartách, ktoré sú odkazom.
           Predtým mala každá stránka vlastný recept (12 px + trvalý tieň
           0 8px 20px, detaily 8 px + sivá linka #dee2e6, zoznam navyše
           bootstrapové .shadow-sm .border), takže sa vzhľad líšil stránku od
           stránky. Tento blok je v hlavičke, ktorá je súčasťou TELA stránky,
           takže v kaskáde stojí za <head> štýlmi jednotlivých stránok a pri
           rovnakej špecifickosti vyhráva — netreba preto zasahovať do
           jedenástich samostatných <style> blokov. */
        .uvod-karta,
        .auction-card,
        .statistika-karta,
        .kalendar-karta,
        .zoznam-karta,
        .info-karta-kontajner,
        .kontakt-karta,
        .kontakt-formular,
        .ucet-karta,
        .detail-card,
        .cerdap-panel {
            background: var(--cerdap-plocha);
            border: 1px solid var(--cerdap-linka);
            border-radius: 9px;
            box-shadow: none;
        }
        /* Filtračné panely mali sivé pozadie z Bootstrapu (.bg-light), ktoré do palety
           nepatrí. Ostávajú odlíšené od bieleho obsahu, ale vlastným svetlomodrým tónom. */
        .cerdap-panel { background: var(--cerdap-podklad); }
        /* Karty, ktoré sú odkazom, na seba upozornia až pri prejdení myšou. */
        .uvod-karta:hover,
        .auction-card:hover {
            box-shadow: 0 6px 18px rgba(11,46,99,0.14);
            border-color: var(--cerdap-modra-2);
        }
        /* Vnútorné predely kariet v rovnakej linke ako obrys. */
        .detail-card .card-header,
        .statistika-karta .card-header { border-bottom-color: var(--cerdap-linka); }
        h1, h2, h3, h4, h5, .hl-nazov { font-family: 'Libre Franklin', system-ui, sans-serif; letter-spacing: -0.01em; }
        /* Sumy a dátumy majú lícovať pod sebou v tabuľkách aj na kartách. */
        .cerdap-cislo, td, .fs-5 { font-variant-numeric: tabular-nums; }

        .site-header-top { background: var(--cerdap-modra); margin-bottom: 26px;
            border-bottom: 3px solid var(--cerdap-cervena); }
        .site-header-top .header-inner { padding: 13px 20px; gap: 18px; }
        .site-header-top .brand-mark-img { height: 40px; width: auto; border-radius: 7px; flex-shrink: 0; }
        .site-header-top .brand-name { color: #fff; font-weight: 800; font-size: 1.28rem; letter-spacing: 0.05em; line-height: 1.1;
            font-family: 'Libre Franklin', sans-serif; }
        .site-header-top .brand-subtitle { color: rgba(255,255,255,0.82); font-size: 0.62rem; font-weight: 600;
            text-transform: uppercase; letter-spacing: 0.055em; }
        .site-header-top .login-btn { border-radius: 6px; font-size: 0.9rem; padding: 7px 16px; white-space: nowrap;
            font-weight: 700; }
        .site-header-top .dropdown-menu { min-width: 230px; }
        /* Pruh aktuálnosti — tenký riadok pod navigáciou. Zelený bod je jediný pohyblivý
           prvok na stránke a je zámerný: signalizuje, že systém beží. */

        /* Viditeľná navigácia */
        .hl-nav { display: flex; align-items: center; gap: 2px; }
        .hl-odkaz { color: rgba(255,255,255,0.88); text-decoration: none; font-size: 0.9rem; font-weight: 600;
            padding: 7px 11px; border-radius: 5px; white-space: nowrap; transition: 0.14s;
            border-bottom: 2px solid transparent; }
        .hl-odkaz:hover { color: #fff; background: rgba(255,255,255,0.12); }
        .hl-odkaz.hl-akt { color: #fff; border-bottom-color: #fff; font-weight: 700; }
        /* Pod 1200 px sa navigácia zbalí do tlačidla "Menu" (nižšie), aby sa nezalamovala. */
        .hl-nav, .hl-viac { display: none; }
        .hl-menu-zbalene { display: inline-block; }
        @media (min-width: 1200px) {
            .hl-nav { display: flex; }
            .hl-viac { display: inline-block; }
            .hl-menu-zbalene { display: none; }
        }

        /* ── VIACÚROVŇOVÝ FILTER „Čo" ──────────────────────────────────────────
           Stupne sa predtým vykresľovali pod sebou na rovnakej zvislici, takže
           z pohľadu nebolo poznať, že „Byty" patria pod „Nehnuteľnosti" — všetko
           pôsobilo ako jeden plochý zoznam. Podkategórie (2. stupeň) sú preto
           odsadené od hlavných kategórií a odčiarknuté zvislou linkou; tretí
           stupeň (Druh, .co-druhy / .uvod-vyber-druhy) je odsadený vo vnútri
           tohto bloku, takže sa hierarchia skladá sama.
           Pravidlo je v hlavičke, ktorá je na každej stránke, takže platí naraz
           pre Zoznam dražieb, Archív aj filter na Mape dražieb — tie používajú
           to isté [data-co-group-items]. */
        [data-co-group-items] {
            margin-left: 1.15rem;
            padding-left: 0.6rem;
            border-left: 2px solid var(--cerdap-linka);
        }
        /* Hlavná kategória má byť čitateľná ako nadpis stupňa, nie ako sivý popisok. */
        .filter-co-group-checkbox + .form-check-label,
        .mapa-co-group-checkbox + .form-check-label {
            color: var(--cerdap-modra) !important;
            letter-spacing: 0.03em;
        }