/* Brand colours */
:root {
    --color-navy:   #2E454F;
    --color-salmon: #F18889;
    --color-yellow: #FFDE4C;
    --bs-body-bg: white;
    --bg-pale-yellow: #FAE8A7;
    --bg-beige: #FFF6E4;
}

/* Utility classes */
.text-brand-navy   { color: var(--color-navy); }
.text-brand-salmon { color: var(--color-salmon); }
.text-brand-yellow { color: var(--color-yellow); }

.bg-brand-navy   { background-color: var(--color-navy); }
.bg-brand-salmon { background-color: var(--color-salmon); }
.bg-brand-yellow { background-color: var(--color-yellow); }
.bg-brand-pale-yellow {background: var(--bg-pale-yellow); }




.lang_selector {background-color: var(--bg-pale-yellow); padding-left: 10px; padding-right: 10px;

}

/* Multilingual font stack - covers Latin, Arabic, Persian, Chinese, etc. */
body {
    font-family: 'Cambria', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans SC', 'Noto Sans TC', Georgia, serif;
}

h1.card-title {
    font-size: 2rem;
    margin-bottom: 2rem;
}
h2.summary {
    font-weight: 600;
    margin-bottom: 0.3rem;
    font-size: 1rem;
    color: black
}
p.summary {
    font-weight: 500;
    margin-bottom: 0.3rem;
    font-size: 1rem;
    color: black;

}

h2.description {
    margin-top: 1rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    font-size: 1rem;
    color: black

}

p.description {
    margin-bottom: 0.3rem;
    font-size: 1.2rem;

}

.card {
    background-color: white;
}

/* RTL (Right-to-Left) support for Arabic, Persian, Urdu */
[dir="rtl"] {
    text-align: right;
}

[dir="rtl"] .card-body {
    text-align: right;
}

[dir="rtl"] input,
[dir="rtl"] textarea {
    direction: rtl;
    text-align: right;
}

/* Language-specific content styling */
.lang-content {
    line-height: 1.8;
}

.lang-content[dir="rtl"] {
    font-family: 'Noto Sans Arabic', 'Tahoma', 'Arial', sans-serif;
}

/* Chinese content */
.lang-cn .lang-content {
    font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* Form inputs for RTL languages */
.rtl-input {
    direction: rtl;
    text-align: right;
}

/* EasyMDE editor RTL support */
.rtl-editor .CodeMirror {
    direction: rtl;
    text-align: right;
}

.rtl-editor .editor-preview {
    direction: rtl;
    text-align: right;
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {

    /* Page setup */
    @page {
        size: A4;
        margin: 20mm 18mm 20mm 18mm;
    }

    /* Hide everything that isn't content */
    nav,
    .navbar,
    .lang_selector,
    .status-toggles,
    .btn,
    .alert,
    .bi-printer,
    .bi-file-pdf,
    .bi-share,
    #shareBtn,
    #shareFeedback,
    .border-top.d-flex,   /* icon row */
    .available-languages, /* available languages list */
    .row.mt-5,            /* admin controls */
    .mt-3.text-muted      /* edit / last changed row */
    { display: none !important; }

    /* Reset backgrounds & shadows */
    body, .card, .card-body, .container {
        background: white !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Typography */
    body {
        font-size: 11pt;
        color: #000;
        line-height: 1.6;
    }

    h1.card-title {
        font-size: 22pt;
        font-weight: 700;
        margin-bottom: 6pt;
        background: none !important;
        border-bottom: 2pt solid #FFDE4C;
        padding-bottom: 4pt;
    }

    h2.summary, h2.description {
        font-size: 9pt;
        text-transform: uppercase;
        letter-spacing: 0.8pt;
        color: #555;
        margin-top: 14pt;
        margin-bottom: 3pt;
        font-weight: 600;
    }

    p.summary {
        font-size: 12pt;
        font-style: italic;
        color: #111;
    }

    .description-content {
        font-size: 11pt;
    }

    /* Keep content together where possible */
    h2, h3 { page-break-after: avoid; }
    p, li   { orphans: 3; widows: 3; }

    /* Print footer with URL */
    .card-body::after {
        content: "futures-glossary.net  ·  " attr(data-url);
        display: block;
        margin-top: 20pt;
        padding-top: 6pt;
        border-top: 0.5pt solid #ccc;
        font-size: 8pt;
        color: #888;
    }

    /* Don't show href for links */
    a[href]::after { content: none !important; }
}