/* Nötr görünüm tema tarafından değişkenlerle uyarlanır. */
.azakit-consent[hidden] { display: none !important; }
.azakit-consent {
    position: fixed;
    inset: auto 16px 16px;
    z-index: 100000;
    box-sizing: border-box;
    max-width: 960px;
    margin-inline: auto;
    padding: 20px;
    border: 1px solid var(--azakit-consent-border, #c8c8c8);
    border-radius: var(--azakit-consent-radius, 8px);
    background: var(--azakit-consent-background, #fff);
    color: var(--azakit-consent-color, #222);
    font-family: var(--azakit-consent-font-family, system-ui, sans-serif);
    font-size: var(--azakit-consent-font-size, 16px);
    line-height: 1.5;
    box-shadow: 0 4px 24px #0003;
}
.azakit-consent p { margin: 0 0 16px; }
.azakit-consent a { color: var(--azakit-consent-link, #174d8c); text-decoration: underline; }
.azakit-consent-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.azakit-consent button {
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid var(--azakit-consent-border, #c8c8c8);
    border-radius: var(--azakit-consent-radius, 8px);
    font: inherit;
    background: var(--azakit-consent-button-background, #f1f1f1);
    color: var(--azakit-consent-button-color, #222);
    cursor: pointer;
}
.azakit-consent button:focus-visible, .azakit-consent a:focus-visible, .azakit-consent-open:focus-visible {
    outline: 2px solid var(--azakit-consent-focus, #174d8c);
    outline-offset: 3px;
}
.azakit-consent-open { min-height: 44px; font: inherit; cursor: pointer; }
@media (max-width: 640px) {
    .azakit-consent { inset: auto 0 0; padding-bottom: max(20px, env(safe-area-inset-bottom)); }
    .azakit-consent-actions { flex-direction: column; }
}