.elementor-137 .elementor-element.elementor-element-e28ce7a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-137 .elementor-element.elementor-element-3cd43b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-137 .elementor-element.elementor-element-f01f725{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}@media(max-width:767px){.elementor-137 .elementor-element.elementor-element-3cd43b4{--justify-content:space-evenly;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-137 .elementor-element.elementor-element-3cd43b4{--width:25%;}.elementor-137 .elementor-element.elementor-element-f01f725{--width:75%;}}/* Start custom CSS for html, class: .elementor-element-73d82ea */.elementor-137 .elementor-element.elementor-element-73d82ea {
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Jemný box */
}
.elementor-137 .elementor-element.elementor-element-73d82ea label, .elementor-137 .elementor-element.elementor-element-73d82ea input, .elementor-137 .elementor-element.elementor-element-73d82ea select, .elementor-137 .elementor-element.elementor-element-73d82ea button {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box; /* Zajišťuje, že padding se počítá dovnitř */
}
.elementor-137 .elementor-element.elementor-element-73d82ea input, .elementor-137 .elementor-element.elementor-element-73d82ea select {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.elementor-137 .elementor-element.elementor-element-73d82ea button {
    padding: 12px;
    background-color: #008080; /* Vaše hlavní barva */
    color: white;
    font-weight: bold;
    border: none;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cd43b4 */.elementor-137 .elementor-element.elementor-element-3cd43b4 {
    /* 1. Vizuální oddělení (Čistý box) */
    background-color: #fff;
    border-radius: 8px;
    padding: 20px; /* Vnitřní odsazení od okrajů boxu */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Jemný, decentní stín */
    margin-right: 20px; /* Mezera mezi filtrem (25%) a výsledky (75%) */
}
/* 2. Stylování samotných HTML prvků uvnitř formuláře */
.elementor-137 .elementor-element.elementor-element-3cd43b4 label {
    font-weight: 600; /* Tučné popisky */
    margin-bottom: 5px;
    display: block;
    font-size: 0.9em;
}
.elementor-137 .elementor-element.elementor-element-3cd43b4 input[type="text"], .elementor-137 .elementor-element.elementor-element-3cd43b4 select {
    margin-bottom: 15px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f01f725 */.elementor-137 .elementor-element.elementor-element-f01f725 {
    padding: 0; /* Odstraníme zbytečné odsazení, aby karty seděly přímo ve sloupci */
}
/* Oprava mezery na mobilu (aby nebyla mezera vpravo) */
@media (max-width: 768px) {
    .elementor-137 .elementor-element.elementor-element-f01f725 {
        margin-right: 0 !important;
        margin-top: 20px; /* Mezera od filtru nahoře */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e28ce7a *//* 1. Mřížka - Třísloupcové rozvržení pro karty */
.nemovitosti-grid-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 sloupce s rovnoměrnou šířkou */
    gap: 20px;
}

/* 2. Vzhled jednotlivé karty (Idealista styl) */
.nemovitost-karta {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); 
    transition: box-shadow 0.3s;
    text-decoration: none;
    display: block; /* Zajištění, že se karta správně roztáhne */
}
.nemovitost-karta:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); 
}

/* 3. Fotografie a Štítek */
.karta-foto {
    position: relative;
    height: 180px; 
}
.karta-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}
.karta-typ {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #008080; 
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: bold;
}

/* 4. Text a Detaily */
.karta-body {
    padding: 15px;
}
.karta-cena {
    font-size: 1.3em;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
}
.karta-lokalita {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 10px;
}
.karta-parametry span {
    font-size: 0.85em;
    color: #555;
    margin-right: 10px;
}

/* 5. Responzivita (doplnění z Kroku 76) */
@media (max-width: 768px) {
    .nemovitosti-grid-layout {
        grid-template-columns: 1fr; /* Jeden sloupec na mobilu */
    }
}/* End custom CSS */