/* TCK-254 — Studio privacy gate (first-visit cookies modal). */

.privacy-gate-modal {
    z-index: 1100;
}

.privacy-gate-modal.d-none,
.privacy-gate-modal[aria-hidden="true"].d-none {
    display: none !important;
}

.privacy-gate-modal__panel {
    overflow: auto;
    border-radius: var(--border-radius-md);
    background: var(--color-black);
    color: var(--color-secondary-alt);
}

/*
 * Lock spacing to Gallery values. Studio page CSS (artwork/collection)
 * overrides global .gap-* on small viewports and would crush this modal.
 */
.privacy-gate-modal .gap-6 {
    gap: var(--spacing-3xl) !important; /* 30px — same as Gallery utilities */
}

.privacy-gate-modal .gap-5 {
    gap: var(--spacing-xl) !important; /* 20px */
}

.privacy-gate-modal .gap-3 {
    gap: var(--spacing-md) !important; /* 10px */
}

.privacy-gate-modal__logo-img {
    width: auto;
    height: 38px;
    display: block;
}


.privacy-gate-section {
    border-top: 1px solid var(--color-accent);
    padding: var(--spacing-md) 0;
}

.privacy-gate-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--spacing-md);
}

.privacy-gate-section__toggle,
.privacy-gate-section__toggle *,
.privacy-gate-section__status,
.privacy-gate-section__status *,
.privacy-gate-section__accept,
.privacy-gate-section__accept * {
    cursor: pointer;
}

.privacy-gate-section__toggle {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-secondary-alt);
    font: inherit;
    text-align: left;
}

.privacy-gate-section__chevron {
    display: inline-flex;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary-alt);
    transition: transform 0.2s ease;
}

.privacy-gate-section__toggle[aria-expanded="true"] .privacy-gate-section__chevron {
    transform: rotate(180deg);
}

.privacy-gate-section__title {
    color: var(--color-secondary-alt);
}

.privacy-gate-section__status {
    color: var(--color-muted);
}

.privacy-gate-section__accept {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-md);
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
}

.privacy-gate-section__accept-icon {
    display: inline-flex;
    width: 17px;
    height: 17px;
    align-items: center;
    justify-content: center;
}

.privacy-gate-section__accept.is-active {
    color: var(--color-primary);
}

.privacy-gate-section__accept.is-inactive {
    color: var(--color-muted);
}

.privacy-gate-section__description {
    margin-top: var(--spacing-md);
    padding: 0 var(--spacing-md);
    color: var(--color-muted);
    text-align: justify;
}

.privacy-gate-section__description.is-hidden {
    display: none !important;
}

/* Reject all — border: secondary-alt → warning on hover */
.privacy-gate-modal [data-cookie-action="refuse"] {
    border: 1px solid var(--color-secondary-alt);
}

.privacy-gate-modal [data-cookie-action="refuse"]:hover,
.privacy-gate-modal [data-cookie-action="refuse"]:focus-visible {
    border-color: var(--color-warning);
}