/* MICHLOR — baner zgód na cookies + znaczek ustawień (2026-09-24), logika w assets/js/zgody.js */

.mzgody {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99990;
    background: rgba(4, 16, 30, .97);
    color: #e8eef4;
    box-shadow: 0 -2px 16px rgba(0, 0, 0, .35);
    border-top: 1px solid rgba(0, 180, 166, .35);
    font-family: 'DM Sans', system-ui, sans-serif;
}
.mzgody__in {
    max-width: 1080px;
    margin: 0 auto;
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    align-items: center;
    justify-content: space-between;
}
.mzgody__txt {
    flex: 1 1 420px;
    margin: 0;
    font-size: .88rem;
    line-height: 1.55;
    color: #e8eef4 !important;
}
.mzgody__txt a { color: #00B4A6; text-decoration: underline; }
.mzgody__opts { flex: 1 1 100%; display: grid; gap: 10px; }
.mzgody__opts[hidden] { display: none; }
.mzgody__h { margin: 0; font-weight: 700; font-size: .95rem; color: #fff !important; }
.mzgody__opt {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: .84rem;
    line-height: 1.45;
    color: #b8c7d3;
    cursor: pointer;
}
.mzgody__opt input { margin-top: 3px; width: 18px; height: 18px; accent-color: #00B4A6; flex: 0 0 18px; }
.mzgody__opt strong { display: block; color: #e8eef4; }
.mzgody__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.mzgody__btn {
    padding: 10px 18px;
    border-radius: 8px;
    font: 700 .86rem/1.2 'DM Sans', system-ui, sans-serif;
    cursor: pointer;
    border: 1px solid transparent;
}
.mzgody__btn[hidden] { display: none; }
.mzgody__btn--yes { background: #00B4A6; color: #04101E; }
.mzgody__btn--yes:hover { background: #1cc9bb; }
.mzgody__btn--ghost { background: transparent; color: #e8eef4; border-color: #3a5060; }
.mzgody__btn--ghost:hover { border-color: #7d94a6; }
.mzgody__btn:focus-visible, .mzgody-badge:focus-visible { outline: 2px solid #00B4A6; outline-offset: 2px; }

/* Znaczek w lewym dolnym rogu, jak w CookieYes */
.mzgody-badge {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 9995;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(0, 180, 166, .5);
    background: #0A2540;
    color: #00B4A6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .35);
    opacity: .85;
    transition: opacity .2s, transform .2s;
}
.mzgody-badge:hover { opacity: 1; transform: scale(1.08); }
.mzgody-badge[hidden] { display: none; }

@media (max-width: 768px) {
    /* nad paskiem „Bezpłatna wycena” (.msticky-cta, ok. 66 px) */
    .mzgody { bottom: 66px; }
    .mzgody__in { padding: 12px 14px; }
    .mzgody__btns { width: 100%; }
    .mzgody__btn { flex: 1 1 auto; }
    .mzgody-badge { bottom: 78px; left: 12px; width: 40px; height: 40px; }
}