/**
 * ConstructInfo — Ad Slots CSS
 *
 * WP Faza 2 — Stiluri ad slots: responsive, spacing, sticky sidebar.
 * Sloturi goale (fără ads active) sunt invizibile (min-height: 0).
 * ci-ads.js populează containerele post-consent.
 */

/* ==========================================================================
   BASE AD SLOT
   ========================================================================== */

.ci-ad-slot {
    display: block;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    /* Slot-ul e invizibil până când JS-ul injectează ad-ul */
    min-height: 0;
    transition: min-height 0.3s ease;
}

/* Slot populat — spațiu minim pentru a preveni layout shift */
.ci-ad-slot[data-ad-loaded="true"] {
    min-height: 50px;
    padding: 8px 0;
}

/* ==========================================================================
   LAYOUT-SPECIFIC SLOTS
   ========================================================================== */

/* Header ad — sub header, deasupra conținutului */
.ci-ad-slot--header-global {
    max-width: 728px;
    margin: 12px auto;
}

/* Footer ad — deasupra footer-ului */
.ci-ad-slot--footer-global {
    max-width: 728px;
    margin: 16px auto 8px;
}

/* Sidebar sloturi */
.ci-ad-slot--ci-ad-sidebar-1,
.ci-ad-slot--ci-ad-sidebar-2 {
    max-width: 300px;
    margin: 12px auto;
}

/* Sidebar sticky (al doilea slot) */
.ci-ad-slot--sticky {
    position: sticky;
    top: 80px; /* sub header fix GeneratePress */
}

/* ==========================================================================
   ARTICLE AD SLOTS
   ========================================================================== */

.ci-ad-slot--ci-ad-article-top,
.ci-ad-slot--ci-ad-article-bottom {
    max-width: 728px;
    margin: 16px auto;
}

.ci-ad-slot--ci-ad-article-mid {
    max-width: 300px;
    margin: 20px auto;
}

/* Infeed (între articole în listing) */
.ci-ad-slot--ci-ad-infeed {
    max-width: 728px;
    margin: 12px auto;
    border-top: 1px solid var(--ci-gray-200, #e5e7eb);
    border-bottom: 1px solid var(--ci-gray-200, #e5e7eb);
    padding: 12px 0;
}

/* ==========================================================================
   FORUM AD SLOTS
   ========================================================================== */

.ci-ad-slot--ci-ad-forum-header {
    max-width: 728px;
    margin: 12px auto;
}

.ci-ad-slot--ci-ad-forum-infeed,
.ci-ad-slot--ci-ad-forum-reply {
    max-width: 728px;
    margin: 8px auto;
    border-top: 1px solid var(--ci-gray-100, #f3f4f6);
    border-bottom: 1px solid var(--ci-gray-100, #f3f4f6);
    padding: 8px 0;
}

.ci-ad-slot--ci-ad-forum-sidebar {
    max-width: 300px;
    margin: 12px auto;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 767px) {
    .ci-ad-slot--header-global,
    .ci-ad-slot--footer-global,
    .ci-ad-slot--ci-ad-article-top,
    .ci-ad-slot--ci-ad-article-bottom,
    .ci-ad-slot--ci-ad-infeed,
    .ci-ad-slot--ci-ad-forum-header,
    .ci-ad-slot--ci-ad-forum-infeed,
    .ci-ad-slot--ci-ad-forum-reply {
        max-width: 320px;
    }

    /* Forum sidebar hidden pe mobile (§6.2) */
    .ci-ad-slot--ci-ad-forum-sidebar {
        display: none;
    }

    /* Sticky dezactivat pe mobile */
    .ci-ad-slot--sticky {
        position: static;
    }
}

/* ==========================================================================
   CUSTOM AD PLACEHOLDER
   ========================================================================== */

.ci-ad-custom-placeholder {
    background: var(--ci-gray-50, #f9fafb);
    border: 1px dashed var(--ci-gray-300, #d1d5db);
    border-radius: 4px;
    padding: 20px 10px;
    font-size: 0.75rem;
    color: var(--ci-gray-400, #9ca3af);
}