/* ============================================================
   Advertisement placements managed from /Admin/AdsManagement.

   Only the placements added with Ads Management (tool-bottom,
   tool-related, blog-article-2, blog-bottom, blog-feed) carry the
   "a2z-ad--labelled" class; the long-standing placements keep the
   look they already had. Nothing here hides an advertisement - an
   ineligible placement is never written at all (see _AdUnit).
   ============================================================ */

.a2z-ad--labelled {
    display: block;
    max-width: 100%;
    margin: 2rem auto;
    padding: .25rem 0 0;
    overflow: hidden;           /* a responsive creative never widens the page */
    clear: both;
    text-align: center;
}

.a2z-ad--section {
    max-width: 1140px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

.a2z-ad-label {
    display: block;
    margin: 0 0 .35rem;
    font-size: .68rem;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8a91a1;
    user-select: none;
}

/* Blog articles already label their between-sections units with ::before. */
.bd-content .a2z-ad.bd-ad .a2z-ad-label { display: none; }

/* The listing wrapper is only there to span the grid; drop it when empty. */
.blog-feed-ad:not(:has(.a2z-ad)) { display: none; }

.theme-dark .a2z-ad-label { color: #9aa1b1; }