/*
 * "Episode Disclaimer" fine-print panel.
 *
 * Everything is scoped to .ptt-disclaimer so it can't collide with Bootstrap
 * (loaded site-wide from the child theme's header.php) or Storefront.
 *
 * Storefront ships no theme.json, so core wraps every group block's children
 * in an extra .wp-block-group__inner-container. The inner paragraph rules are
 * therefore declared on BOTH the paragraph and that wrapper — block themes and
 * the editor render without it, so this covers both.
 */

.ptt-disclaimer {
    --ptt-paper: #FAF7F0;
    --ptt-ink: #001C0C;
    --ptt-teal-deep: #003D42;
    --ptt-teal-mid: #146070;
    --ptt-coral: #F58D75;
    --ptt-line: rgba(0, 61, 66, .14);

    /* Cormorant Garamond isn't installed on this site; Avenir Next and the
       Silver South script are loaded from the child theme's /assets/fonts/. */
    --ptt-sans: 'Avenir Next', Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ptt-formal: 'silver_south_scriptregular', 'Snell Roundhand', cursive;

    max-width: none;
    margin: 0 0 28px;
    padding: 28px 32px;
    background: var(--ptt-paper);
    border: 1px solid var(--ptt-line);
    border-radius: 20px;
    box-shadow: 0 24px 60px -46px rgba(0, 28, 12, .5);
}

/* The child theme forces `p { font-size: 18px !important }` and
   `a { font-family: Source Sans Pro }` globally, so the small body text needs
   matching !important overrides scoped to this panel. */
.ptt-disclaimer .ptt-disclaimer__eyebrow,
.ptt-disclaimer .wp-block-group__inner-container .ptt-disclaimer__eyebrow {
    font-family: var(--ptt-formal) !important;
    font-size: 27px !important;
    line-height: 1.1 !important;
    color: var(--ptt-coral);
    margin: 0 0 10px;
}

.ptt-disclaimer .ptt-disclaimer__body,
.ptt-disclaimer .wp-block-group__inner-container .ptt-disclaimer__body {
    font-family: var(--ptt-sans) !important;
    font-size: 13px !important;
    font-weight: 300;
    line-height: 1.6 !important;
    color: var(--ptt-ink);
    max-width: none;
    margin: 0 0 12px;
}

.ptt-disclaimer__body:last-child {
    margin-bottom: 0;
}

.ptt-disclaimer a,
.ptt-disclaimer .wp-block-group__inner-container a {
    font-family: var(--ptt-sans) !important;
    font-size: 13px !important;
    color: var(--ptt-teal-mid);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ptt-disclaimer a:hover,
.ptt-disclaimer .wp-block-group__inner-container a:hover {
    color: var(--ptt-coral);
}