/*
Theme Name: Jean Paul Gotye
Theme URI: https://www.jpgweb.cz/
Description: Kadence Child Theme by Jean Paul Gotye
Author: Jean Paul Gotye
Author URI: https://www.jpgweb.cz/
Template: kadence
Version: 1.0.0
Text Domain: jean-paul-gotye
*/

/* =========================================
   JEAN PAUL GOTYE — CUSTOM CSS
   ========================================= */

/* Vlastní CSS přidávejte pod tento řádek. */
.test {
    border: 2px solid #ff0000;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.35);
    font-size: 22px;
    padding: 15px 20px;
    border-radius: 8px;
}
/* =========================================
   MOJE VLAŠIM – DETAIL FIRMY
   ========================================= */

/* jednotlivé sekce */
.directory-listing-contact-info-container,
.directory-listing-detailed-info-container,
.directory-listing-opening-hours {
    background: #ffffff;
    border-radius: 16px;
    padding: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,.07);
}

/* nadpisy sekcí */
.drts-display > .drts-display-element.drts-display-element-no-header[data-name="columns"] > .drts-row > .drts-display-element > .drts-display-element-header span, .drts-display > .drts-display-element > .drts-display-element-header span {
  background-color: #fff;
     color: #0e416f;
}

/* odkazy v kontaktu */
.directory-listing-contact-info-container a {
    text-decoration: none;
    font-weight: 500;
}

/* mapa */
.drts-display-element-entity_field_location_address-2 .drts-map {
    border-radius: 16px;
    overflow: hidden;
}

/* galerie */
.drts-display-element-entity_field_directory_photos-1 {
    border-radius: 16px;
    overflow: hidden;
}

/* větší mezera mezi WPBakery řádky */
.entry-content > .vc_row {
    margin-bottom: 35px;
}

/* MOBIL */
@media (max-width: 767px) {

    .directory-listing-contact-info-container,
    .directory-listing-detailed-info-container,
    .directory-listing-opening-hours {
        padding: 20px;
        border-radius: 12px;
    }

    .entry-content > .vc_row {
        margin-bottom: 22px;
    }
}
/* Galerie firmy – bílé pozadí místo černého */
.drts-display-element-entity_field_directory_photos-1,
.drts-display-element-entity_field_directory_photos-1 .drts-slider,
.drts-display-element-entity_field_directory_photos-1 .drts-slider-photos,
.drts-display-element-entity_field_directory_photos-1 .slick-list,
.drts-display-element-entity_field_directory_photos-1 .slick-track,
.drts-display-element-entity_field_directory_photos-1 .slick-slide {
    background-color: #ffffff !important;
}
/* ==========================================
   MOJE VLAŠIM – GALERIE SE ŠIKMÝMI NÁHLEDY
   BEZ OVLIVNĚNÍ OBRÁZKŮ / SLICK SLIDERU
   ========================================== */

/* Pouze vzhled vnějšího obalu galerie */
.drts-display-element-entity_field_directory_photos-1 {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 8px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);
}

/* Bílé pozadí pouze hlavní části galerie,
   bez zásahu do slick-list, track a slide */
.drts-display-element-entity_field_directory_photos-1
.drts-slider-photos {
    background-color: #ffffff !important;
}


/* ==========================================
   NÁHLEDY – ŠIKMÝ EFEKT
   ========================================== */

/* mezery mezi náhledy */
.drts-display-element-entity_field_directory_photos-1
.slick-slider + .slick-slider .slick-slide {
    padding: 0 3px !important;
    box-sizing: border-box;
}

/* šikmý tvar celého náhledu */
.drts-display-element-entity_field_directory_photos-1
.slick-slider + .slick-slider .slick-slide > div {
    overflow: hidden;
    clip-path: polygon(
        12% 0,
        100% 0,
        88% 100%,
        0 100%
    );
}

/* samotné obrázky náhledů */
.drts-display-element-entity_field_directory_photos-1
.slick-slider + .slick-slider .slick-slide img {
    width: 100% !important;
    height: 85px !important;
    object-fit: cover !important;

    clip-path: polygon(
        12% 0,
        100% 0,
        88% 100%,
        0 100%
    );

    transition: transform .25s ease,
                filter .25s ease,
                opacity .25s ease;
}

/* neaktivní náhled */
.drts-display-element-entity_field_directory_photos-1
.slick-slider + .slick-slider .slick-slide:not(.slick-current) img {
    filter: brightness(.80);
}

/* aktivní náhled */
.drts-display-element-entity_field_directory_photos-1
.slick-slider + .slick-slider .slick-current img {
    filter: brightness(1);
}

