/* TTFN Site Styles: bbc.bm's own look and layout fixes, kept out of the theme so a Newspaper or
   tagDiv update, a child theme or a theme switch can't drop them.
   Source: TTFNTV/bbc-website, site-code/plugins/ttfn-site-styles. History: CHANGELOG.md.
   Rules: never select tagDiv's tdi_NNN classes (renumbered on every render); win on specificity,
   not on load order, because tagDiv prints its own CSS inline further down the page.
   Copyright (c) 2026 TTFN TV Limited. All rights reserved. */

/* 1. "- Advertisement -" labels: 11 px, site-wide (Mark, 5 Oct 2026).
   Each label is the plain div straight before a #div-gpt-ad-* slot; .ttfn-ad__label is TTFN Ad Slots' own. */
div:has(+ [id^="div-gpt-ad-"]), .ttfn-ad__label { font-size: 11px; line-height: 1.5; }

/* 2. Home page: tighter top, and the podcasts strip clear of the faint "Latest" (Mark, 5 Oct 2026).
   16 px from the weather bar to the ad label, 20 px under the top ad, the faint "Latest" behind
   Sports / Global news at 60 px (tagDiv's phone size) instead of 90, 32 px under the podcasts strip. */
body.home .td_block_wrap:has(> .td-fix-index > .bwh) { margin-bottom: 16px !important; }
body.home div:has(> #div-gpt-ad-top) { margin-top: 0 !important; margin-bottom: 0 !important; }
body.home .vc_raw_html:has(#div-gpt-ad-top) { margin-bottom: 20px !important; }
body.home .td_block_template_13 .td-block-subtitle { font-size: 60px !important; bottom: -12px !important; }
body.home .ttfnlp { margin-bottom: 32px; }

/* 3. Home page: bottom ad 20 px above the teal Editor's Picks band (Mark, 6 Oct 2026; was 108 px). */
body.home .vc_raw_html:has(#div-gpt-ad-bottom) { margin-bottom: 0 !important; }
body.home div:has(> #div-gpt-ad-bottom) { margin-bottom: 0 !important; }
body.home .tdc-row:has(#div-gpt-ad-bottom) + .tdc-row > .vc_row { margin-top: 20px !important; }

/* 4. Light grey page with white cards, every page (Mark, 6 Oct 2026: "all pages").
   The theme paints the content area white (.td-main-content-wrap, .td-category-grid) and, on
   articles, the post itself (.post, via --td_container_transparent). The header keeps its own white.
   White cards: the weather bar (its own pale grey vanished on the new background) and the radio
   players (Power 95's is set transparent in its player settings, the others white). The boxed
   lists are white in their own tagDiv style (Homepage 28118, article template 28132). */
html body, body .td-main-content-wrap, body .td-category-grid { background-color: #f1f2f4; }
body .tdb_templates[id^="template-id-"] { background-color: transparent; }
body .bwh { background-color: #fff; }
body .radio-player.skin2.shortcode { background-color: #fff; }