/*
 * elidobit-content.css — the one stylesheet for the git-managed content pages.
 *
 * Every file in mu-plugins/content/ used to carry its own copy of this CSS in
 * an inline <style> block. Seven copies of the same rules meant a design fix
 * had to be applied seven times, and the one that was not applied stayed
 * broken silently — which is exactly how the .ea-chips RTL bug survived in
 * four pages at once (14.8.2026). This file is that single place.
 *
 * How it was merged, and why it is byte-safe: the seven blocks were parsed
 * rule by rule and compared. NO selector had conflicting declarations in any
 * two files — every shared rule was identical, and every file's rule order was
 * a subsequence of the single order below. So this file is the union of the
 * seven, in an order that preserves each page's original cascade exactly.
 *
 * Everything is scoped under .elido-article or .elido-hub. A rule for a
 * component a given page does not render matches nothing there, which is why
 * one sheet can serve all seven pages without a per-page split.
 *
 * RTL: AGENTS.md §5. Use logical properties (padding-inline, inset-inline-*),
 * never left/right — the pages run dir="rtl" and physical properties do not
 * flip. The .ea-chips dot below is the rule that got this written down.
 *
 * Loaded by elidobit-content.php via wp_enqueue_style(), on managed pages
 * only, versioned by filemtime() so a change busts the browser cache.
 */

/* ---------------------------------------------------------------------
 * Article template — shared by every guide page and by the local
 * landing page. Scoped under .elido-article, so nothing here can reach
 * an Elementor page that does not carry the wrapper.
 * ------------------------------------------------------------------ */

.elido-article {
    font-family:'סימונה','Simona',-apple-system,'Segoe UI',Arial,sans-serif;
    max-width:820px;
    margin:0 auto;
    padding:8px 20px 48px;
    color:#3a3a3a;
    line-height:1.85;
    font-size:18px;
    direction:rtl;
    text-align:right;
}

.elido-article * {
    box-sizing:border-box;
}

.elido-article .ea-hero {
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#161d2e 0%,#243150 55%,#2c3b63 100%);
    border-radius:18px;
    padding:56px 40px 50px;
    text-align:center;
    margin:8px 0 28px;
    box-shadow:0 18px 44px -18px rgba(20,30,55,.55);
}

.elido-article .ea-hero::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:5px;
    background:linear-gradient(90deg,#90A8E6,#BEA168);
}

.elido-article .ea-hero h1 {
    color:#fff;
    font-size:34px;
    line-height:1.32;
    font-weight:700;
    margin:0 0 16px;
    letter-spacing:-.3px;
}

.elido-article .ea-hero .ea-sub {
    color:#d6deef;
    font-size:18px;
    line-height:1.7;
    font-weight:400;
    margin:0 auto;
    max-width:640px;
}

.elido-article .ea-chips {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin:22px auto 0;
    max-width:640px;
}

.elido-article .ea-chips span {
    position:relative;
    background:rgba(144,168,230,.14);
    border:1px solid rgba(144,168,230,.4);
    color:#e6ecfb;
    font-size:14.5px;
    font-weight:600;
    padding-block:8px;
    padding-inline:34px 16px;
    border-radius:999px;
    line-height:1.2;
}

.elido-article .ea-chips span::before {
    content:"";
    position:absolute;
    inset-inline-start:14px;
    inset-inline-end:auto;
    top:50%;
    transform:translateY(-50%);
    width:7px;
    height:7px;
    border-radius:50%;
    background:#BEA168;
    box-shadow:0 0 0 3px rgba(190,161,104,.22);
}

.elido-article .ea-disclaimer {
    background:#f7f4ec;
    border:1px solid #e8dfc6;
    border-right:4px solid #BEA168;
    border-radius:10px;
    padding:13px 18px;
    font-size:15px;
    color:#6b6149;
    line-height:1.6;
    margin:0 0 30px;
}

.elido-article .ea-disclaimer strong {
    color:#9a824a;
}

.elido-article .ea-lead {
    font-size:20px;
    line-height:1.75;
    color:#2a2a2a;
    font-weight:500;
    margin:0 0 30px;
}

.elido-article .ea-sec {
    margin:30px 0;
    padding:2px 2px 8px;
}