/* hover */
.drts-display-element-entity_field_directory_photos-1
.slick-slider + .slick-slider .slick-slide:hover img {
    filter: brightness(1);
    transform: scale(1.06);
}


/* ==========================================
   MOBIL
   ========================================== */

@media (max-width: 767px) {

    .drts-display-element-entity_field_directory_photos-1 {
        padding: 5px;
        border-radius: 12px;
    }

    .drts-display-element-entity_field_directory_photos-1
    .slick-slider + .slick-slider .slick-slide img {
        height: 65px !important;

        clip-path: polygon(
            10% 0,
            100% 0,
            90% 100%,
            0 100%
        );
    }
}
/* ==========================================
   HLAVNÍ OBRÁZEK – ZAKÁZAT KLIKNUTÍ
   ========================================== */

.drts-display-element-entity_field_directory_photos-1
.drts-slider-photos-main .slick-slide,
.drts-display-element-entity_field_directory_photos-1
.drts-slider-photos-main .slick-slide a,
.drts-display-element-entity_field_directory_photos-1
.drts-slider-photos-main .slick-slide img {
    pointer-events: none !important;
    cursor: default !important;
}
/* ==========================================
   MOJE VLAŠIM – BAREVNÉ IKONY
   ========================================== */

/* Adresa / mapa – červená */
.directory-listing-contact-info-container .fa-map-marker-alt {
    color: #e53935 !important;
}

/* Telefon – zelená */
.directory-listing-contact-info-container .fa-phone,
.directory-listing-contact-info-container .fa-phone-alt {
    color: #2eae60 !important;
}

/* Fax – fialová */
.directory-listing-contact-info-container .fa-fax {
    color: #8e44ad !important;
}

/* E-mail – oranžová */
.directory-listing-contact-info-container .fa-envelope {
    color: #f39c12 !important;
}

/* Web – modrá */
.directory-listing-contact-info-container .fa-globe,
.directory-listing-contact-info-container .fa-globe-americas,
.directory-listing-contact-info-container .fa-link {
    color: #1687d9 !important;
}

/* ==========================================
   SOCIÁLNÍ SÍTĚ – BARVY PODLE ODKAZU
   ========================================== */

/* Facebook */
.directory-listing-contact-info-container a[href*="facebook.com"] i {
    color: #1877F2 !important;
}

/* Instagram */
.directory-listing-contact-info-container a[href*="instagram.com"] i {
    color: #d56a23 !important;
}

/* YouTube */
.directory-listing-contact-info-container a[href*="youtube.com"] i,
.directory-listing-contact-info-container a[href*="youtu.be"] i {
    color: #a40707 !important;
}

/* LinkedIn */
.directory-listing-contact-info-container a[href*="linkedin.com"] i {
    color: #0A66C2 !important;
}

/* X – vynutit černou barvu */
i.fa-square-x-twitter,
i.fab.fa-square-x-twitter,
.directory-listing-contact-info-container i.fa-square-x-twitter {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* pokud barvu určuje odkaz */
.directory-listing-contact-info-container a:has(i.fa-square-x-twitter),
.directory-listing-contact-info-container a:has(i.fa-square-x-twitter):hover {
    color: #000000 !important;
}

/* TikTok */
.directory-listing-contact-info-container a[href*="tiktok.com"] i {
    color: #111111 !important;
}

/* Pinterest */
.directory-listing-contact-info-container a[href*="pinterest."] i {
    color: #E60023 !important;
}
/* ==========================================
   MOJE VLAŠIM – PODROBNÉ INFORMACE
   ========================================== */

.directory-listing-detailed-info-container {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    padding: 28px 30px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.05) !important;
}

/* nadpis */
.directory-listing-detailed-info-container h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 20px !important;
}

/* běžný text */
.directory-listing-detailed-info-container p {
    font-size: 16px !important;
    line-height: 1.75 !important;
    margin-bottom: 16px !important;
}

/* poslední odstavec bez zbytečné mezery */
.directory-listing-detailed-info-container p:last-child {
    margin-bottom: 0 !important;
}

/* odkazy */
.directory-listing-detailed-info-container a {
    text-decoration: none !important;
}

.directory-listing-detailed-info-container a:hover {
    text-decoration: underline !important;
}

/* mobil */
@media (max-width: 767px) {
    .directory-listing-detailed-info-container {
        padding: 20px !important;
        border-radius: 12px !important;
    }

    .directory-listing-detailed-info-container p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }
}
/* ==========================================
   MOJE VLAŠIM – OTEVÍRACÍ DOBA
   ========================================== */

