/* BattleShipGame.net - motyw dla vanilla-cookieconsent 3.1.0 (granat + złoto, EB Garamond / Pirata One) */
#cc-main {
    --cc-font-family: 'EB Garamond', Georgia, serif;
    --cc-bg: #0d1f38;
    --cc-primary-color: #f2f2f2;
    --cc-secondary-color: #a9c7e2;
    --cc-link-color: #ffcf0a;

    --cc-btn-primary-bg: #e0b22a;
    --cc-btn-primary-color: #2a1a08;
    --cc-btn-primary-border-color: #a87a10;
    --cc-btn-primary-hover-bg: #ffcf0a;
    --cc-btn-primary-hover-color: #2a1a08;
    --cc-btn-primary-hover-border-color: #e0b22a;

    --cc-btn-secondary-bg: rgba(169, 199, 226, .08);
    --cc-btn-secondary-color: #cfe0f0;
    --cc-btn-secondary-border-color: rgba(169, 199, 226, .35);
    --cc-btn-secondary-hover-bg: rgba(169, 199, 226, .18);
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: rgba(169, 199, 226, .6);
    --cc-btn-border-radius: 6px;

    --cc-separator-border-color: rgba(169, 199, 226, .15);
    --cc-toggle-on-bg: #e0b22a;
    --cc-toggle-off-bg: #4a5d75;
    --cc-toggle-on-knob-bg: #fff;
    --cc-toggle-off-knob-bg: #fff;
    --cc-toggle-enabled-icon-color: #2a1a08;
    --cc-toggle-disabled-icon-color: #4a5d75;
    --cc-toggle-readonly-bg: #2b4363;
    --cc-toggle-readonly-knob-bg: #8aa9c6;
    --cc-toggle-readonly-knob-icon-color: #2b4363;

    --cc-section-category-border: rgba(169, 199, 226, .12);
    --cc-cookie-category-block-bg: rgba(9, 22, 40, .6);
    --cc-cookie-category-block-border: rgba(169, 199, 226, .12);
    --cc-cookie-category-block-hover-bg: rgba(23, 45, 74, .9);
    --cc-cookie-category-block-hover-border: rgba(169, 199, 226, .25);
    --cc-cookie-category-expanded-block-bg: rgba(9, 22, 40, .4);
    --cc-cookie-category-expanded-block-hover-bg: rgba(23, 45, 74, .7);

    --cc-overlay-bg: rgba(0, 0, 0, .75);
    --cc-webkit-scrollbar-bg: #2b4363;
    --cc-webkit-scrollbar-hover-bg: #e0b22a;
    --cc-footer-bg: #08142a;
    --cc-footer-color: #8aa9c6;
    --cc-footer-border-color: rgba(169, 199, 226, .12);
    --cc-modal-border-radius: 10px;
}

/* ramka w stylu stopki: złota linia u góry, ciemny gradient */
#cc-main .cm,
#cc-main .pm {
    background: linear-gradient(180deg, #13294a 0%, #0b1a30 100%);
    border: 1px solid rgba(224, 178, 42, .35);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 230, 138, .15);
    font-size: 17px;
}
#cc-main .cm::before,
#cc-main .pm::before {
    content: '';
    display: block;
    height: 3px;
    background: linear-gradient(90deg, #a87a10 0%, #e0b22a 25%, #ffe68a 50%, #e0b22a 75%, #a87a10 100%);
    border-radius: 10px 10px 0 0;
}

/* nagłówki czcionką pirata jak w stopce */
#cc-main .cm__title,
#cc-main .pm__title {
    font-family: 'Pirata One', cursive;
    font-weight: normal;
    font-size: 1.7em;
    letter-spacing: .04em;
    color: #ffcf0a;
}
#cc-main .pm__section-title {
    font-weight: 600;
    font-size: 1.05em;
}
#cc-main .cm__desc,
#cc-main .pm__section-desc {
    font-size: 1em;
    line-height: 1.45;
}

