/* AdSense placements (resources/views/components/ad-slot.blade.php).
   Only our wrapper is styled: nothing targets Google's iframes or the inside of the <ins>.
   Logical properties (block / inline) so the layout follows the page direction (RTL). */

.fq-ad {
    /* Generous separation from cards, buttons and pagination */
    margin-block: 1.5rem 2rem;
    clear: both;
}

.fq-ad__inner {
    text-align: center;
}

.fq-ad__label {
    display: block;
    margin-block-end: .5rem;
    font-size: .75rem;
    letter-spacing: .02em;
    color: #8492a6;
}

/* Reserved space while the responsive unit loads (fewer layout shifts) */
.fq-ad__unit {
    min-height: 280px;
}

@media (min-width: 768px) {
    .fq-ad__unit {
        min-height: 250px;
    }
}

/* Inline placements sit between full-width page sections */
.fq-ad--inline .fq-ad__inner {
    max-width: 970px;
    margin-inline: auto;
}

/* Unfilled slot (Google sets data-ad-status="unfilled"): collapsed once by ads.js, never re-opened */
.fq-ad--unfilled {
    display: none !important;
}

/* Script blocked or failed to load: no empty reserved boxes */
.fq-ads-blocked .fq-ad:not(.fq-ad--preview) {
    display: none !important;
}

/* Admin preview placeholder */
.fq-ad__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 250px;
    padding: 1rem;
    border: 2px dashed #4D91FF;
    border-radius: .5rem;
    background: rgba(16, 102, 231, .05);
    color: #0D1B2E;
    font-size: .9rem;
}

.fq-ad__placeholder small {
    color: #5c6b7f;
}

@media (max-width: 767.98px) {
    .fq-ad__placeholder {
        min-height: 280px;
    }
}