/**
 * common-integration.css
 * Zapewnia style dla AdBlocka, orientacji mobilnej i ogólnych modyfikacji
 */

/* Overlay AdBlocka & Mobile Prompt (ma być nad wszystkim) */
.viz-common-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 10, 26, 0.98);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    /* Musi przykryć cały interfejs wtyczki */
    padding: 20px;
    text-align: center;
}

.viz-overlay-box {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--viz-border-radius, 16px);
    padding: 40px;
    max-width: 450px;
    color: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    font-family: 'Segoe UI', system-ui, sans-serif;
}

/* Wersja mobilna - redukcja marginesów na zewnątrz (jeśli są) */
@media (max-width: 768px) {

    .viz3d-app,
    .viz-app-container {
        border-radius: 0 !important;
        margin-left: -15px !important;
        /* Przykładowe niwelowanie paddingów kontenera WP */
        margin-right: -15px !important;
        width: calc(100% + 30px) !important;
        max-width: none !important;
        /* Jeśli potrzebujemy wymusić full height na mobile w poziomie: */
    }
}

/* Ukrycie paska bocznego/nawigacji na pełnym ekranie mobile */
.viz-mobile-optimized {
    display: block;
}

/* Przycisk dismiss orientacji — styl z Astry */
.viz-dismiss-orientation-btn {
    background: var(--viz-btn-bg, var(--viz-primary, #e94560));
    color: var(--viz-btn-color, #ffffff);
    border: var(--viz-btn-border, none);
    padding: var(--viz-btn-padding, 12px 28px);
    border-radius: var(--viz-btn-radius, 8px);
    font-family: var(--viz-btn-font-family, inherit);
    font-size: var(--viz-btn-font-size, 15px);
    font-weight: var(--viz-btn-font-weight, 600);
    cursor: pointer;
    transition: opacity 0.2s ease;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

.viz-dismiss-orientation-btn:hover {
    opacity: 0.85;
}

/* Overlay Midrolla */
.viz-midroll-ad-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99998;
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a3e 100%) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}