.studyhub-cookie-banner[hidden],
.studyhub-cookie-dialog[hidden] {
    display: none !important;
}

.studyhub-cookie-banner {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 12000;
    max-width: 760px;
    padding: 1.25rem;
    margin-inline: auto;
    border: 1px solid rgba(148, 163, 184, .45);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .24);
    color: #1e293b;
}

.studyhub-cookie-banner h2,
.studyhub-cookie-dialog h2 {
    margin: 0 0 .65rem;
    color: #172033;
    font-size: 1.3rem;
}

.studyhub-cookie-banner p,
.studyhub-cookie-dialog p {
    margin: 0;
    color: #526078;
    line-height: 1.6;
}

.studyhub-cookie-link {
    color: #0b7f67;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .2em;
}

.studyhub-cookie-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1rem;
}

.studyhub-cookie-button {
    min-height: 44px;
    padding: .65rem 1rem;
    border: 2px solid #0c9673;
    border-radius: 10px;
    background: #fff;
    color: #0b6f59;
    font-weight: 800;
    cursor: pointer;
}

.studyhub-cookie-button:hover,
.studyhub-cookie-button:focus-visible {
    background: #eefbf7;
}

.studyhub-cookie-button.is-primary,
.studyhub-cookie-button.is-reject {
    flex: 1 1 180px;
}

.studyhub-cookie-button.is-primary {
    background: #0c9673;
    color: #fff;
}

.studyhub-cookie-button.is-reject {
    border-color: #243047;
    background: #243047;
    color: #fff;
}

.studyhub-cookie-button.is-secondary {
    flex: 1 1 150px;
}

.studyhub-cookie-backdrop {
    position: fixed;
    inset: 0;
    z-index: 12010;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .62);
}

.studyhub-cookie-dialog {
    width: min(680px, 100%);
    max-height: min(86vh, 760px);
    overflow: auto;
    padding: 1.4rem;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .32);
}

.studyhub-cookie-category {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 0;
    border-top: 1px solid #e2e8f0;
}

.studyhub-cookie-category:first-of-type {
    margin-top: 1rem;
}

.studyhub-cookie-category h3 {
    margin: 0 0 .25rem;
    color: #1e293b;
    font-size: 1rem;
}

.studyhub-cookie-category small {
    color: #64748b;
    line-height: 1.45;
}

.studyhub-cookie-status {
    padding: .3rem .6rem;
    border-radius: 999px;
    background: #e7f8f2;
    color: #08735a;
    font-size: .8rem;
    font-weight: 800;
}

.studyhub-cookie-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 48px;
    height: 26px;
}

.studyhub-cookie-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.studyhub-cookie-switch span {
    width: 48px;
    height: 26px;
    border-radius: 999px;
    background: #cbd5e1;
    cursor: pointer;
    transition: background .18s ease;
}

.studyhub-cookie-switch span::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 5px rgba(15, 23, 42, .25);
    transition: transform .18s ease;
}

.studyhub-cookie-switch input:checked + span {
    background: #0c9673;
}

.studyhub-cookie-switch input:checked + span::after {
    transform: translateX(22px);
}

.studyhub-cookie-switch input:focus-visible + span {
    outline: 3px solid rgba(29, 78, 216, .35);
    outline-offset: 3px;
}

.studyhub-cookie-settings-link {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}

body.studyhub-cookie-dialog-open {
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .studyhub-cookie-banner {
        right: .6rem;
        bottom: .6rem;
        left: .6rem;
        padding: 1rem;
    }

    .studyhub-cookie-actions {
        display: grid;
    }

    .studyhub-cookie-button {
        width: 100%;
    }
}