.elido-article .ea-sec--tint {
    background:#f5f8fd;
    border:1px solid #eaf0fb;
    border-radius:16px;
    margin:34px -16px;
    padding:6px 28px 22px;
}

.elido-article h2 {
    color:#110D15;
    font-size:25px;
    font-weight:700;
    line-height:1.35;
    margin:34px 0 16px;
    padding-right:18px;
    position:relative;
}

.elido-article .ea-sec:first-child h2 {
    margin-top:14px;
}

.elido-article h2::before {
    content:"";
    position:absolute;
    right:0;
    top:.16em;
    bottom:.16em;
    width:5px;
    border-radius:3px;
    background:#90A8E6;
}

.elido-article p {
    margin:0 0 16px;
}

.elido-article ul {
    list-style:none;
    margin:6px 0 8px;
    padding:0;
}

.elido-article ul li {
    position:relative;
    padding-right:30px;
    margin:0 0 12px;
}

.elido-article ul li::before {
    content:"";
    position:absolute;
    right:5px;
    top:.62em;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#90A8E6;
    box-shadow:0 0 0 4px rgba(144,168,230,.16);
}

.elido-article ul li strong {
    color:#110D15;
}

.elido-article a {
    color:#4f6bc6;
    font-weight:600;
    text-decoration:none;
    border-bottom:1px solid rgba(144,168,230,.5);
}

.elido-article a:hover {
    color:#90A8E6;
    border-color:#90A8E6;
}

.elido-article .ea-faq {
    margin:48px 0 8px;
}

.elido-article .ea-faq h2 {
    margin-bottom:20px;
}

.elido-article .ea-faq details {
    background:#fff;
    border:1px solid #e6ecf8;
    border-radius:12px;
    margin:0 0 14px;
    overflow:hidden;
    box-shadow:0 6px 18px -14px rgba(20,30,55,.4);
}

.elido-article .ea-faq details[open] {
    border-color:#cdd9f4;
    box-shadow:0 10px 26px -14px rgba(20,30,55,.5);
}

.elido-article .ea-faq summary {
    list-style:none;
    cursor:pointer;
    padding:18px 22px;
    font-weight:700;
    color:#110D15;
    font-size:18px;
    display:flex;
    align-items:center;
    gap:12px;
}

.elido-article .ea-faq summary::-webkit-details-marker {
    display:none;
}

.elido-article .ea-faq summary::before {
    content:"+";
    color:#90A8E6;
    font-weight:700;
    font-size:24px;
    line-height:1;
    flex:0 0 auto;
}

.elido-article .ea-faq details[open] summary::before {
    content:"–";
}

.elido-article .ea-faq details p {
    margin:0;
    padding:0 22px 20px;
    color:#444;
    font-size:16.5px;
    line-height:1.8;
}

.elido-article .ea-cta-band {
    background:linear-gradient(135deg,#161d2e,#2c3b63);
    border-radius:18px;
    padding:42px 30px;
    text-align:center;
    margin:48px 0 14px;
}

.elido-article .ea-cta-band p {
    color:#e9eefb;
    font-size:20px;
    font-weight:600;
    margin:0 0 22px;
}

.elido-article .ea-cta {
    display:inline-block;
    background:#90A8E6;
    color:#fff;
    border-radius:8px;
    padding:15px 46px;
    font-weight:700;
    font-size:17px;
    text-decoration:none;
    border:none;
    font-family:inherit;
    box-shadow:0 10px 24px -8px rgba(144,168,230,.7);
    transition:transform .15s,box-shadow .15s;
}

.elido-article .ea-cta:hover {
    transform:translateY(-2px);
    box-shadow:0 14px 30px -8px rgba(144,168,230,.85);
    color:#fff;
    border:none;
}

.elido-article .ea-cta-alt {
    color:#c8d3ee;
    font-size:15.5px;
    font-weight:500;
    margin:18px 0 0;
}

.elido-article .ea-cta-alt a {
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.45);
}

.elido-article .ea-cta-alt a:hover {
    color:#90A8E6;
    border-color:#90A8E6;
}

.elido-article hr {
    border:none;
    border-top:1px solid #e8e8ee;
    margin:38px 0 16px;
}


/* ---------------------------------------------------------------------
 * Article template — mobile.
 * ------------------------------------------------------------------ */
