/*
 * Colostok márka-testreszabás a CookieConsent 3.0.1-hez.
 * A vendor cookieconsent.css UTÁN kell betölteni (_TrackingScripts.cshtml).
 *
 * Méretadatokat (border: 1px, min-height: 42px, font-size: .82em, padding)
 * szándékosan NEM írunk felül: a vendor ugyanazt adja az elfogadás és az
 * elutasítás gombnak, így a kettő mérete magától bitre azonos marad.
 * A .cm__btn-group eleve "grid, minmax(0,1fr)", tehát a kezdő sávon a két
 * gomb egyenlő szélességű – ezért a rácsot sem bántjuk.
 */

:root {
    --colostok-green: #009879;
    --colostok-green-dark: #00755e;
    /* "Összes elfogadása" – kitöltött márkazöld (azonos a logó / CTA zölddel) */
    --cc-btn-primary-bg: #009879;
    --cc-btn-primary-border-color: #009879;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-hover-bg: #00755e;
    --cc-btn-primary-hover-border-color: #00755e;
    --cc-btn-primary-hover-color: #fff;
    --cc-link-color: #009879;
    --cc-toggle-on-bg: #009879;
}

/*
 * Azonos vizuális súlyú második gomb, zöld kontúros stílusban:
 *   kezdő sáv -> "Cookiek kezelése"   (data-role="show")
 *   modal     -> "Összes elutasítása" (data-role="necessary")
 * Nem halványabb és nem kisebb, csak kitöltés helyett kontúr.
 */
#cc-main .cm__btn[data-role="show"],
#cc-main .pm__btn[data-role="necessary"] {
    background: transparent;
    border-color: #009879;
    color: #009879;
}

    #cc-main .cm__btn[data-role="show"]:hover,
    #cc-main .pm__btn[data-role="necessary"]:hover {
        background: #009879;
        border-color: #009879;
        color: #fff;
    }

/*
 * "Beállítások mentése" marad semleges, harmadik gombként: a vendor
 * .pm__btn--secondary (szürke) stílusát kapja, azt itt nem írjuk felül.
 */

/* Lábléc "Cookie beállítások" link – örökölje a lábléc színét. */
.colostok-cookie-prefs {
    cursor: pointer;
}