/**
 * INSTAGRÃO - AdSense Stylesheet
 * @author CRuSHeR
 * @version 1.0.0
 */

/* ============================================
   Ad Container Base
   ============================================ */
.ad-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 20px;
    text-align: center;
}

.ad-container ins {
    background: transparent;
}

/* ============================================
   Ad: Topo
   ============================================ */
.ad-topo {
    background: rgba(17, 17, 17, 0.5);
    border-bottom: 1px solid var(--border-color, #333);
    padding: 10px 20px;
}

.ad-topo-unit {
    min-height: 90px;
    max-height: 250px;
}

/* ============================================
   Ad: Sidebars
   ============================================ */
.ad-sidebar {
    width: var(--sidebar-width, 160px);
    min-width: var(--sidebar-width, 160px);
    padding: 20px 10px;
    position: sticky;
    top: 80px;
    height: fit-content;
    max-height: calc(100vh - 100px);
}

.ad-sidebar-unit {
    min-height: 600px;
    width: 160px;
}

.ad-lateral-esquerda {
    order: -1;
}

.ad-lateral-direita {
    order: 1;
}

/* ============================================
   Ad: Rodapé
   ============================================ */
.ad-rodape {
    background: rgba(17, 17, 17, 0.5);
    border-top: 1px solid var(--border-color, #333);
    padding: 15px 20px;
    margin-top: 30px;
}

.ad-footer-unit {
    min-height: 90px;
    max-height: 250px;
}

/* ============================================
   Ad: In-Content (between sections)
   ============================================ */
.ad-content {
    padding: 25px 20px;
    margin: 30px auto;
    max-width: 800px;
}

/* ============================================
   Ad Placeholder (desenvolvimento)
   ============================================ */
.ad-placeholder {
    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
    border: 1px dashed #444;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ad-placeholder::before {
    content: '📢 Espaço para Anúncio';
}

.ad-topo .ad-placeholder {
    min-height: 90px;
}

.ad-sidebar .ad-placeholder {
    min-height: 600px;
    width: 100%;
}

.ad-rodape .ad-placeholder {
    min-height: 90px;
}

/* ============================================
   Responsive Ads
   ============================================ */
@media (max-width: 1200px) {
    .ad-sidebar {
        display: none !important;
    }
    
    .main-wrapper {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .ad-topo,
    .ad-rodape {
        padding: 8px 15px;
    }
    
    .ad-topo-unit,
    .ad-footer-unit {
        min-height: 50px;
        max-height: 100px;
    }
}

@media (max-width: 480px) {
    .ad-container {
        padding: 5px 10px;
    }
}

/* ============================================
   AdSense Optimization
   ============================================ */
ins.adsbygoogle {
    display: block;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

/* Prevent layout shift */
.ad-container {
    min-height: 50px;
    contain: layout style;
}