/*
   Cookie lišta se souhlasem + souhlas s načtením mapy (Google Maps).

   Vlastní lehké řešení bez pluginu. Jeden společný stav souhlasu: dokud není
   udělen, externí obsah (mapa Google na kontaktu) se nenačítá a místo něj je
   placeholder. Souhlas lze dát v liště ("Souhlasím") i u mapy ("Načíst mapu").
   Logika je v js/consent.js.
*/

/* ==========================================================================
   Cookie lišta se souhlasem
   ========================================================================== */
.dbs-cookie-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    box-sizing: border-box;
    padding: 16px 20px;
    background-color: #fff;
    border-top: 3px solid #589023;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .12);
    color: #6c6c6c;
    font-size: 14px;
    line-height: 1.5;
}

.dbs-cookie-bar[hidden] {
    display: none;
}

.dbs-cookie-bar-inner {
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.dbs-cookie-bar-text {
    margin: 0;
    flex: 1 1 320px;
}

.dbs-cookie-bar-text a {
    color: #589023;
    text-decoration: underline;
}

.dbs-cookie-bar-actions {
    flex: 0 0 auto;
    display: flex;
    gap: 10px;
}

.dbs-cookie-bar-accept,
.dbs-cookie-bar-reject {
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #589023;
    border-radius: 25px;
    padding: 8px 26px;
    font: inherit;
    line-height: 1.4;
    white-space: nowrap;
}

.dbs-cookie-bar-accept {
    background-color: #589023;
    color: #fff;
}

.dbs-cookie-bar-accept:hover,
.dbs-cookie-bar-accept:focus {
    background-color: #fff;
    color: #589023;
}

.dbs-cookie-bar-reject {
    background-color: #fff;
    color: #589023;
}

.dbs-cookie-bar-reject:hover,
.dbs-cookie-bar-reject:focus {
    background-color: #589023;
    color: #fff;
}

@media (max-width: 600px) {
    .dbs-cookie-bar {
        padding: 14px 16px;
        font-size: 13px;
    }
    /* Vše pod sebe – brání horizontálnímu přetečení (roztažení viewportu na iOS). */
    .dbs-cookie-bar-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .dbs-cookie-bar-text {
        flex: none;
    }
    /* column-reverse: primární „Souhlasím" zůstává nahoře, DOM pořadí beze změny. */
    .dbs-cookie-bar-actions {
        width: 100%;
        flex-direction: column-reverse;
        gap: 10px;
    }
}

/* ==========================================================================
   Souhlas s načtením mapy (placeholder místo iframe Google Maps)
   Výška kopíruje rozměry iframe z responsive.css (427 / 320 / 240 px).
   ========================================================================== */
.dbs-map-consent {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 427px;
    padding: 30px 20px;
    background-color: #eef4e7;
    text-align: center;
}

.dbs-map-consent-inner {
    max-width: 460px;
}

.dbs-map-consent-text {
    margin: 0 0 18px 0;
    color: #6c6c6c;
    font-size: 15px;
    line-height: 1.5;
}

.dbs-map-consent .button {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 8px 26px;
}

@media (max-width: 980px) {
    .dbs-map-consent {
        height: 320px;
    }
}

@media (max-width: 600px) {
    .dbs-map-consent {
        height: 240px;
        padding: 20px 16px;
    }
    .dbs-map-consent-text {
        font-size: 14px;
    }
}