/* przyciski: złoty "Zaakceptuj wszystkie" z cieniem tekstu jak .btn-new.btn-warning */
#cc-main .cm__btn,
#cc-main .pm__btn {
    font-family: 'EB Garamond', Georgia, serif;
    font-size: 1.05em;
    font-weight: 600;
    letter-spacing: .02em;
    padding: .7em 1.6em;
    transition: background-color .15s, border-color .15s, color .15s, filter .15s;
}
#cc-main .cm__btn:not(.cm__btn--secondary),
#cc-main .pm__btn:not(.pm__btn--secondary) {
    background-image: linear-gradient(180deg, #ffe68a 0%, #e0b22a 45%, #a87a10 100%);
    text-shadow: 0 1px 0 #ffe68a;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
}
#cc-main .cm__btn:not(.cm__btn--secondary):hover,
#cc-main .pm__btn:not(.pm__btn--secondary):hover {
    filter: saturate(1.1) brightness(1.1);
}

#cc-main .cc__link,
#cc-main a {
    color: #ffcf0a;
}
#cc-main .cc__link:hover,
#cc-main a:hover {
    color: #ffe68a;
}

/* przełączniki */
#cc-main .section__toggle:checked ~ .toggle__icon {
    box-shadow: 0 0 0 1px #a87a10;
}

/* kompaktowy baner (2026-11-12) - mały box w prawym dolnym rogu */
#cc-main .cm--box {
    max-width: 21rem;
    font-size: 15px;
}
#cc-main .cm--box .cm__body { padding: 0; }
#cc-main .cm--box .cm__texts { padding: .9rem 1.1rem .4rem; }
#cc-main .cm--box .cm__title {
    font-size: 1.35em;
    margin-bottom: .3em;
    padding: 0;
}
#cc-main .cm--box .cm__desc {
    font-size: .95em;
    line-height: 1.35;
    padding: 0;
    margin: 0;
    max-height: none;
}
#cc-main .cm--box .cm__btns {
    padding: .7rem 1.1rem .9rem;
    border-top: 0;
}
#cc-main .cm--box .cm__btn-group { gap: .5rem; flex-direction: row; display: flex; }
#cc-main .cm--box .cm__btn {
    font-size: .95em;
    padding: .45em .9em;
    min-width: 0;
    margin: 0 !important;
    flex: 1 1 auto;
}
#cc-main .cm--box .cm__btn--secondary { flex: 0 0 auto; }
#cc-main { --cc-modal-margin: 1.25rem; }
#cc-main .cm--box .cm__btns {
    display: flex;
    flex-direction: row;
    gap: .5rem;
}
#cc-main .cm--box .cm__btn-group { flex: 1 1 auto; padding: 0; }
#cc-main .cm--box .cm__btn-group + .cm__btn-group { flex: 0 0 auto; }
#cc-main .cm--box .cm__btn + .cm__btn { margin: 0; }

/* kompaktowe okno ustawień (2026-11-12) */
#cc-main .pm--box {
    max-width: 30rem;
    height: auto;
    max-height: 85vh;
    font-size: 16px;
}
#cc-main .pm__header { padding: .8rem 1.1rem; }
#cc-main .pm__title { font-size: 1.4em; }
#cc-main .pm__close-btn { width: 34px; height: 34px; }
#cc-main .pm__body { padding: .8rem 1.1rem; }
#cc-main .pm__section { padding: .6rem .9rem; }
#cc-main .pm__section--toggle { padding: 0; }
#cc-main .pm__section--toggle .pm__section-title { padding-top: .6rem; padding-bottom: .6rem; min-height: 0; }
#cc-main .pm__section:not(:first-child) { margin-top: .5rem; }
#cc-main .pm__section-title { font-size: .98em; }
#cc-main .pm__section-desc { font-size: .92em; line-height: 1.35; }
#cc-main .pm__section-desc-wrapper { padding-top: .4rem; }
#cc-main .pm__footer { padding: .7rem 1.1rem; }
#cc-main .pm__btn { font-size: .95em; padding: .45em 1em; min-width: 0; }