/* EC Guide — affiliate / booking-link disclosure
   Compiles standalone to css/ec-affiliate-disclosure.css. Enqueued only on
   eligible singular pages and ec_area term pages while the disclosure
   toggle is on. Written without nesting so the .scss and .css are identical
   and the file needs no build step to ship.

   The block is body-text size on purpose: the FTC's "clear and conspicuous"
   standard means readable, not fine print. Values mirror the EC tokens in
   style.scss ($ec-surface2, $ec-border, $ec-body-ink, $ec-muted) but are
   literal here so this file compiles on its own. */

.ec-disclosure {
    box-sizing: border-box;
    max-width: 640px;
    margin: 0 0 22px;
    padding: 12px 16px;
    background: #F4F1E8;                /* $ec-surface2 */
    border-left: 3px solid #E3DACB;     /* $ec-border-d */
    border-radius: 6px;
}

.ec-disclosure p {
    font-family: 'Figtree', sans-serif;
    font-size: 0.9375rem;               /* 15px */
    font-weight: 400;
    line-height: 1.55;
    color: #2C3A33;                     /* $ec-body-ink */
    margin: 0;
}

.ec-disclosure a,
.ec-disclosure__more {
    color: #2C3A33;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ec-disclosure a:hover,
.ec-disclosure__more:hover {
    color: #0E3B33;                     /* $ec-cta-bg */
}

/* Inside post content the block sits between paragraphs. */
.ec-biz__about .ec-disclosure,
.ec-story__body .ec-disclosure,
.ec-area-guide__intro .ec-disclosure {
    margin: 18px 0 22px;
}

/* Card variant: one line directly under the Book now button. */
.ec-disclosure--card {
    max-width: none;
    margin: 10px 0 0;
    padding: 10px 12px;
    border-left-width: 2px;
}

.ec-disclosure--card p {
    font-size: 0.8125rem;               /* 13px */
    line-height: 1.5;
    color: #5A6B63;                     /* $ec-muted */
}

/* Inline label appended after an affiliate link in running copy. */
.ec-disclosure__label {
    font-family: 'Figtree', sans-serif;
    font-size: 0.85em;
    color: #5A6B63;                     /* $ec-muted */
    white-space: nowrap;
}

/* Footer link to the policy page. */
.ec-disclosure__footer {
    margin: 8px 0 0;
    font-size: 0.875rem;
    text-align: center;
}

.ec-disclosure__footer a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}
