/* =========================
   ADS SECTION (DESKTOP)
   Forebet-style banner space
========================= */

.ads-section {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    overflow-x: clip;
}

.ads-inner {
    width: min(1265px, calc(100% - 32px));
    max-width: 100%;
    margin: 0 auto;
    padding: 12px 0 15px;
    box-sizing: border-box;
}

.ads-box {
    width: 100%;
    height: 243px; /* measured Forebet height */
    background-color: var(--surface-card, #ffffff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 2px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden; /* prevents overflow */
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

/* Centered ad image */
.ads-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.dark-mode .ads-section {
    background-color: transparent;
}

.dark-mode .ads-box {
    background-color: var(--bg-secondary, #1e293b);
    border-color: var(--border-color, #475569);
}