@media(max-width:600px) {

    .elido-article {
        font-size:17px;
        padding:6px 14px 32px;
    }

    .elido-article .ea-hero {
        padding:40px 22px 36px;
        border-radius:14px;
    }

    .elido-article .ea-hero h1 {
        font-size:26px;
    }

    .elido-article .ea-hero .ea-sub {
        font-size:16px;
    }

    .elido-article h2 {
        font-size:21px;
    }

    .elido-article .ea-sec--tint {
        margin:28px -10px;
        padding:6px 18px 18px;
    }

    .elido-article .ea-cta-band {
        padding:34px 20px;
    }

    .elido-article .ea-cta-band p {
        font-size:18px;
    }
}

/* ---------------------------------------------------------------------
 * NAP card and service-area list. Markup exists only on the local
 * landing page (סוכן-ביטוח-בפתח-תקווה); inert everywhere else.
 * ------------------------------------------------------------------ */

.elido-article .ea-nap {
    background:#f5f8fd;
    border:1px solid #e6ecf8;
    border-radius:14px;
    padding:20px 24px;
    margin:0 0 28px;
}

.elido-article .ea-nap dl {
    margin:0;
}

.elido-article .ea-nap dt {
    font-weight:700;
    color:#110D15;
    font-size:16px;
    margin:0 0 2px;
}

.elido-article .ea-nap dd {
    margin:0 0 14px;
    padding:0;
    font-size:16.5px;
    color:#3a3a3a;
}

.elido-article .ea-nap dd:last-child {
    margin-bottom:0;
}

.elido-article .ea-nap a {
    color:#2f4691;
    border-bottom-color:#b9c6e8;
}

.elido-article .ea-areas {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:12px 0 8px;
    padding:0;
    list-style:none;
}

.elido-article .ea-areas li {
    background:#fff;
    border:1px solid #dfe7f7;
    border-radius:999px;
    padding:7px 16px;
    margin:0;
    font-size:15.5px;
    font-weight:600;
    color:#243150;
}

.elido-article .ea-areas li::before {
    content:none;
}

/* ---------------------------------------------------------------------
 * NAP card and service-area list — mobile.
 * ------------------------------------------------------------------ */
@media(max-width:600px) {

    .elido-article .ea-nap {
        padding:16px 18px;
    }

    .elido-article .ea-areas li {
        font-size:15px;
        padding:6px 13px;
    }
}

/* ---------------------------------------------------------------------
 * Hub template — the מאמרים index. Scoped under .elido-hub, a wrapper
 * no article page carries, so it is inert on all of them.
 * ------------------------------------------------------------------ */

.elido-hub {
    font-family:'סימונה','Simona',-apple-system,'Segoe UI',Arial,sans-serif;
    max-width:960px;
    margin:0 auto;
    padding:8px 20px 56px;
    color:#3a3a3a;
    direction:rtl;
    text-align:right;
}

.elido-hub * {
    box-sizing:border-box;
}

.elido-hub .eh-hero {
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#161d2e 0%,#243150 55%,#2c3b63 100%);
    border-radius:18px;
    padding:52px 40px 46px;
    text-align:center;
    margin:8px 0 32px;
    box-shadow:0 18px 44px -18px rgba(20,30,55,.55);
}

.elido-hub .eh-hero::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:5px;
    background:linear-gradient(90deg,#90A8E6,#BEA168);
}

.elido-hub .eh-hero h1 {
    color:#fff;
    font-size:34px;
    line-height:1.32;
    font-weight:700;
    margin:0 0 14px;
    letter-spacing:-.3px;
}

.elido-hub .eh-hero p {
    color:#d6deef;
    font-size:18px;
    line-height:1.7;
    margin:0 auto;
    max-width:640px;
}

.elido-hub .eh-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.elido-hub .eh-card {
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #e6ecf8;
    border-radius:16px;
    padding:26px 26px 22px;
    box-shadow:0 8px 22px -16px rgba(20,30,55,.45);
    transition:transform .15s,box-shadow .15s;
}

.elido-hub .eh-card:hover {
    transform:translateY(-3px);
    box-shadow:0 16px 32px -16px rgba(20,30,55,.55);
    border-color:#cdd9f4;
}

.elido-hub .eh-card h2 {
    color:#110D15;
    font-size:22px;
    font-weight:700;
    line-height:1.4;
    margin:0 0 12px;
    padding-right:16px;
    position:relative;
}

