/* Wrapper a Filtry */
.katalog-wrapper {
    /* Odebráno natvrdo nastavené font-family, aby to dědilo font ze šablony */
    color: inherit;
}
.katalog-filtry {
    display: flex; flex-wrap: wrap; gap: 15px; align-items: center;
    margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0;
}
.filter-btn {
    background: transparent; border: none; cursor: pointer;
    font-size: 14px; padding: 5px 10px; transition: all 0.2s ease; font-family: inherit; color: inherit;
}
.filter-btn:hover, .filter-btn.active { font-weight: bold; text-decoration: underline; }

/* Dropdown Geografie */
.filter-dropdown { position: relative; display: inline-block; }
.dropdown-content {
    display: none; position: absolute; background-color: #fff; min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); border: 1px solid #ccc; z-index: 100; padding: 10px 0;
}
.filter-dropdown:hover .dropdown-content { display: block; }
.dropdown-content a { color: black; padding: 8px 16px; text-decoration: none; display: block; font-size: 14px; }
.dropdown-content a:hover, .dropdown-content a.active { background-color: #f1f1f1; font-weight: bold; }

/* Tabulka / Mřížka */
.katalog-radek {
    display: grid; grid-template-columns: 3fr 1.5fr 2fr 1.5fr 1fr;
    align-items: center; padding: 18px 0; border-bottom: 1px solid #e0e0e0;
    transition: background 0.2s ease;
}
.katalog-radek:hover { background: #fdfdfd; }
.sloupec { padding: 0 10px; font-size: 15px; }

/* Odkaz na detail (název) */
.sloupec.nazev h3 {
    margin: 0; 
    font-size: 18px; 
    font-weight: bold;
    /* Mírně upraveno, aby seděl font podobně jako na screenu, ale nenutil hnusný sans-serif */
    font-family: Georgia, "Times New Roman", serif; 
}
.sloupec.nazev h3 a {
    color: inherit !important;
    text-decoration: none;
    box-shadow: none;
}
.sloupec.nazev h3 a:hover {
    text-decoration: underline;
}

/* Barevné body u zemí */
.zeme-bod {
    display: inline-block; width: 14px; height: 14px; border-radius: 50%;
    margin-right: 8px; border: 1px solid #aaa; vertical-align: middle;
    background-color: #eee; /* Výchozí barva, pokud chybí slug */
}
.zeme-bod.cesko, .zeme-bod.česko, .zeme-bod.ceska-republika { background-color: #d8f3f6; border-color: #7ac1c7; }
.zeme-bod.nemecko, .zeme-bod.německo { background-color: #fae6d3; border-color: #d9a07b; }
.zeme-bod.rakousko { background-color: #f7d5e6; border-color: #d18ab2; }

/* Hover Náhled (Kontejner a Obrázek) */
#hover-nahled {
    position: fixed; pointer-events: none; opacity: 0; visibility: hidden;
    transition: opacity 0.15s ease; z-index: 9999; background: #fff;
    padding: 6px; box-shadow: 0 5px 25px rgba(0,0,0,0.2); border: 1px solid #ccc;
    transform: translate(15px, 15px);
    
    /* Vlastnosti pro prázdné okno */
    min-width: 150px; 
    min-height: 100px;
    display: flex; align-items: center; justify-content: center;
}
/* Text, když chybí obrázek */
#hover-nahled::before {
    content: "Bez náhledu";
    position: absolute;
    color: #999;
    font-size: 12px;
    font-family: sans-serif;
    z-index: 1;
}
#hover-nahled img {
    max-width: 320px; height: auto; display: block;
    position: relative; z-index: 2; background: #fff;
}