/* ============================================================
   Cookie Banner CSS — namespace: .aho-cookie-*
   ============================================================ */

.aho-cookie-banner {
    position: fixed;
    left: var(--aho-space-4);
    right: var(--aho-space-4);
    bottom: var(--aho-space-4);
    z-index: 9998;
    background: var(--aho-color-bg);
    border: 1px solid var(--aho-color-border);
    border-radius: var(--aho-radius-lg);
    box-shadow: var(--aho-shadow-xl);
    padding: var(--aho-space-5);
    max-width: 720px;
    margin-inline: auto;
    animation: aho-cookie-in .3s ease-out;
    /* İçerik banner'ın arkasına gizlenmesin diye body'ye alt padding */
}

body:has(.aho-cookie-banner) {
    padding-bottom: 180px;
}
@media (min-width: 768px) {
    body:has(.aho-cookie-banner) { padding-bottom: 120px; }
}

@keyframes aho-cookie-in {
    from { transform: translateY(20px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}

.aho-cookie-banner__content {
    display: flex;
    flex-direction: column;
    gap: var(--aho-space-4);
}

@media (min-width: 768px) {
    .aho-cookie-banner__content {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.aho-cookie-banner__title {
    font-weight: 600;
    color: var(--aho-color-ink-900);
    margin-bottom: var(--aho-space-1);
}

.aho-cookie-banner__text {
    font-size: var(--aho-text-sm);
    color: var(--aho-color-ink-600);
    line-height: var(--aho-leading-loose);
}

.aho-cookie-banner__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aho-space-2);
    align-items: center;
}