.elido-hub .eh-card h2::before {
    content:"";
    position:absolute;
    right:0;
    top:.16em;
    bottom:.16em;
    width:5px;
    border-radius:3px;
    background:#90A8E6;
}

.elido-hub .eh-card p {
    font-size:16px;
    line-height:1.75;
    color:#555;
    margin:0 0 20px;
    flex:1;
}

.elido-hub .eh-card a.eh-read {
    display:inline-block;
    align-self:flex-start;
    background:#90A8E6;
    color:#fff;
    border-radius:8px;
    padding:11px 30px;
    font-weight:700;
    font-size:15.5px;
    text-decoration:none;
    box-shadow:0 8px 20px -8px rgba(144,168,230,.7);
    transition:transform .15s,box-shadow .15s;
}

.elido-hub .eh-card a.eh-read:hover {
    transform:translateY(-2px);
    box-shadow:0 12px 26px -8px rgba(144,168,230,.85);
    color:#fff;
}

.elido-hub .eh-cta-band {
    background:linear-gradient(135deg,#161d2e,#2c3b63);
    border-radius:18px;
    padding:40px 30px;
    text-align:center;
    margin:36px 0 8px;
}

.elido-hub .eh-cta-band p {
    color:#e9eefb;
    font-size:20px;
    font-weight:600;
    margin:0 0 22px;
}

.elido-hub .eh-cta-band a {
    display:inline-block;
    background:#90A8E6;
    color:#fff;
    border-radius:8px;
    padding:15px 46px;
    font-weight:700;
    font-size:17px;
    text-decoration:none;
    box-shadow:0 10px 24px -8px rgba(144,168,230,.7);
}

.elido-hub .eh-cta-band a:hover {
    color:#fff;
}

/* Phone fallback under the hub CTA. The rule above turns every anchor in the
 * band into a filled button, so the secondary link has to opt back out. */
.elido-hub .eh-cta-alt {
    color:#c8d3ee;
    font-size:15.5px;
    font-weight:500;
    margin:22px 0 0;
}

.elido-hub .eh-cta-band .eh-cta-alt a {
    display:inline;
    background:none;
    box-shadow:none;
    border-radius:0;
    padding:0;
    font-size:inherit;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.45);
}

.elido-hub .eh-cta-band .eh-cta-alt a:hover {
    color:#90A8E6;
    border-color:#90A8E6;
}

/* ---------------------------------------------------------------------
 * Hub template — mobile.
 * ------------------------------------------------------------------ */
@media(max-width:640px) {

    .elido-hub {
        padding:6px 14px 40px;
    }

    .elido-hub .eh-hero {
        padding:40px 22px 34px;
        border-radius:14px;
    }

    .elido-hub .eh-hero h1 {
        font-size:26px;
    }

    .elido-hub .eh-hero p {
        font-size:16px;
    }

    .elido-hub .eh-grid {
        grid-template-columns:1fr;
        gap:18px;
    }

    .elido-hub .eh-card h2 {
        font-size:20px;
    }
}

/* ---------------------------------------------------------------------
 * Hub template — the local-page teaser strip.
 * ------------------------------------------------------------------ */

.elido-hub .eh-local {
    background:#f5f8fd;
    border:1px solid #e6ecf8;
    border-radius:14px;
    padding:18px 22px;
    margin:26px 0 0;
    font-size:16.5px;
    line-height:1.75;
    color:#3a3a3a;
}

.elido-hub .eh-local a {
    color:#2f4691;
    font-weight:700;
    text-decoration:underline;
}

/* ---------------------------------------------------------------------
 * Hub template — the local-page teaser strip, mobile.
 * ------------------------------------------------------------------ */
@media(max-width:640px) {

    .elido-hub .eh-local {
        padding:15px 17px;
        font-size:16px;
    }
}