.directory-listing-opening-hours {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    padding: 28px 26px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.05) !important;
}

/* Nadpis */
.directory-listing-opening-hours h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 20px !important;
}

/* jednotlivé řádky */
.directory-listing-opening-hours table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.directory-listing-opening-hours table tr {
    border-bottom: 1px solid #eeeeee !important;
}

.directory-listing-opening-hours table tr:last-child {
    border-bottom: 0 !important;
}

.directory-listing-opening-hours table td {
    padding: 10px 4px !important;
    border: 0 !important;
    font-size: 15px !important;
}

/* název dne */
.directory-listing-opening-hours table td:first-child {
    font-weight: 600 !important;
    color: #333333 !important;
}

/* čas doprava */
.directory-listing-opening-hours table td:last-child {
    text-align: right !important;
    color: #555555 !important;
}

/* mobil */
@media (max-width: 767px) {

    .directory-listing-opening-hours {
        padding: 20px !important;
        border-radius: 12px !important;
    }

    .directory-listing-opening-hours table td {
        padding: 9px 3px !important;
        font-size: 14px !important;
    }
}
/* ==========================================
   MOJE VLAŠIM – MAPA
   ========================================== */

.drts-map-map {
    border: 2px solid #e3e8ed !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.10) !important;
}

/* tlačítka + a − */
.drts-map-map .leaflet-control-zoom {
    border: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
}

.drts-map-map .leaflet-control-zoom a {
    color: #333 !important;
    background: #fff !important;
}

/* po najetí */
.drts-map-map .leaflet-control-zoom a:hover {
    background: #f2f2f2 !important;
}

/* mobil */
@media (max-width: 767px) {
    .drts-map-map {
        border-radius: 12px !important;
    }
}
/* =====================================================
   MOJE VLAŠIM – HLAVNÍ VYHLEDÁVÁNÍ FIREM
   Directories Pro
   ===================================================== */


/* =====================================================
   CELÝ VYHLEDÁVACÍ PANEL
   ===================================================== */

.drts .drts-search-form {
    position: relative;
    z-index: auto;

    background: #ffffff;
    border: 3px solid #ffffff;
    border-radius: 16px;

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);

    overflow: visible;
}


/* =====================================================
   HLAVNÍ ŘÁDEK
   ===================================================== */

.drts .drts-search-form > .drts-row {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;

    margin: 0 !important;
}


/* =====================================================
   ZRUŠENÍ VÝCHOZÍCH MEZER
   ===================================================== */

.drts .drts-search-form .drts-search-form-field {
    padding: 0 !important;
    margin: 0 !important;
}


/* =====================================================
   TEXTOVÁ POLE
   ===================================================== */

