/* EL-SKLEP – okienko zgody na ciasteczka (moduł elgoogle, 2026-11-06). Kolory i zaokrąglenia z motywu elsklep. */
.el-zgody[hidden] { display: none !important; }
.el-zgody {
    /* nad nagłówkiem (1000) i przyciskiem „w górę” (1100), pod oknami Bootstrapa i szufladą menu (niżej) */
    position: fixed; z-index: 1200; left: 16px; right: 16px; bottom: 16px;
    display: flex; justify-content: center; pointer-events: none;
}
/* otwarte okno Bootstrapa (arkusz „Dodano do koszyka”, galeria) albo szuflada menu: okienko chowa się pod ich tło */
body.modal-open .el-zgody, body.el-drawer-open .el-zgody { z-index: 990; }
.el-zgody__in {
    pointer-events: auto; width: 100%; max-width: 720px; box-sizing: border-box;
    max-height: calc(100vh - 32px); overflow-y: auto; overscroll-behavior: contain;
    background: #fff; color: #1d2b25; border-radius: 18px; padding: 18px 20px;
    box-shadow: 0 18px 48px rgba(10, 40, 28, .22); border: 1px solid var(--g-100, #D3EFE2);
}
.el-zgody__in:focus { outline: none; }
.el-zgody__in:focus-visible { outline: 3px solid var(--g-neon, #22C989); outline-offset: 2px; }
.el-zgody__tytul { margin: 0 0 6px; font-weight: 700; font-size: 1rem; }
.el-zgody__tekst { margin: 0 0 14px; font-size: .88rem; line-height: 1.5; }
.el-zgody__tekst a { color: var(--g-deep, #0B6E47); text-decoration: underline; }
.el-zgody__przyciski { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.el-zgody__btn {
    min-width: 140px; padding: 10px 20px; border-radius: 12px; font-weight: 700; font-size: .92rem;
    cursor: pointer; border: 2px solid var(--g-deep, #0B6E47); transition: background .15s, color .15s;
}
/* obie decyzje tak samo widoczne – „Odrzuć” nie jest schowana ani mniejsza */
.el-zgody__btn--nie { background: #fff; color: var(--g-deep, #0B6E47); }
.el-zgody__btn--nie:hover, .el-zgody__btn--nie:focus-visible { background: var(--g-50, #ECF8F2); }
.el-zgody__btn--tak { background: var(--g-deep, #0B6E47); color: #fff; }
.el-zgody__btn--tak:hover, .el-zgody__btn--tak:focus-visible { background: var(--g-dark, #0E7A4F); }
.el-zgody__btn:focus-visible { outline: 3px solid var(--g-neon, #22C989); outline-offset: 2px; }

html[data-el-theme="dark"] .el-zgody__in { background: #141c1a; color: #e6efeb; border-color: rgba(34, 201, 137, .25); }
html[data-el-theme="dark"] .el-zgody__tekst a { color: var(--g-neon, #22C989); }
html[data-el-theme="dark"] .el-zgody__btn--nie { background: transparent; color: var(--g-neon, #22C989); border-color: var(--g-neon, #22C989); }
html[data-el-theme="dark"] .el-zgody__btn--nie:hover,
html[data-el-theme="dark"] .el-zgody__btn--nie:focus-visible { background: rgba(34, 201, 137, .12); }
html[data-el-theme="dark"] .el-zgody__btn--tak { background: var(--g-neon, #22C989); color: #0b1512; border-color: var(--g-neon, #22C989); }
html[data-el-theme="dark"] .el-zgody__btn--tak:hover,
html[data-el-theme="dark"] .el-zgody__btn--tak:focus-visible { background: #3fd9a0; border-color: #3fd9a0; }

@media (max-width: 575px) {
    .el-zgody { left: 10px; right: 10px; bottom: 10px; }
    .el-zgody__in { padding: 16px; border-radius: 16px; max-height: calc(100vh - 20px); }
    .el-zgody__btn { flex: 1 1 0; min-width: 0; }
}