/**
 * AdSense CSS - Container Styles
 * 
 * @package Smartteller
 * @version 2.0.0
 */

/* ============================================
   AD SECTIONS
   ============================================ */
.ad-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ad-section-header {
    background: var(--bg-light);
    padding: var(--space-3) 0;
}

.ad-section-hero {
    margin-top: var(--space-8);
}

.ad-section-mid {
    margin-top: var(--space-8);
    margin-bottom: var(--space-8);
}

.ad-section-footer {
    background: var(--bg-light);
    padding: var(--space-3) 0;
    margin-top: var(--space-8);
}

/* ============================================
   AD CONTAINERS
   ============================================ */
.ad-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center;
    background: var(--bg-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ad-label {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--space-2) 0;
    width: 100%;
    background: rgba(0,0,0,0.02);
}

.ad-container ins.adsbygoogle {
    display: block;
    margin: 0 auto;
    width: 100%;
}

/* Ad loaded state */
.ad-container.ad-loaded {
    background: transparent;
}

.ad-container.ad-loaded .ad-label {
    display: none;
}

/* ============================================
   AD POSITIONS
   ============================================ */
.ad-header {
    max-width: 728px;
    margin: 0 auto;
}

.ad-mid-content {
    max-width: 336px;
    margin: 0 auto;
}

.ad-sidebar {
    max-width: 300px;
    margin: 0 auto;
}

.ad-sidebar.sticky-ad {
    position: sticky;
    top: var(--space-6);
}

.ad-footer {
    max-width: 728px;
    margin: 0 auto;
}

/* ============================================
   ADSENSE RESPONSIVE
   ============================================ */
@media (max-width: 767px) {
    .ad-header,
    .ad-footer {
        min-height: 50px;
    }
    
    .ad-header ins,
    .ad-footer ins {
        min-height: 50px !important;
    }
}

@media (min-width: 768px) {
    .ad-header,
    .ad-footer {
        min-height: 90px;
    }
}

/* ============================================
   IN-CONTENT ADS
   ============================================ */
.ad-section-after-title {
    margin: var(--space-6) auto;
}

.ad-section-after-zutaten {
    margin: var(--space-6) auto;
}

.ad-section-in-content {
    margin: var(--space-8) auto;
}

/* Sidebar widget ads */
.widget-ad {
    padding: 0;
    background: transparent;
    border: none;
}

.widget-ad .ad-container {
    border-radius: var(--radius-md);
}