/* eIFU company sites. Tokens as eifu.me's (--ef-*); a company's colour comes from
   assets/tenants/<slug>/theme.css, which sets --ef-brand. Logical properties only (RTL). */
:root {
    --ef-navy: #0F2B46;
    --ef-brand: #009FE3;
    --ef-brand-dark: #0080B8;
    --ef-text: #1E293B;
    --ef-muted: #5B6B80;
    --ef-border: #E2E8F0;
    --ef-bg: #F6F9FC;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: var(--ef-text);
    background: #fff;
}
a { color: var(--ef-brand-dark); }
.skip { position: absolute; inset-inline-start: 1rem; top: .5rem; z-index: 10; background: #fff; padding: .25rem .5rem; }
.site-header { border-block-end: 1px solid var(--ef-border); background: #fff; }
.brand-name { font-weight: 700; font-size: 1.15rem; color: var(--ef-navy); }
.brand-tag { color: var(--ef-muted); font-size: .85rem; border-inline-start: 1px solid var(--ef-border); padding-inline-start: .6rem; }
/* Language menu: <details>, so it opens without JavaScript. */
.lang-menu { position: relative; font-size: .85rem; }
.lang-menu summary { list-style: none; cursor: pointer; border: 1px solid var(--ef-border); border-radius: 999px; padding: .15rem .7rem; }
.lang-menu summary::-webkit-details-marker { display: none; }
.lang-menu summary::after { content: "\25BE"; margin-inline-start: .4rem; }
.lang-menu ul { position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + .3rem); z-index: 10; min-inline-size: 10rem;
    background: #fff; border: 1px solid var(--ef-border); border-radius: .5rem; padding-block: .3rem; box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .08); }
.lang-menu a { display: block; padding: .3rem .8rem; text-decoration: none; }
.lang-menu a:hover, .lang-menu a:focus { background: var(--ef-border); }
.lang-menu a[aria-current] { font-weight: 700; color: var(--ef-navy); }
.country-chip { font-size: .85rem; border: 1px solid var(--ef-border); border-radius: 999px; padding: .15rem .7rem; text-decoration: none; }
.site-footer { border-block-start: 1px solid var(--ef-border); background: var(--ef-bg); color: var(--ef-muted); }
.btn-brand { background: var(--ef-brand); border-color: var(--ef-brand); color: #fff; }
.btn-brand:hover, .btn-brand:focus { background: var(--ef-brand-dark); border-color: var(--ef-brand-dark); color: #fff; }
.btn-outline-brand { border-color: var(--ef-brand); color: var(--ef-brand-dark); }
.btn-outline-brand:hover { background: var(--ef-brand); color: #fff; }
.gate, .form-narrow { max-width: 34rem; }
.product-list li { border-block-end: 1px solid var(--ef-border); }
.product-list a { padding: .7rem 0; text-decoration: none; }
.product-list .name { font-weight: 600; color: var(--ef-text); }
.product-list .code { color: var(--ef-muted); font-size: .85rem; margin-inline-start: .6rem; }
.document.covers { border-color: #16A34A; box-shadow: inset 4px 0 0 #16A34A; }
[dir="rtl"] .document.covers { box-shadow: inset -4px 0 0 #16A34A; }
.hp { position: absolute; inset-inline-start: -10000px; width: 1px; height: 1px; overflow: hidden; }
sup.tm { font-size: .6em; }