/* =====================================================================
 * SITE SHELL — the header and footer that wrap every managed page.
 *
 * Why this exists. The home page is an Elementor Canvas template: its
 * header and footer are bands INSIDE that one page's design, not a
 * global template. Elementor here is the free edition, so there is no
 * Theme Builder and no way to attach that chrome to another page. The
 * managed content pages therefore rendered with the Hello-Elementor
 * fallback instead — a bare grey wordmark on top and an unstyled
 * "כל הזכויות שמורות" at the bottom. This section rebuilds the home
 * page's chrome in code so the article pages read as the same site.
 *
 * Measured, not invented. Every value below was read off the live home
 * page (https://elidobit.com/) with a real browser:
 *   nav       white, סימונה, hover = underline with 4px offset
 *   CTA       transparent fill, 1px solid #fff, white label
 *   footer    band #4C63A6, white text, weight 300, three columns
 *             30% / 40% / 30% — accessibility statement (start),
 *             copyright (centre), credit (end)
 *   collapse  the home page swaps its menu for a burger at ≤1024px,
 *             so this shell uses the same breakpoint
 *
 * The one deliberate difference is the header background. On the home
 * page the header is transparent and floats over a dark sky photo,
 * which is why its links are white. There is no photo on an article
 * page, so white on transparent would be white on white. The header
 * takes #243150 instead — the mid stop of the article hero's own
 * gradient, i.e. a colour already in this design, and 12.9:1 against
 * white (AGENTS.md §2). It also runs continuously into the hero below.
 * Footer white on #4C63A6 measures 5.8:1, so the home page's own band
 * colour is kept exactly.
 *
 * Scoping (AGENTS.md §6): the rest of this sheet is fenced under
 * .elido-article / .elido-hub because those wrappers mark one page's
 * content. The shell is not page content — it is the same chrome on
 * every managed page — so it is fenced by its own .ea-shell- prefix
 * instead. Nothing here matches an element the shell did not print.
 *
 * RTL (AGENTS.md §5): logical properties only. The nav sits at the
 * inline start and the CTA at the inline end, which reads right/left
 * here and would flip on its own in an LTR document.
 * ================================================================== */

.ea-shell-header,
.ea-shell-footer {
    font-family:'סימונה','Simona',-apple-system,'Segoe UI',Arial,sans-serif;
    direction:rtl;
}

.ea-shell-header *,
.ea-shell-footer * {
    box-sizing:border-box;
}

/* ---------------------------------------------------------------------
 * Shell header — the band itself.
 * ------------------------------------------------------------------ */

.ea-shell-header {
    position:relative;
    z-index:30;
    background:#243150;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.ea-shell-header__inner {
    max-width:1180px;
    margin-inline:auto;
    padding-inline:20px;
    min-height:78px;
    display:flex;
    align-items:center;
    gap:18px;
}

/* ---------------------------------------------------------------------
 * Shell header — the logo.
 * ------------------------------------------------------------------ */

.ea-shell-brand {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    text-decoration:none;
    line-height:0;
}

.ea-shell-brand img {
    display:block;
    width:62px;
    height:60px;
    object-fit:contain;
}

/* ---------------------------------------------------------------------
 * Shell header — the menu, wide layout.
 * ------------------------------------------------------------------ */

.ea-shell-nav {
    flex:1 1 auto;
    min-width:0;
}

.ea-shell-nav ul {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
}

.ea-shell-nav a {
    display:inline-block;
    padding-block:10px;
    padding-inline:11px;
    color:#fff;
    font-size:15px;
    font-weight:400;
    line-height:1.35;
    text-decoration:none;
    white-space:nowrap;
}

.ea-shell-nav a:hover,
.ea-shell-nav a:focus {
    color:#fff;
    text-decoration:underline;
    text-underline-offset:4px;
}

.ea-shell-nav a[aria-current="page"] {
    text-decoration:underline;
    text-underline-offset:4px;
    text-decoration-color:#BEA168;
    text-decoration-thickness:2px;
}

/* ---------------------------------------------------------------------
 * Shell header — the calculator call to action.
 * ------------------------------------------------------------------ */

.ea-shell-cta-wrap {
    flex:0 0 auto;
    display:flex;
    justify-content:flex-end;
}

.ea-shell-cta {
    display:inline-block;
    padding-block:11px;
    padding-inline:24px;
    border:1px solid #fff;
    color:#fff;
    font-size:15px;
    font-weight:400;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    transition:background-color .2s ease;
}

.ea-shell-cta:hover,
.ea-shell-cta:focus {
    background:rgba(255,255,255,.14);
    color:#fff;
    text-decoration:none;
}

