/**
 * AdRocket Frontend Styles
 * Minimal footprint (~1KB) — only CLS prevention and responsive hiding.
 */

/* Base ad container */
.adrocket-unit {
    display: block;
    text-align: center;
    overflow: hidden;
    contain: layout;
    margin: 1em auto;
}

/* Above-the-fold — reserve space to prevent CLS */
.adrocket-unit--atf {
    min-height: 250px;
}

/* Loading placeholder (skeleton) */
.adrocket-unit--loading {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: adrocket-shimmer 1.5s ease-in-out infinite;
}

@keyframes adrocket-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Click guard overlay */
.adrocket-unit--blocked {
    position: relative;
    pointer-events: none;
    opacity: 0.3;
}

.adrocket-unit--blocked::after {
    content: '';
    position: absolute;
    inset: 0;
    background: transparent;
    z-index: 9999;
}

/* Responsive hide utilities */
@media (max-width: 767px) {
    .adrocket-hide-mobile { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .adrocket-hide-tablet { display: none !important; }
}

@media (min-width: 1024px) {
    .adrocket-hide-desktop { display: none !important; }
}