.drts .drts-search-form .drts-bs-form-control {
    height: 58px !important;
    min-height: 58px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    font-size: 16px !important;
    color: #142033 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =====================================================
   PRVNÍ POLE – HLEDÁNÍ
   ===================================================== */

.drts .drts-search-form-field-keyword {
    position: relative;

    flex: 1 1 auto !important;
    min-width: 0;

    z-index: 1;
}


/* =====================================================
   IKONY
   ===================================================== */

.drts .drts-search-form .drts-form-field-main > label {
    color: #142033 !important;
    font-size: 17px !important;
}


/* =====================================================
   PLACEHOLDERY
   ===================================================== */

.drts .drts-search-form input::placeholder {
    color: #657286 !important;
    opacity: 1;
}


/* =====================================================
   PEVNÁ LOKALITA – VLAŠIM A OKOLÍ
   ===================================================== */

.drts .drts-search-form-field-location-address {
    position: relative;

    flex: 0 0 32% !important;
    max-width: 32% !important;
    min-height: 58px;

    border-left: 1px solid #e3e7eb;

    display: flex !important;
    align-items: center;

    cursor: default !important;

    z-index: 10;
}


/* původní pole Near... schovat */

.drts .drts-search-form-field-location-address
.drts-bs-form-group {
    visibility: hidden !important;
    pointer-events: none !important;
}


/* pevný text lokality */

.drts .drts-search-form-field-location-address::after {
    content: "📍  Vlašim a okolí";

    position: absolute;

    left: 20px;
    top: 50%;

    transform: translateY(-50%);

    display: block !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;

    color: #142033 !important;

    white-space: nowrap;

    visibility: visible !important;
    opacity: 1 !important;

    z-index: 20;

    pointer-events: none;
}


/* =====================================================
   TLAČÍTKO SEARCH – PC
   ZELENÁ AŽ K VNĚJŠÍMU OKRAJI
   ===================================================== */

.drts .drts-search-form .drts-col-md-2 {
    position: relative;

    flex: 0 0 145px !important;
    max-width: 145px !important;

    padding: 0 !important;

    /*
     * Formulář má 3px bílý border.
     * Záporný margin překryje border nahoře,
     * vpravo i dole zelenou plochou.
     */
    margin: -3px -3px -3px 0 !important;

    background: #079447 !important;

    align-self: stretch;

    border-radius: 0 16px 16px 0 !important;

    overflow: hidden;
}


/* kontejner tlačítka */

.drts .drts-search-form-buttons {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: stretch !important;
}


/* samotné tlačítko */

.drts .drts-search-form-submit {
    width: 100% !important;
    height: 100% !important;
    min-height: 64px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #079447 !important;
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: none !important;

    transition: background .2s ease;
}


/* hover */

.drts .drts-search-form-submit:hover,
.drts .drts-search-form .drts-col-md-2:hover {
    background: #067d3d !important;
    color: #ffffff !important;
}


/* =====================================================
   NAŠEPTÁVAČ
   ===================================================== */

.drts .drts-search-form .twitter-typeahead {
    position: relative !important;

    width: 100% !important;

    z-index: 99999 !important;
}


/* samotná nabídka */

.drts .drts-search-form .tt-menu {
    width: 100% !important;

    margin-top: 8px !important;

    background: #ffffff !important;

    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;

    box-shadow: 0 12px 30px rgba(0, 0, 0, .15) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    z-index: 999999 !important;
}


/* položky našeptávače */

.drts .drts-search-form .tt-menu .tt-suggestion {
    position: relative;

    padding: 11px 16px !important;

    background: #ffffff;

    font-size: 17px !important;
    line-height: 1.4 !important;

    z-index: 1;
}


/* ikona před kategorií */

.drts .drts-search-form .tt-menu .tt-suggestion i {
    font-size: 15px !important;
    margin-right: 7px !important;
}


/* samotný text */

.drts .drts-search-form .tt-menu .tt-suggestion span {
    font-size: 17px !important;
}


/* hover našeptávače */

.drts .drts-search-form .tt-menu .tt-suggestion:hover,
.drts .drts-search-form .tt-menu .tt-suggestion.tt-cursor {
    background: #f1f7f4 !important;
}


/* =====================================================
   KATEGORIE FIRMY – ŠTÍTKY
   ===================================================== */

.directory-listing-categories {
    margin: 6px 0 10px;
}


.directory-listing-categories a {
    display: inline-block;

    background: #eef4e8;
    color: #739623 !important;

    border: 1px solid rgba(115, 150, 35, 0.25);
    border-radius: 20px;

    padding: 5px 12px;
    margin: 2px 5px 2px 0;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;

    text-decoration: none !important;

    transition: all .2s ease;
}


.directory-listing-categories a:hover {
    background: #739623;

    color: #ffffff !important;

    border-color: #739623;

    text-decoration: none !important;
}


/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {

    /* =================================================
       CELÝ FORMULÁŘ
       ================================================= */

    .drts .drts-search-form {
        position: relative;

        padding: 6px;

        border-radius: 16px;

        overflow: visible !important;

        z-index: auto;
    }


    /* =================================================
       JEDNOTLIVÁ POLE POD SEBOU
       ================================================= */

    .drts .drts-search-form > .drts-row {
        display: flex;

        flex-direction: column;
        flex-wrap: nowrap;

        margin: 0 !important;

        overflow: visible !important;
    }


    /* =================================================
       VŠECHNA POLE PŘES CELOU ŠÍŘKU
       ================================================= */

    .drts .drts-search-form-field-keyword,
    .drts .drts-search-form-field-location-address,
    .drts .drts-search-form .drts-col-md-2 {
        flex: 0 0 auto !important;

        width: 100% !important;
        max-width: 100% !important;
    }


    /* =================================================
       HLEDÁNÍ
       ================================================= */

    .drts .drts-search-form-field-keyword {
        position: relative;

        z-index: 2!important;

        overflow: visible !important;
    }


    .drts .drts-search-form .drts-bs-form-control {
        height: 54px !important;
        min-height: 54px !important;
    }


    /* =================================================
       LOKALITA
       ================================================= */

    .drts .drts-search-form-field-location-address {
        min-height: 54px;

        border-left: 0;
        border-top: 1px solid #e3e7eb;

        z-index: 1;
    }


    .drts .drts-search-form-field-location-address::after {
        left: 18px;

        font-size: 15px !important;

        z-index: 20;
    }


    /* =================================================
       TLAČÍTKO – MOBIL
       ================================================= */

    .drts .drts-search-form .drts-col-md-2 {
        flex: 0 0 auto !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 52px;

        margin: 6px 0 0 0 !important;
        padding: 0 !important;

        background: #079447 !important;

        border-radius: 11px !important;

        overflow: hidden;
    }


    .drts .drts-search-form-buttons {
        width: 100% !important;
        height: 52px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .drts .drts-search-form-submit {
        width: 100% !important;

        height: 52px !important;
        min-height: 52px !important;

        margin: 0 !important;
        padding: 0 20px !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: #079447 !important;
        color: #ffffff !important;
    }


    /* =================================================
       MOBILNÍ NAŠEPTÁVAČ
       ================================================= */

    .drts .drts-search-form .twitter-typeahead {
        position: relative !important;

        display: block !important;

        width: 100% !important;

        z-index: 999999 !important;
    }


    .drts .drts-search-form .tt-menu {
        position: absolute !important;

        top: 100% !important;
        left: 0 !important;
        right: auto !important;

        width: 100% !important;

        margin-top: 8px !important;

        background: #ffffff !important;

        border: 1px solid #e5e7eb !important;
        border-radius: 12px !important;

        box-shadow: 0 12px 30px rgba(0, 0, 0, .20) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        max-height: 340px !important;

        z-index: 9999999 !important;
    }


    .drts .drts-search-form .tt-menu .tt-suggestion {
        position: relative;

        background: #ffffff !important;

        padding: 12px 16px !important;

        font-size: 16px !important;
        line-height: 1.4 !important;

        z-index: 1;
    }


    .drts .drts-search-form .tt-menu .tt-suggestion span {
        font-size: 16px !important;
    }


    .drts .drts-search-form .tt-menu .tt-suggestion:hover,
    .drts .drts-search-form .tt-menu .tt-suggestion.tt-cursor {
        background: #f1f7f4 !important;
    }
}
/* ==========================================
   MOJE VLAŠIM – VÝPIS FIREM / SUMMARY
   ========================================== */

/* Celá karta */
.drts-display--summary {
    background: #ffffff;
    border: 1px solid #e4e8ec;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    margin-bottom: 22px;
}

.drts-display--summary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* ==========================================
   FOTOGRAFIE
   ========================================== */

.drts-display--summary .directory-listing-photo {
    overflow: hidden;
    border-radius: 12px;
}

.drts-display--summary .directory-listing-photo img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.drts-display--summary .directory-listing-photo:hover img {
    transform: scale(1.04);
}


/* ==========================================
   NÁZEV FIRMY
   ========================================== */

.drts-display--summary .directory-listing-title {
    margin-bottom: 7px;
    line-height: 1.25;
}

.drts-display--summary .directory-listing-title,
.drts-display--summary .directory-listing-title a {
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #142033 !important;
    text-decoration: none !important;
}

.drts-display--summary .directory-listing-title a:hover {
    color: #66952e !important;
}


/* ==========================================
   KATEGORIE
   ========================================== */

.drts-display--summary .directory-listing-category {
    margin-bottom: 10px;
}

.drts-display--summary .directory-listing-category a {
    display: inline-block;
    color: #66952e !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.drts-display--summary .directory-listing-category a:hover {
    text-decoration: underline;
}


/* ==========================================
   KONTAKTNÍ INFORMACE
   ========================================== */

.drts-display--summary .directory-listing-contact-info {
    font-size: 15px;
    line-height: 1.6;
    color: #53606d;
    margin-top: 8px;
}

.drts-display--summary .directory-listing-contact-info a {
    color: #394552;
    text-decoration: none;
}

.drts-display--summary .directory-listing-contact-info a:hover {
    color: #66952e;
}


/* ==========================================
   TLAČÍTKO DETAIL FIRMY
   ========================================== */

.drts-display--summary .directory-listing-button {
    margin-top: 15px;
}

.drts-display--summary .directory-listing-button a,
.drts-display--summary .directory-listing-button .drts-bs-btn {
    background: #66952e !important;
    border-color: #66952e !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 9px 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.drts-display--summary .directory-listing-button a:hover,
.drts-display--summary .directory-listing-button .drts-bs-btn:hover {
    background: #557d27 !important;
    border-color: #557d27 !important;
    color: #ffffff !important;
}


/* ==========================================
   MOBIL – JEDNA KARTA NA ŘÁDEK
   ========================================== */

@media (max-width: 767px) {

    /* každý záznam přes celou šířku */
    .drts-display--summary {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 18px !important;
    }

    /* sloupce pod sebe */
    .drts-display--summary .drts-bs-row {
        display: block !important;
    }

    .drts-display--summary [class*="drts-bs-col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* fotografie přes celou šířku */
    .drts-display--summary .directory-listing-photo {
        width: 100%;
        margin-bottom: 14px;
    }

    .drts-display--summary .directory-listing-photo img {
        width: 100%;
        height: 210px;
        object-fit: cover;
    }

    /* název */
    .drts-display--summary .directory-listing-title,
    .drts-display--summary .directory-listing-title a {
        font-size: 20px !important;
    }

    /* kontakt */
    .drts-display--summary .directory-listing-contact-info {
        font-size: 15px;
    }

    /* tlačítko */
    .drts-display--summary .directory-listing-button a,
    .drts-display--summary .directory-listing-button .drts-bs-btn {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 11px 15px !important;
    }
}
/* ==========================================================
   MOJE VLAŠIM – EXTRA KOMPAKTNÍ KARTY
   Directories Pro / Summary
   ========================================================== */


/* ==========================================================
   1. CELÁ KARTA
   ========================================================== */

.drts-display--summary {
    background: #ffffff;
    border: 1px solid #e6e9ec;
    border-radius: 11px;
    overflow: hidden;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

    padding: 0 !important;
    margin: 0 !important;

    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
}


/* ==========================================================
   2. NÁZEV FIRMY
   ========================================================== */

.drts-display--summary
.drts-display-element-entity_field_post_title-1 {
    padding: 8px 10px 2px 10px !important;
    margin: 0 !important;
}

.drts-display--summary
.drts-display-element-entity_field_post_title-1,
.drts-display--summary
.drts-display-element-entity_field_post_title-1 a {
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;

    color: #172333 !important;
    text-decoration: none !important;
}

.drts-display--summary
.drts-display-element-entity_field_post_title-1 a:hover {
    color: #679d27 !important;
}


/* ==========================================================
   3. KATEGORIE
   ========================================================== */

.drts-display--summary
.drts-display-element-entity_field_directory_category-1 {
    padding: 0 10px 5px 10px !important;
    margin: 0 !important;
}

.drts-display--summary
.drts-display-element-entity_field_directory_category-1 a {
    display: inline-block;

    background: #f1f7e8 !important;
    border: 1px solid #cbdcab !important;
    color: #659329 !important;

    border-radius: 15px !important;

    padding: 2px 6px !important;
    margin: 1px 2px 1px 0 !important;

    font-size: 10px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;

    text-decoration: none !important;
}

.drts-display--summary
.drts-display-element-entity_field_directory_category-1 a:hover {
    background: #679d27 !important;
    border-color: #679d27 !important;
    color: #ffffff !important;
}


/* ==========================================================
   4. BLOK FOTO + KONTAKT
   ========================================================== */

.drts-display--summary
.drts-display-element-columns {
    margin: 0 !important;
}


/* ==========================================================
   5. FOTOGRAFIE – ČTVEREC 1:1
   ========================================================== */

.drts-display--summary
.directory-listing-photo {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    aspect-ratio: 1 / 1 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 7px !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


.drts-display--summary
.directory-listing-photo > div {
    width: 100% !important;

    aspect-ratio: 1 / 1 !important;

    height: auto !important;
    min-height: 0 !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
}


.drts-display--summary
.directory-listing-photo > a {
    display: block !important;

    width: 100% !important;

    aspect-ratio: 1 / 1 !important;

    height: auto !important;
    min-height: 0 !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
}


/* ==========================================================
   6. KONTAKTNÍ INFORMACE
   ========================================================== */

.drts-display--summary
.directory-listing-contact-info {
    margin: 0 !important;

    padding: 0 7px 0 7px !important;

    font-size: 11px !important;
    line-height: 1.25 !important;

    color: #56616d !important;

    overflow-wrap: anywhere;
}

.drts-display--summary
.directory-listing-contact-info > * {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
}

.drts-display--summary
.directory-listing-contact-info i {
    color: #526779 !important;
    margin-right: 3px !important;
}

.drts-display--summary
.directory-listing-contact-info a {
    color: #354554 !important;
    text-decoration: none !important;
}

.drts-display--summary
.directory-listing-contact-info a:hover {
    color: #679d27 !important;
}


/* ==========================================================
   7. TLAČÍTKO DETAIL FIRMY
   ========================================================== */

.drts-display--summary
.drts-display-element-button {
    padding: 5px 10px 7px 10px !important;

    margin-top: auto !important;
    margin-bottom: 0 !important;
}

.drts-display--summary
.drts-display-element-button .drts-bs-btn {
    background: #679d27 !important;
    border: 1px solid #679d27 !important;
    color: #ffffff !important;

    border-radius: 5px !important;

    padding: 5px 9px !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    box-shadow: none !important;

    text-decoration: none !important;
}

.drts-display--summary
.drts-display-element-button .drts-bs-btn:hover {
    background: #527f1e !important;
    border-color: #527f1e !important;
    color: #ffffff !important;
}


/* ==========================================================
   8. PC – EXTRA KOMPAKTNÍ
   ========================================================== */

@media (min-width: 768px) {

    /* stejné výšky karet */

    .drts .drts-bs-row {
        align-items: stretch !important;
    }


    .drts .drts-bs-row > [class*="drts-bs-col"] {
        display: flex !important;
        flex-direction: column !important;
    }


    .drts .drts-bs-row > [class*="drts-bs-col"] > .drts-display {
        flex: 1 1 auto !important;

        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
    }


    .drts .drts-bs-row > [class*="drts-bs-col"]
    .drts-display--summary {
        flex: 1 1 auto !important;

        width: 100% !important;
        height: 100% !important;
    }


    /* ------------------------------------------
       NÁZEV
       menší rezervovaná výška
       ------------------------------------------ */

    .drts-display--summary
    .drts-display-element-entity_field_post_title-1 {
        min-height: 34px !important;
    }


    /* ------------------------------------------
       KATEGORIE
       ------------------------------------------ */

    .drts-display--summary
    .drts-display-element-entity_field_directory_category-1 {
        min-height: 23px !important;
    }


    /* ------------------------------------------
       KONTAKTY
       ------------------------------------------ */

    .drts-display--summary
    .directory-listing-contact-info {
        font-size: 11px !important;
        line-height: 1.22 !important;
    }


    /* ------------------------------------------
       TLAČÍTKO VŽDY DOLE
       ------------------------------------------ */

    .drts-display--summary
    .drts-display-element-button {
        margin-top: auto !important;
    }
}


/* ==========================================================
   9. MOBIL
   PONECHÁVÁME VĚTŠÍ A DOBŘE ČITELNÝ
   ========================================================== */

@media (max-width: 767px) {

    .drts-display--summary {
        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 0 14px 0 !important;

        border-radius: 12px !important;

        display: block !important;
    }


    /* NÁZEV */

    .drts-display--summary
    .drts-display-element-entity_field_post_title-1 {
        padding: 13px 12px 4px 12px !important;

        min-height: 0 !important;
    }

    .drts-display--summary
    .drts-display-element-entity_field_post_title-1,
    .drts-display--summary
    .drts-display-element-entity_field_post_title-1 a {
        font-size: 18px !important;
        line-height: 1.25 !important;
    }


    /* KATEGORIE */

    .drts-display--summary
    .drts-display-element-entity_field_directory_category-1 {
        padding: 2px 12px 10px 12px !important;

        min-height: 0 !important;
    }

    .drts-display--summary
    .drts-display-element-entity_field_directory_category-1 a {
        font-size: 12px !important;

        padding: 3px 8px !important;
        margin: 1px 3px 1px 0 !important;
    }


    /* FOTO */

    .drts-display--summary
    .directory-listing-photo,
    .drts-display--summary
    .directory-listing-photo > div,
    .drts-display--summary
    .directory-listing-photo > a {

        width: 100% !important;

        aspect-ratio: 1 / 1 !important;

        height: auto !important;
        min-height: 0 !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        overflow: hidden !important;

        border-radius: 8px !important;
    }


    /* KONTAKT */

    .drts-display--summary
    .directory-listing-contact-info {
        padding: 0 10px 4px 10px !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        overflow-wrap: anywhere;
    }

    .drts-display--summary
    .directory-listing-contact-info > * {
        margin-bottom: 7px !important;
    }


    /* TLAČÍTKO */

    .drts-display--summary
    .drts-display-element-button {
        padding: 10px 12px 13px 12px !important;

        margin-top: 0 !important;
    }

    .drts-display--summary
    .drts-display-element-button .drts-bs-btn {
        padding: 8px 13px !important;

        font-size: 13px !important;

        border-radius: 7px !important;
    }
}


/* ==========================================================
   10. VELMI MALÉ MOBILY
   ========================================================== */

@media (max-width: 360px) {

    .drts-display--summary
    .drts-display-element-entity_field_post_title-1,
    .drts-display--summary
    .drts-display-element-entity_field_post_title-1 a {
        font-size: 17px !important;
    }

    .drts-display--summary
    .directory-listing-contact-info {
        font-size: 12px !important;
        line-height: 1.4 !important;

        padding-left: 8px !important;
        padding-right: 7px !important;
    }
}
/* MOJE VLAŠIM -ikonou */
.banner1 {
    background-color: #E4F1FD;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner2 {
    background-color: #f5d7d7;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner3 {
    background-color: #DEEDD4;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner4 {
    background-color: #EFE1CD;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner5 {
    background-color: #EADCF9;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner6{
    background-color: #D4E9C5;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner7 {
    background-color: #E0F9F3;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner8 {
    background-color: #F0E7DA;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner9 {
    background-color: #DAE5F0;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner10 {
    background-color: #F9DCED;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner11 {
    background-color: #F2FFE8;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
.banner12 {
    background-color: #ececec;
    padding: 5px;
    border-radius: 10px;

    width: 100%;
    aspect-ratio: 1 / 1;

    box-sizing: border-box;
    overflow: hidden;
}
/* =====================================================
   MOJE VLAŠIM – KATEGORIE / BANNERY 1–12
   ===================================================== */

.banner1,
.banner2,
.banner3,
.banner4,
.banner5,
.banner6,
.banner7,
.banner8,
.banner9,
.banner10,
.banner11,
.banner12 {

    /* Zarovnání celého obsahu doprostřed */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;

    /* Vzhled */
    border-radius: 18px;
    box-sizing: border-box;

    /* Jemný základní stín */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.14);

    /* Výchozí pozice */
    transform: translateY(0);

    /* Plynulá animace */
    transition:
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* =====================================================
   HOVER – POUZE ZAŘÍZENÍ S MYŠÍ
   ===================================================== */

@media (hover: hover) and (pointer: fine) {

    .banner1:hover,
    .banner2:hover,
    .banner3:hover,
    .banner4:hover,
    .banner5:hover,
    .banner6:hover,
    .banner7:hover,
    .banner8:hover,
    .banner9:hover,
    .banner10:hover,
    .banner11:hover,
    .banner12:hover {
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
        transform: translateY(-3px);
    }
}


/* =====================================================
   MENŠÍ MEZERA MEZI IKONOU A NADPISEM
   Ultimate Addons / WPBakery
   ===================================================== */

.top-icon .aio-icon {
    margin-bottom: 5px !important;
}

.top-icon .aio-icon-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.top-icon .aio-icon-header h3,
.top-icon .aio-icon-header h4 {
    margin-top: 5px !important;
}


/* =====================================================
   MOBIL – DO 767 PX
   Automatická výška dlaždic
   ===================================================== */

@media (max-width: 767px) {

    .banner1,
    .banner2,
    .banner3,
    .banner4,
    .banner5,
    .banner6,
    .banner7,
    .banner8,
    .banner9,
    .banner10,
    .banner11,
    .banner12 {

        /* Celá dostupná šířka */
        width: 100% !important;

        /* Zrušení čtvercového poměru */
        aspect-ratio: auto !important;

        /* Výška podle obsahu */
        height: auto !important;
        min-height: 0 !important;

        /* Prostor uvnitř dlaždice */
        padding: 25px 20px !important;

        /* Zachování vystředění */
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center;

        border-radius: 18px;
        box-sizing: border-box;
    }
}
/* =====================================================
   MOJE VLAŠIM – SEZNAM KATEGORIÍ
   Odsazení seznamu od horního menu
   ===================================================== */

#drts-content .drts-view-entities-container-list {
    padding-top: 40px !important;
    box-sizing: border-box;
}
/* Zarovnání na střed */
/* Kompletní vystředění obsahu */
.stred {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
/* =====================================================
   MOJE VLAŠIM – HERO SLIDESHOW
   1 → 2 → 3 → HERO1 → STOP
   ===================================================== */

.heros {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    /* První obrázek jako pojistka */
    background-image: url('https://mojevlasim.cz/nova/wp-content/uploads/2026/10/vlasim_nova0.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* =====================================================
   OBRÁZKOVÉ VRSTVY
   ===================================================== */

.heros .vlasim-hero-slide {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    opacity: 0;

    transition: opacity 0.8s ease-in-out !important;

    pointer-events: none !important;

    z-index: 0;
}


/* =====================================================
   OBSAH HERO NAD OBRÁZKY
   ===================================================== */

.heros > .vc_column_container,
.heros > .wpb_column,
.heros > .vc_col-sm-12 {
    position: relative !important;
    z-index: 10 !important;
}


/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {

    .heros,
    .heros .vlasim-hero-slide {
        background-position: center center !important;
    }

}
.odkaz_menu a{
    color: #127F38 !important;
	font-weight: 600;
}