/* ———————————————————————
   ADMONITION — CLEAN & MINIMAL
   LEFT BORDER: 6px | OTHER BORDERS: 1px
   ——————————————————————— */
.admonition {
    background: var(--color-admonition-surface) !important;
    border-left: 6px solid !important;
    border-top: 1px solid !important;
    border-right: 1px solid !important;
    border-bottom: 1px solid !important;
    border-radius: 6px !important;
    padding: 1em !important;
    margin: 1em auto 1em auto !important;   /* ← only top/bottom margin, same as top */
    font-family: 'Averia Serif Libre', serif !important;
    line-height: 1.5 !important;
    color: var(--color-text-dark) !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

/* ——— ADMONITION TITLE: EXACTLY MATCH HEADING3 (15pt) ——— */
.admonition .admonition-title {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0.5em !important;
    font-weight: 600 !important;           /* matches your heading3 */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: calc(15pt * var(--lang-font-scale, 1)) !important;            /* base size */
    line-height: 1.2 !important;           /* matches your heading3 */
    font-family: "Averia Serif Libre", serif !important;  /* same font */
}

/* Force ALL text inside to inherit exactly 15pt — no scaling */
.admonition .admonition-title > * {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Icon stays proportional */
.admonition .admonition-title .icon-png {
    width: 1.4em !important;
    height: 1.4em !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

.admonition .admonition-content .description {
    color: var(--color-highlight);
    font-size: calc(12.5pt * var(--lang-font-scale, 1));
    font-family: "Averia Serif Libre", serif !important;
}

.admonition .admonition-content .message {
    color: var(--color-primary);
    font-size: calc(12.5pt * var(--lang-font-scale, 1));
    font-family: "Averia Serif Libre", serif !important;
}

/* ————— TYPE COLORS — ERROR UNTOUCHED, OTHERS: 1PX BORDER (EXCEPT LEFT) ————— */

/* ERROR — KEEP ORIGINAL */
.admonition.admonition-error {
    background: var(--color-admonition-surface) !important;
    border-left-color: var(--color-error-accent) !important;
    border-top-color: var(--color-error-accent) !important;
    border-right-color: var(--color-error-accent) !important;
    border-bottom-color: var(--color-error-accent) !important;
}
.admonition.admonition-error .admonition-title { color: var(--color-error-accent) !important; }

/* NON-ERROR TYPES — 1PX BORDERS, LEFT = 6PX (INHERITED) */
.admonition.admonition-warning,
.admonition.admonition-info,
.admonition.admonition-solution {
    background: var(--color-white) !important;
    border-top-color: inherit !important;
    border-right-color: inherit !important;
    border-bottom-color: inherit !important;
}

/* WARNING */
.admonition.admonition-warning {
    border-left-color: var(--color-highlight) !important;
    border-top-color: var(--color-highlight) !important;
    border-right-color: var(--color-highlight) !important;
    border-bottom-color: var(--color-highlight) !important;
}
.admonition.admonition-warning .admonition-title { color: var(--color-highlight) !important; }

/* INFO */
.admonition.admonition-info {
    border-left-color: var(--color-link-alt) !important;
    border-top-color: var(--color-link-alt) !important;
    border-right-color: var(--color-link-alt) !important;
    border-bottom-color: var(--color-link-alt) !important;
}
.admonition.admonition-info .admonition-title { color: var(--color-link-alt) !important; }

/* SOLUTION */
.admonition.admonition-solution {
    border-left-color: var(--color-primary) !important;
    border-top-color: var(--color-primary) !important;
    border-right-color: var(--color-primary) !important;
    border-bottom-color: var(--color-primary) !important;
}
.admonition.admonition-solution .admonition-title { color: var(--color-primary) !important; }

/* QUOTE — orange */
.admonition.admonition-quote {
    background: var(--color-white) !important;
    border-left: 6px solid var(--color-highlight) !important;
    border-top: 1px solid var(--color-highlight) !important;
    border-right: 1px solid var(--color-highlight) !important;
    border-bottom: 1px solid var(--color-highlight) !important;
}
.admonition.admonition-quote .admonition-title {
    color: var(--color-highlight) !important;
    align-items:left !important;
}


/* ————— FORM WRAPPER (UNCHANGED) ————— */
.admonition-form-wrapper {
    margin-top: 1em;
    padding: 1em;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    max-width: 100%;
    box-sizing: border-box;
}

.admonition-form-wrapper .subscription-container,
.admonition-form-wrapper .contact-form-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.admonition-form-wrapper .subscription-form {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
}

.admonition-form-wrapper input[type="email"] {
    padding: 0.75em;
    font-size: 1em;
    border: 1px solid var(--color-border-input);
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

.admonition-form-wrapper .subscription-submit-button {
    align-self: flex-start;
    padding: 0.75em 1.5em;
    background: var(--color-primary);
    color: var(--color-white);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
}

.admonition-form-wrapper .subscription-submit-button:hover {
    background: var(--color-primary-hover);
}

/* ————— FINAL CARD (NO IMAGE) ————— */
.restricted-card {
    max-width: 60%;
    width: 100%;
    margin: 40px auto;
    padding: 30px;
    background: var(--color-white);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    text-align: center;
    font-family: 'Averia Serif Libre', Arial, sans-serif;
}

/* Fix admonition spacing & overflow on mobile only */
@media (max-width: 768px) {
    .admonition {
        margin: 1em 0 !important;           /* ← remove top/bottom extra space, keep horizontal auto if needed */
        width: 100% !important;             /* full width of parent without overflow */
        padding: 0.9em !important;          /* slightly tighter padding on mobile */
        box-sizing: border-box !important;
    }

    /* Optional: if parent containers still cause overflow */
    .admonition + * {                       /* next element after admonition */
        margin-top: 0.5em !important;       /* reduce gap to next block */
    }

    .admonition-title{
        font-size:calc(12pt * var(--lang-font-scale, 1)) !important;
    }
    .admonition-content{
        font-size:calc(10.5pt * var(--lang-font-scale, 1)) !important;;
    }
}

/* Optional: if you want ZERO bottom margin on admonitions everywhere */
.admonition {
    margin-bottom: 0em !important;        /* or 0 !important if you want no gap at all below */
}

/* ———————————————————————
   BOUTIQUE TRAVEL JOURNAL — same identity as css/post_print.css,
   ported to the normal (non-print) live page.
   This section intentionally overrides everything above for the
   brochure quote/solution admonitions so they match the printed
   brochure's "bordered journal card" look exactly.
   ——————————————————————— */
/* Card shell — 1px olive border all around, cream wash, 4px radius,
   matching .admonition in post_print.css exactly (not the site-wide
   6px-left-border "clean & minimal" treatment above). */
.brochure-container .admonition.admonition-solution,
.brochure-container .admonition.admonition-quote {
    background: rgba(251, 250, 246, 0.6) !important;
    border: 1px solid var(--brochure-olive) !important;
    border-left: 1px solid var(--brochure-olive) !important;
    border-radius: 4px !important;
    padding: 1.1em 1.3em !important;
    margin: 1em auto !important;
    box-shadow: none !important;
    font-family: 'Averia Serif Libre', serif !important;
}

/* Title reads as a pull-quote: italic, not bold/uppercase-heavy like the
   generic admonition title above. */
.brochure-container .admonition.admonition-solution .admonition-title,
.brochure-container .admonition.admonition-quote .admonition-title {
    display: block !important;
    color: var(--brochure-olive-dark) !important;
    font-size: calc(10pt * var(--lang-font-scale, 1)) !important;
    line-height: 1.35 !important;
    font-style: italic !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    text-align: left !important;
    font-family: 'Averia Serif Libre', serif !important;
    margin-bottom: 0.6em !important;
}

.brochure-container .admonition.admonition-solution .admonition-title .icon-png,
.brochure-container .admonition.admonition-quote .admonition-title .icon-png {
    display: none !important;
}

/* Byline / attribution — right-aligned italic Verdana in terracotta,
   with a hairline rule above it, exactly like the print version. */
.brochure-container .admonition.admonition-solution .admonition-content .message,
.brochure-container .admonition.admonition-quote .admonition-content .message {
    display: block !important;
    text-align: right !important;
    font-size: calc(10.5pt * var(--lang-font-scale, 1)) !important;
    font-style: italic !important;
    font-family: Verdana, sans-serif !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: var(--color-highlight) !important;
    border-top: 1px solid var(--brochure-hairline) !important;
    padding-top: 0.5em !important;
    margin-top: 0.7em !important;
    line-height: 1.45 !important;
}

.brochure-container .admonition.admonition-solution .admonition-content .description,
.brochure-container .admonition.admonition-quote .admonition-content .description {
    color: inherit !important;
    font-family: 'Averia Serif Libre', serif !important;
    font-size: inherit !important;
}

.brochure-container .admonition.admonition-solution .admonition-content .description:empty,
.brochure-container .admonition.admonition-quote .admonition-content .description:empty {
    display: none !important;
}