/* ============================================================
   TV Show Ads — Frontend Styles
   ============================================================ */

.tsa-ad-block {
    display: block;
    width: 160px;
    margin: 0 auto 1.5em;
    text-align: center;
    clear: both;
}

@media ( min-width: 600px ) {
    .tsa-ad-block {
        float: right;
        margin: 0 0 1em 1.5em;
        clear: right;
    }
}

.tsa-ad-link {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

.tsa-ad-link:hover .tsa-ad-image {
    opacity: 0.88;
}

.tsa-ad-image {
    display: block;
    width: 160px;
    height: auto;
    border-radius: 4px;
    transition: opacity 0.15s ease;
}

.tsa-ad-title {
    display: block;
    margin-top: 6px;
    font-size: 0.8em;
    line-height: 1.3;
    color: #444;
    max-width: 160px;
    word-wrap: break-word;
}

.tsa-no-ads {
    background: #fff3cd;
    border: 1px solid #ffc107;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.875em;
    color: #856404;
}

/* --- ACF Block Editor Preview ------------------------------ */
.tsa-editor-preview-acf {
    padding: 12px 16px;
    background: #f9f9f9;
    border: 1px dashed #c3c4c7;
    border-radius: 4px;
    color: #444;
    font-size: 13px;
}

.tsa-editor-preview-acf .dashicons {
    vertical-align: middle;
}

.tsa-editor-wrap .components-base-control__label {
    display: none;
}