/**
 * Qin_SiteToolkit - Age Gate styles
 *
 * Key changes to prevent "page first, overlay later" (FOUC):
 * - Overlay is visible by default (server-rendered).
 * - An early inline script adds:
 *   - html.qin-agegate-skip  => hide overlay instantly if cookie verified (FPC-safe)
 *   - html.qin-agegate-lock  => lock scrolling immediately for unverified users
 */

html.qin-agegate-lock,
html.qin-agegate-lock body {
    overflow: hidden !important;
}

/* If verified, suppress overlay completely (FPC-safe) */
html.qin-agegate-skip #qin-agegate-overlay {
    display: none !important;
}

.qin-agegate-overlay {
    position: fixed;
    inset: 0;
    /**
    tawk.io is 2000000000 !important,
    privacy and cookie policy is 2000000001 !important
     wo we always show it be front of it
    **/
    z-index: 2000000002 !important;
    display: flex; /* visible by default */
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.90);
    backdrop-filter: blur(6px);
    padding: 20px;
}

/* Optional subtle entrance animation (does not require JS) */
.qin-agegate-modal {
    width: 100%;
    max-width: 520px;
    background: #111;
    color: #fff;
    border-radius: 10px;
    padding: 22px 18px;
    box-shadow: 0 12px 60px rgba(0,0,0,.55);
    transform: translateY(0);
    opacity: 1;
}

.qin-agegate-actions {
    display: flex;
    gap: 12px;
    margin-top: 18px;
}

.qin-agegate-btn {
    flex: 1;
    padding: 12px 10px;
    border: 0;
    cursor: pointer;
    border-radius: 8px;
    font-weight: 600;
}

.qin-agegate-accept {
    background: #ffffff;
    color: #000000;
}

.qin-agegate-exit {
    background: rgba(255,255,255,.12);
    color: #fff;
}

@media (max-width: 420px) {
    .qin-agegate-actions { flex-direction: column; }
}