/**
 * S60 Consent — skin NoGames (CR-024) pro orestbida/cookieconsent v3.
 * Podle s60-cms/sites/nogames/navrh/stranky/komponenty.html: tmavý pruh dole přes celou šířku,
 * dvě stejně výrazná krémová tlačítka, odkaz „Nastavení cookies" pod textem, hranaté rohy.
 */

#cc-main {
    --cc-font-family: 'Albert Sans', system-ui, sans-serif;
    --cc-bg: #2F373B;
    --cc-primary-color: #FFF9E6;
    --cc-secondary-color: rgba(255, 249, 230, 0.85);
    --cc-link-color: #FFF9E6;

    /* Odmítnout vše i Přijmout vše — stejná váha (equalWeightButtons) */
    --cc-btn-primary-bg: #FFF9E6;
    --cc-btn-primary-color: #2F373B;
    --cc-btn-primary-border-color: #FFF9E6;
    --cc-btn-primary-hover-bg: #5BBDB4;
    --cc-btn-primary-hover-color: #2F373B;
    --cc-btn-primary-hover-border-color: #5BBDB4;
    --cc-btn-secondary-bg: #FFF9E6;
    --cc-btn-secondary-color: #2F373B;
    --cc-btn-secondary-border-color: #FFF9E6;
    --cc-btn-secondary-hover-bg: #5BBDB4;
    --cc-btn-secondary-hover-color: #2F373B;
    --cc-btn-secondary-hover-border-color: #5BBDB4;

    --cc-toggle-on-bg: #5BBDB4;
    --cc-toggle-off-bg: #5F686D;
    --cc-toggle-on-knob-bg: #FFF9E6;
    --cc-toggle-off-knob-bg: #FFF9E6;
    --cc-toggle-enabled-icon-color: #2F373B;
    --cc-toggle-disabled-icon-color: #5F686D;
    --cc-toggle-readonly-bg: #3A4348;
    --cc-toggle-readonly-knob-bg: #FFF9E6;
    --cc-toggle-readonly-knob-icon-color: #3A4348;

    --cc-cookie-category-block-bg: #3A4348;
    --cc-cookie-category-block-border: #3A4348;
    --cc-cookie-category-block-hover-bg: #424C51;
    --cc-cookie-category-block-hover-border: #5BBDB4;
    --cc-cookie-category-expanded-block-bg: #3A4348;
    --cc-cookie-category-expanded-block-hover-bg: #424C51;

    --cc-separator-border-color: rgba(255, 249, 230, 0.15);
    --cc-section-category-border: rgba(255, 249, 230, 0.15);
    --cc-footer-bg: #2F373B;
    --cc-footer-color: rgba(255, 249, 230, 0.72);
    --cc-footer-border-color: rgba(255, 249, 230, 0.15);

    --cc-btn-border-radius: 0;
    --cc-modal-border-radius: 0;
    --cc-pm-toggle-border-radius: 20px;
    --cc-overlay-bg: rgba(47, 55, 59, 0.6);
    --cc-webkit-scrollbar-bg: #5F686D;
    --cc-webkit-scrollbar-hover-bg: #5BBDB4;
}

#cc-main .cm--bar {
    box-shadow: 0 -10px 34px rgba(47, 55, 59, 0.18);
}

/* Odsazení od okrajů obrazovky (návrh: 36 px, na mobilu 20 px) */
#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
    box-sizing: border-box;
    padding-left: 36px !important;
    padding-right: 36px !important;
}
@media (max-width: 640px) {
    #cc-main .cm--bar .cm__body,
    #cc-main .cm--bar .cm__links {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
    color: #FFF9E6;
    font-weight: 600;
}

#cc-main .cm__title { font-size: 18px; }
#cc-main .cm__desc { font-size: 15px; line-height: 1.55; }

/* Knihovna omezuje blok tlačítek na 368 px — na dvě tlačítka po 190 px nestačí */
#cc-main .cm--bar .cm__btns {
    max-width: none !important;
}

/* Dvě tlačítka v mřížce o stejných sloupcích — stejná šířka bez ohledu na délku textu.
   Pořadí Odmítnout | Přijmout dělá flipButtons (Přijmout je v DOM první, mřížka ho dá do 2. sloupce). */
#cc-main .cm--bar .cm__btn-group {
    /* knihovna na úzkém displeji vynucuje flex pod sebou (!important) */
    display: grid !important;
    flex-direction: initial !important;
    grid-template-columns: repeat(2, minmax(190px, 1fr));
    grid-auto-flow: row;
    gap: 12px;
}
#cc-main .cm--bar .cm__btn,
#cc-main .cm--bar .cm__btn + .cm__btn {
    min-width: 0;
    margin: 0 !important; /* knihovna dává flip tlačítkům okraj silnějším selektorem */
    padding: 15px 24px;
    font-size: 16px;
    font-weight: 600;
}
#cc-main .pm__btn {
    padding: 15px 24px;
    font-size: 16px;
    font-weight: 600;
}

/* Šipky u kategorií v okně nastavení — světlé na tmavém */
#cc-main .pm__section-arrow {
    background: transparent;
}
#cc-main .pm__section-arrow svg {
    stroke: #FFF9E6;
}

#cc-main a.cc-nastaveni {
    display: inline-block;
    margin-top: 8px;
    color: #FFF9E6;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#cc-main .cm a:focus-visible,
#cc-main .pm a:focus-visible,
#cc-main .cm__btn:focus-visible,
#cc-main .pm__btn:focus-visible {
    outline: 2px solid #5BBDB4;
    outline-offset: 2px;
}

/* Mobil: tlačítka vedle sebe ve dvou stejných sloupcích (návrh „Cookie lišta · mobil") */
@media (max-width: 640px) {
    #cc-main .cm--bar .cm__btn-group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    #cc-main .cm--bar .cm__btns {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #cc-main .cm--bar .cm__btn,
    #cc-main .cm--bar .cm__btn + .cm__btn {
        min-height: 48px;
        padding: 12px 8px;
        white-space: nowrap;
    }
}