/* ---------------------------------------------------------------------
 * Shell header — the burger, hidden while the wide menu is showing.
 *
 * A <details>/<summary> disclosure, not a scripted popup. It needs no
 * JavaScript, the keyboard and screen-reader behaviour is the browser's
 * own, and — unlike the home page's Elementor popup — it is not a modal,
 * so it carries no focus-trap obligation (AGENTS.md §2).
 * ------------------------------------------------------------------ */

.ea-shell-menu {
    display:none;
    flex:0 0 auto;
    margin-inline-start:auto;
}

.ea-shell-menu > summary {
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    cursor:pointer;
    list-style:none;
    color:#fff;
}

.ea-shell-menu > summary::-webkit-details-marker {
    display:none;
}

.ea-shell-menu > summary svg {
    width:26px;
    height:26px;
    fill:currentColor;
}

.ea-shell-menu__label {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
}

.ea-shell-menu__panel {
    position:absolute;
    inset-inline:0;
    top:100%;
    background:#243150;
    border-top:1px solid rgba(255,255,255,.14);
    box-shadow:0 18px 30px -16px rgba(20,30,55,.65);
    padding:8px 20px 18px;
}

/* ---------------------------------------------------------------------
 * Shell header — narrow layout. 1024px is the width at which the home
 * page itself swaps its menu for a burger, so the shell matches it.
 * ------------------------------------------------------------------ */
@media(max-width:1024px) {

    .ea-shell-header__inner {
        min-height:66px;
        padding-inline:16px;
        gap:12px;
    }

    .ea-shell-brand {
        order:-1;
    }

    .ea-shell-brand img {
        width:52px;
        height:50px;
    }

    .ea-shell-menu {
        display:block;
    }

    .ea-shell-header > .ea-shell-header__inner > .ea-shell-nav,
    .ea-shell-header > .ea-shell-header__inner > .ea-shell-cta-wrap {
        display:none;
    }

    .ea-shell-menu__panel .ea-shell-nav,
    .ea-shell-menu__panel .ea-shell-cta-wrap {
        display:block;
    }

    .ea-shell-menu__panel .ea-shell-nav ul {
        flex-direction:column;
        align-items:stretch;
    }

    .ea-shell-menu__panel .ea-shell-nav a {
        display:block;
        padding-block:11px;
        padding-inline:2px;
        font-size:16.5px;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .ea-shell-menu__panel .ea-shell-cta-wrap {
        margin-block-start:16px;
    }

    .ea-shell-menu__panel .ea-shell-cta {
        display:block;
        padding-inline:16px;
    }
}

/* ---------------------------------------------------------------------
 * Shell footer — the home page's band, rebuilt.
 *
 * The home page draws these three lines as <h2> headings, which is an
 * Elementor authoring habit rather than a decision: they are not section
 * titles, and copying them as headings here would inject three phantom
 * h2s into every article's outline. They are plain text with the same
 * type, so the band looks identical and the outline stays clean.
 * ------------------------------------------------------------------ */

.ea-shell-footer {
    background:#4C63A6;
    color:#fff;
    margin-block-start:44px;
}

.ea-shell-footer__inner {
    max-width:1180px;
    margin-inline:auto;
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
}

.ea-shell-footer__col {
    font-size:16.5px;
    font-weight:300;
    line-height:1.45;
}

.ea-shell-footer__col--start {
    flex:0 0 28%;
    text-align:start;
}

.ea-shell-footer__col--center {
    flex:1 1 44%;
    text-align:center;
}

.ea-shell-footer__col--end {
    flex:0 0 28%;
    text-align:end;
}

.ea-shell-footer a {
    color:#fff;
    text-decoration:none;
}

.ea-shell-footer a:hover,
.ea-shell-footer a:focus {
    color:#fff;
    text-decoration:underline;
    text-underline-offset:3px;
}

.ea-shell-footer b {
    font-weight:600;
}

/* ---------------------------------------------------------------------
 * Shell footer — narrow layout. The home page stacks these three lines
 * on a phone too; this stacks them in reading order.
 * ------------------------------------------------------------------ */
@media(max-width:700px) {

    .ea-shell-footer__inner {
        flex-direction:column;
        gap:7px;
        padding:16px 18px;
    }

    .ea-shell-footer__col {
        flex:0 0 auto;
        font-size:15.5px;
        text-align:center;
    }

    .ea-shell-footer__col--start,
    .ea-shell-footer__col--end {
        text-align:center;
    }
}