/* ===========================================================================
   mekapart.com theme layer: NEON / TECH direction (2026-10-09, owner asked for «مدرن، سه بعدی،
   نئونی، تکنولوژیکی، ژورنالی، نه کلاسیک»). Replaces the first, light «clean» layer
   (kept as mk-theme-clean.css). Loaded last and only in theme preview (header.php,
   ?mk_preview=1 / ?mk_preview=0). Every rule is scoped under html.mk-t.
   Pure CSS: markup, URLs, forms and scripts are untouched.

   2026-10-09 (later): owner asked for a LIGHT theme with #007ac9 as the second colour; the dark
   version is kept as mk-theme-dark.css.
   System
   - light only, one page theme: bg #f6f9fc, surfaces #ffffff / #f2f7fb
   - neon cyan #29b6ff for glows and hover light; brand blue #007ac9 for buttons, links and accents
   - radius 10px controls, 14px surfaces
   - Estedad (SIL OFL, self-hosted ../Fonts/Estedad-wght.woff2, variable 100-900) 15.5px / 2.05; h1 34, h2 25, h3 20
   - database content often carries inline black/blue colours: forced back to the theme text colour
   =========================================================================== */

/* Estedad, site-wide since 2026-10-09 (SIL Open Font License, aminabedi68/Estedad v8.5; licence in
   Interface/Fonts/Estedad-OFL.txt). One variable file covers every weight. Preloaded in header.php with
   the same URL, so it is fetched once. */
@font-face { font-family: 'Estedad'; src: url('../Fonts/Estedad-wght.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
/* legacy stylesheets set Vazir on many elements; text elements follow the theme font, icon glyphs
   (fontello / feather on i and fa-* classes) keep theirs */
html.mk-t body :where(h1, h2, h3, h4, h5, h6, p, a, span, li, dt, dd, td, th, label, input, textarea, select, button, div, strong, b, em, small, blockquote, figcaption, header, footer, section, article, nav, main):not([class*="fa-"]):not([class^="icon-"]):not(.fa) {
    font-family: 'Estedad', Vazir, Tahoma, sans-serif !important;
}

html.mk-t {
    --mk-bg: #f6f9fc; --mk-bg2: #eef4f9; --mk-surface: #ffffff; --mk-surface2: #f2f7fb;
    --mk-line: rgba(0, 95, 160, .12); --mk-line2: rgba(0, 95, 160, .22);
    --mk-text: #2b3a48; --mk-muted: #5b6c7c; --mk-ink: #0b1a28;
    --mk-neon: #29b6ff; --mk-neon-soft: rgba(41, 182, 255, .12); --mk-blue: #007ac9; --mk-heat: #007ac9;
    --mk-r-ctl: 10px; --mk-r-box: 14px;
    --mk-glow: 0 0 0 1px rgba(41, 182, 255, .45), 0 0 32px rgba(41, 182, 255, .22);
    --mk-ease: cubic-bezier(.16, 1, .3, 1);
    background: var(--mk-bg); color-scheme: light;
}
html.mk-t body { background: var(--mk-bg) !important; color: var(--mk-text) !important; font-family: 'Estedad', Vazir, Tahoma, sans-serif; font-size: 15.5px; line-height: 2.05; }
html.mk-t #loadingFull { background: var(--mk-bg) !important; }
html.mk-t ::selection { background: rgba(41, 182, 255, .3); color: var(--mk-ink); }
html.mk-t h1, html.mk-t h2, html.mk-t h3, html.mk-t h4, html.mk-t h5, html.mk-t h6 { font-family: 'Estedad', Vazir, Tahoma, sans-serif; color: var(--mk-ink) !important; letter-spacing: 0; }
html.mk-t main h1 { font-size: 34px; font-weight: 900; line-height: 1.55; margin: 0 0 28px; }
html.mk-t main h2 { font-size: 25px; font-weight: 800; line-height: 1.65; margin: 44px 0 16px; }
html.mk-t main h3 { font-size: 20px; font-weight: 700; line-height: 1.8; margin: 32px 0 12px; }
html.mk-t main h4, html.mk-t main h5, html.mk-t main h6 { font-size: 16.5px; font-weight: 700; line-height: 1.8; margin: 24px 0 8px; }
html.mk-t main p { margin: 0 0 16px; }
html.mk-t main a { color: var(--mk-blue); transition: color .15s, text-shadow .2s; }
html.mk-t main a:hover { color: #005d9c; text-shadow: 0 0 14px rgba(41, 182, 255, .35); }
html.mk-t a:focus-visible, html.mk-t button:focus-visible, html.mk-t input:focus-visible, html.mk-t textarea:focus-visible, html.mk-t select:focus-visible {
    outline: 2px solid var(--mk-heat); outline-offset: 2px;
}
/* editor-pasted inline colours (#0000ff spans, odd backgrounds) pulled back to the theme palette */
html.mk-t .content-description *:not(a):not(a *), html.mk-t .news-body *:not(a):not(a *), html.mk-t .infographic-des-box *:not(a):not(a *),
html.mk-t .quote-des-box-fa *, html.mk-t .lead * { color: inherit !important; background-color: transparent !important; }

/* ---------- header (dark glass) ---------- */
html.mk-t .header { background: rgba(255, 255, 255, .82) !important; backdrop-filter: saturate(160%) blur(14px); -webkit-backdrop-filter: saturate(160%) blur(14px);
    border-bottom: 1px solid var(--mk-line); box-shadow: none !important; top: 0 !important; }
html.mk-t .header::after { content: ""; position: absolute; inset: auto 0 -1px 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(41, 182, 255, .7), transparent); }
html.mk-t body { padding-top: 89px !important; }
html.mk-t .header-content { max-width: 1240px; margin: 0 auto; padding: 10px 20px; display: flex; align-items: center; gap: 24px; }
html.mk-t #logo { height: auto !important; display: flex; align-items: center; }
html.mk-t #logo img { max-height: 46px !important; width: auto; filter: drop-shadow(0 0 8px rgba(41, 182, 255, .35)); }
html.mk-t .search-content { flex: 1; max-width: 520px; margin: 0 auto; }
html.mk-t .pnl-search { position: relative; width: 100%; background: none !important; }
html.mk-t .txtSearch { width: 100% !important; height: 44px !important; border: 1px solid var(--mk-line2) !important; border-radius: var(--mk-r-ctl) !important;
    background: var(--mk-surface2) !important; padding: 0 16px 0 46px !important; font-size: 14px !important; color: var(--mk-ink) !important; box-shadow: none !important;
    transition: border-color .2s, box-shadow .2s; }
html.mk-t .txtSearch:focus { border-color: var(--mk-neon) !important; box-shadow: var(--mk-glow) !important; outline: none; }
html.mk-t .txtSearch::placeholder { color: #7a8a99; }
html.mk-t .btn-search { height: 44px !important; width: 44px !important; top: 0 !important; left: 2px !important; background-color: transparent !important; border: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007ac9' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cline x1='19' y1='19' x2='15.2' y2='15.2'/%3E%3C/svg%3E") !important; }
html.mk-t .account-box .dropdown-toggle { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--mk-line2); border-radius: var(--mk-r-ctl);
    color: var(--mk-ink) !important; font-size: 14px; transition: border-color .2s, box-shadow .2s; }
html.mk-t .account-box .dropdown-toggle i { color: var(--mk-blue) !important; }
html.mk-t .account-box .dropdown-toggle span, html.mk-t .usernameTitle { color: var(--mk-ink) !important; }
html.mk-t .account-box .dropdown-toggle:hover { border-color: var(--mk-neon); box-shadow: var(--mk-glow); }
html.mk-t .account-box .dropdown-menu { background: var(--mk-surface) !important; border: 1px solid var(--mk-line2); border-radius: var(--mk-r-box); box-shadow: 0 20px 50px rgba(0, 60, 110, .14); padding: 8px; }

/* ---------- navigation ---------- */
html.mk-t .MenuContainer { background: rgba(255, 255, 255, .92) !important; border-bottom: 1px solid var(--mk-line) !important; }
html.mk-t .main_navigation { display: flex !important; justify-content: center; gap: 6px; max-width: 1240px; margin: 0 auto !important; padding: 0 20px !important; }
html.mk-t .main_navigation > li { float: none !important; display: block; }
html.mk-t .main_navigation > li > a { display: block; padding: 13px 16px !important; font-size: 15px !important; font-weight: 500; color: var(--mk-ink) !important; line-height: 1.6 !important;
    position: relative; background: none !important; transition: color .2s, text-shadow .2s; }
html.mk-t .main_navigation > li > a::after { content: ""; position: absolute; right: 16px; left: 16px; bottom: 6px; height: 2px; border-radius: 2px; background: var(--mk-neon);
    box-shadow: 0 0 10px var(--mk-neon); transform: scaleX(0); transition: transform .25s var(--mk-ease); }
html.mk-t .main_navigation > li:hover > a, html.mk-t .main_navigation > li:focus-within > a { color: var(--mk-blue) !important; text-shadow: 0 0 14px rgba(41, 182, 255, .45); }
html.mk-t .main_navigation > li:hover > a::after, html.mk-t .main_navigation > li:focus-within > a::after { transform: scaleX(1); }
html.mk-t .main_navigation .multi-level, html.mk-t .last_level { background: rgba(255, 255, 255, .98) !important; border: 1px solid var(--mk-line2) !important; border-radius: var(--mk-r-box) !important;
    box-shadow: 0 24px 60px rgba(0, 60, 110, .16), 0 0 30px rgba(41, 182, 255, .10) !important; padding: 8px !important; min-width: 270px; backdrop-filter: blur(12px); }
html.mk-t .main_navigation .multi-level li { float: none !important; width: auto !important; border: 0 !important; background: none !important; }
html.mk-t .main_navigation .multi-level a { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px !important; border-radius: 8px;
    font-size: 14px !important; line-height: 1.8 !important; color: var(--mk-text) !important; background: none !important; border: 0 !important; white-space: normal; }
html.mk-t .main_navigation .multi-level a:hover { background: var(--mk-neon-soft) !important; color: var(--mk-blue) !important; }
html.mk-t .dropdown-submenu > a > .fa-angle-left { color: var(--mk-blue) !important; }
html.mk-t .last_level { top: -9px !important; width: 310px !important; }

/* ---------- page shell ---------- */
html.mk-t main { background: radial-gradient(50% 420px at 85% 0, rgba(41, 182, 255, .12), transparent 70%); }
html.mk-t .page-container, html.mk-t .homepage-container { max-width: 1160px !important; margin: 0 auto !important; padding: 48px 20px 72px !important; color: var(--mk-text) !important; }
html.mk-t .page-container > h1 { position: relative; padding-bottom: 18px; }
html.mk-t .page-container > h1::after { content: ""; position: absolute; right: 0; bottom: 0; width: 64px; height: 3px; border-radius: 3px; background: var(--mk-blue); box-shadow: 0 0 16px var(--mk-neon); }
html.mk-t .content-description { font-size: 16px; line-height: 2.15; }
html.mk-t .content-description > p, html.mk-t .content-description > ul, html.mk-t .content-description > ol { max-width: 76ch; }
html.mk-t .content-description img { border-radius: var(--mk-r-box); max-width: 100%; height: auto; }
html.mk-t .content-description ul, html.mk-t .content-description ol { padding-right: 22px; margin: 0 0 16px; }
html.mk-t .content-description li { margin-bottom: 6px; }
html.mk-t .content-description li::marker { color: var(--mk-blue); }
html.mk-t .content-description table { border-collapse: collapse; width: 100%; margin: 16px 0 24px; font-size: 14.5px; border: 1px solid var(--mk-line2); border-radius: var(--mk-r-box); overflow: hidden; }
html.mk-t .content-description th, html.mk-t .content-description td { padding: 11px 14px; border-bottom: 1px solid var(--mk-line); text-align: right; }
html.mk-t .content-description th { background: var(--mk-surface2); color: var(--mk-ink) !important; font-weight: 700; }
html.mk-t .content-description tr:nth-child(even) td { background: var(--mk-surface2) !important; }
/* hub pages whose body is just a list of links (محصولات، خدمات): each link becomes a neon tile */
html.mk-t .content-description > p > span:only-child > span:only-child > span > a,
html.mk-t .content-description > p > span > span > a:only-child,
html.mk-t .content-description > p > a:only-child { display: inline-flex; align-items: center; min-height: 52px; padding: 10px 20px; border: 1px solid var(--mk-line2); border-radius: var(--mk-r-box);
    background: var(--mk-surface); color: var(--mk-ink) !important; font-weight: 700; transition: border-color .2s, box-shadow .25s, transform .25s var(--mk-ease); }
html.mk-t .content-description > p > span > span > a:only-child:hover, html.mk-t .content-description > p > a:only-child:hover,
html.mk-t .content-description > p > span:only-child > span:only-child > span > a:hover { border-color: var(--mk-neon); box-shadow: var(--mk-glow); transform: translateX(-4px); text-shadow: none; }

/* «به زودی داده های پیوسته…» placeholder pages */
html.mk-t .page-container > p[style*="text-align:center"] { max-width: 560px; margin: 0 auto 8px !important; color: var(--mk-muted) !important; font-size: 15px; }
html.mk-t .page-container > p[style*="text-align:center"] strong { font-weight: 500; }
html.mk-t .page-container > h1 + p[style*="text-align:center"] { margin-top: 40px !important; padding: 40px 24px 0; border-top: 1px dashed var(--mk-line2); }

html.mk-t .mkp-shop-cta { border: 1px solid rgba(41, 182, 255, .4) !important; border-right: 1px solid rgba(41, 182, 255, .4) !important; border-radius: var(--mk-r-box) !important;
    background: radial-gradient(80% 140% at 100% 0, rgba(41, 182, 255, .18), transparent 70%), var(--mk-surface) !important; padding: 22px 26px !important; }
html.mk-t .mkp-shop-cta__text strong { color: var(--mk-ink) !important; font-size: 17px !important; }
html.mk-t .mkp-shop-cta__text span { color: var(--mk-muted) !important; }

/* ---------- buttons ---------- */
html.mk-t main .btn, html.mk-t main button[type=submit], html.mk-t main input[type=submit], html.mk-t main input[type=button], html.mk-t .mkp-shop-cta__btn, html.mk-t main .btn-arrow-left {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 24px !important; border-radius: var(--mk-r-ctl) !important;
    font-family: 'Estedad', Vazir, Tahoma, sans-serif; font-size: 14.5px !important; font-weight: 700; line-height: 1.6; white-space: nowrap; cursor: pointer;
    transition: background-color .2s, border-color .2s, box-shadow .25s, color .2s, transform .1s; text-decoration: none !important; text-shadow: none !important;
}
html.mk-t main .btn-primary, html.mk-t main button[type=submit], html.mk-t main input[type=submit], html.mk-t .mkp-shop-cta__btn, html.mk-t main .bg-primary, html.mk-t main .btn-warning {
    background: var(--mk-blue) !important; border: 1px solid var(--mk-blue) !important; color: #fff !important; box-shadow: 0 6px 22px rgba(0, 122, 201, .28) !important;
}
html.mk-t main .btn-primary:hover, html.mk-t main button[type=submit]:hover, html.mk-t main input[type=submit]:hover, html.mk-t .mkp-shop-cta__btn:hover { background: #0069ad !important; box-shadow: 0 8px 30px rgba(0, 122, 201, .35), 0 0 22px rgba(41, 182, 255, .45) !important; color: #fff !important; }
html.mk-t main .btn:active, html.mk-t main button:active, html.mk-t main input[type=submit]:active { transform: translateY(1px); }
html.mk-t main .btn-default, html.mk-t main .btn-arrow-left { background: #fff !important; border: 1px solid rgba(0, 122, 201, .5) !important; color: var(--mk-blue) !important; margin-left: 8px; }
html.mk-t main .btn-default:hover, html.mk-t main .btn-arrow-left:hover { background: var(--mk-neon-soft) !important; box-shadow: var(--mk-glow) !important; }

/* ---------- forms ---------- */
html.mk-t main input[type=text], html.mk-t main input[type=email], html.mk-t main input[type=password], html.mk-t main input[type=tel], html.mk-t main input[type=number],
html.mk-t main input:not([type]), html.mk-t main textarea, html.mk-t main select, html.mk-t main .form-control {
    min-height: 46px; border: 1px solid var(--mk-line2) !important; border-radius: var(--mk-r-ctl) !important; background: var(--mk-surface) !important; color: var(--mk-ink) !important;
    padding: 8px 14px !important; font-family: 'Estedad', Vazir, Tahoma, sans-serif; font-size: 14.5px !important; box-shadow: none !important; transition: border-color .2s, box-shadow .2s;
    -webkit-text-fill-color: var(--mk-ink);
}
html.mk-t main input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px var(--mk-surface) inset !important; }
html.mk-t main textarea { min-height: 130px; line-height: 1.9; }
html.mk-t main input:focus, html.mk-t main textarea:focus, html.mk-t main select:focus, html.mk-t main .form-control:focus { border-color: var(--mk-neon) !important; box-shadow: var(--mk-glow) !important; outline: none; }
html.mk-t main input::placeholder, html.mk-t main textarea::placeholder { color: #7a8a99; }
html.mk-t main label { display: block; font-size: 14px; font-weight: 500; color: var(--mk-ink) !important; margin-bottom: 6px; }

/* ---------- content panels (brand pages, legacy home) ---------- */
html.mk-t .infographic-box > header, html.mk-t article > header { font-size: 25px !important; font-weight: 800; color: var(--mk-ink) !important; border: 0 !important; padding: 0 !important; margin: 0 0 24px !important; }
html.mk-t .infographic-container { position: relative; background: linear-gradient(160deg, var(--mk-surface2), var(--mk-surface) 60%); border: 1px solid var(--mk-line); border-radius: var(--mk-r-box);
    padding: 28px; margin-bottom: 24px !important; transition: border-color .3s, box-shadow .3s; }
html.mk-t .infographic-container { box-shadow: 0 4px 24px rgba(0, 60, 110, .06); }
html.mk-t .infographic-container:hover { border-color: rgba(41, 182, 255, .5); box-shadow: 0 8px 30px rgba(0, 60, 110, .08), 0 0 32px rgba(41, 182, 255, .14); }
html.mk-t .infographic-container .row { gap: 36px !important; align-items: center !important; margin: 0 !important; }
html.mk-t .infographic-img-box { background: radial-gradient(70% 70% at 50% 40%, rgba(41, 182, 255, .14), transparent 70%), var(--mk-surface2) !important; border-radius: var(--mk-r-box) !important; max-height: 380px !important; }
html.mk-t .infographic-img-box img { border-radius: var(--mk-r-box) !important; max-height: 380px !important; }
html.mk-t .infographic-icon-box img { width: 44px !important; }
html.mk-t .infographic-title1 { font-size: 22px !important; font-weight: 900; color: var(--mk-ink) !important; line-height: 1.7; margin: 4px 0 2px !important; }
html.mk-t .infographic-title2 { font-size: 14.5px !important; color: var(--mk-blue) !important; font-weight: 500; margin: 0 0 14px !important; }
html.mk-t .infographic-des-box { font-size: 15.5px; line-height: 2.1 !important; color: var(--mk-text); }
html.mk-t .infographic-des-box p { margin: 0 0 6px !important; }
html.mk-t .infographic-des-box p:empty { display: none; }
html.mk-t .infographic-btn-box { margin-top: 14px; }
html.mk-t .slider-viewport { margin: 0 0 40px !important; border-radius: var(--mk-r-box); background: var(--mk-surface) !important; border: 1px solid var(--mk-line); }
html.mk-t .sp-slide, html.mk-t .sp-image { background: var(--mk-surface) !important; }
html.mk-t .slider-dots span { width: 22px !important; height: 4px !important; border-radius: 2px !important; background: rgba(11, 26, 40, .25) !important; }
html.mk-t .slider-dots span.active { background: var(--mk-blue) !important; box-shadow: 0 0 10px var(--mk-neon); }
html.mk-t .small-card-box { background: var(--mk-surface) !important; border: 1px solid var(--mk-line); border-radius: var(--mk-r-box) !important; }
html.mk-t .small-card-title2 { color: var(--mk-muted) !important; }
html.mk-t .quote-container { background: var(--mk-surface) !important; border: 1px solid var(--mk-line); border-radius: var(--mk-r-box) !important; }
html.mk-t .news-item { background: var(--mk-surface) !important; border: 1px solid var(--mk-line); border-radius: var(--mk-r-box) !important; overflow: hidden; }
html.mk-t .news-item a, html.mk-t .news-title { color: var(--mk-ink) !important; }
html.mk-t .news-summary { color: var(--mk-muted) !important; }

/* ---------- article page (journal) ---------- */
html.mk-t .sticker { display: inline-block; background: rgba(41, 182, 255, .12) !important; color: var(--mk-blue) !important; border: 1px solid rgba(41, 182, 255, .4) !important;
    border-radius: 999px !important; padding: 2px 14px !important; font-size: 13px !important; }
html.mk-t .sticker a, html.mk-t .sticker * { color: inherit !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; font-size: inherit !important; }
html.mk-t .headline { font-size: clamp(28px, 3.4vw, 42px) !important; font-weight: 900 !important; line-height: 1.55 !important; color: var(--mk-ink) !important; margin: 14px 0 10px !important; max-width: 22em; }
html.mk-t .publish-date { color: var(--mk-muted) !important; font-size: 13px !important; margin-bottom: 22px; }
html.mk-t .lead { font-size: 19px !important; line-height: 2 !important; color: var(--mk-text) !important; font-weight: 400; max-width: 64ch; border-right: 3px solid var(--mk-blue); padding-right: 18px; }
html.mk-t .news-body { font-size: 16.5px; line-height: 2.2; max-width: 72ch; color: var(--mk-text); }
html.mk-t .news-body img { border-radius: var(--mk-r-box); height: auto; max-width: 100%; margin: 12px 0 20px; box-shadow: 0 20px 50px rgba(0, 60, 110, .14); }
html.mk-t .news-body h2, html.mk-t .news-body h3 { color: var(--mk-ink) !important; }
html.mk-t .comment-form { background: var(--mk-surface); border: 1px solid var(--mk-line); border-radius: var(--mk-r-box); padding: 26px; margin-top: 44px; max-width: 72ch; }

/* ---------- generic boxes (search results, panels, messages) ---------- */
html.mk-t .panel, html.mk-t .well, html.mk-t .panel-body, html.mk-t .panel-heading, html.mk-t .list-group-item {
    border-color: var(--mk-line) !important; border-radius: var(--mk-r-box) !important; box-shadow: none !important; background: var(--mk-surface) !important; color: var(--mk-text) !important; }
html.mk-t main hr { border-color: var(--mk-line) !important; }
html.mk-t main .text-danger, html.mk-t main .red, html.mk-t main [style*="color:red"], html.mk-t main [style*="color: red"] { color: var(--mk-heat) !important; }

/* ---------- footer ---------- */
html.mk-t .go-top { text-align: center; margin: 0 0 28px; }
html.mk-t .go-top a { display: inline-flex !important; align-items: center; gap: 6px; background: none !important; color: var(--mk-muted) !important; font-size: 13px !important;
    padding: 6px 16px !important; border: 1px solid var(--mk-line2); border-radius: 999px !important; box-shadow: none !important; width: auto !important; height: auto !important; transition: color .2s, border-color .2s, box-shadow .2s; }
html.mk-t .go-top a:hover { color: var(--mk-blue) !important; border-color: var(--mk-neon); box-shadow: var(--mk-glow) !important; }
html.mk-t .go-top a i, html.mk-t .go-top a::before { background: none !important; color: inherit !important; width: auto !important; height: auto !important; box-shadow: none !important; }
html.mk-t .footer { position: relative; background: var(--mk-bg2) !important; border-top: 1px solid var(--mk-line); padding: 56px 0 28px !important; color: var(--mk-text); }
html.mk-t .footer::before { content: ""; position: absolute; inset: -1px 0 auto 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(41, 182, 255, .7), transparent); }
html.mk-t .footer-box-title { font-size: 16px !important; font-weight: 800 !important; color: var(--mk-ink) !important; margin-bottom: 18px !important; border: 0 !important; }
html.mk-t .footer-box-title::after, html.mk-t .footer-box-title::before { display: none !important; }
html.mk-t .footer-about, html.mk-t .footer-about p { font-size: 14px !important; line-height: 2.1 !important; color: var(--mk-muted) !important; }
html.mk-t .footer-about-clamp::after { background: linear-gradient(transparent, var(--mk-bg2)) !important; }
html.mk-t .footer ul { padding: 0; list-style: none; }
html.mk-t .footer ul li { margin: 0 0 7px; }
html.mk-t .footer ul a { color: var(--mk-text) !important; font-size: 14px !important; transition: color .2s, text-shadow .2s; }
html.mk-t .footer ul a:hover { color: var(--mk-blue) !important; text-shadow: 0 0 14px rgba(41, 182, 255, .45); }
html.mk-t .btn-read-more { color: var(--mk-blue) !important; font-size: 14px; font-weight: 500; }
html.mk-t .social_links a { box-shadow: 0 0 0 1px rgba(0, 95, 160, .08); transition: box-shadow .2s, transform .2s; }
html.mk-t .social_links a:hover { box-shadow: 0 0 22px rgba(41, 182, 255, .5); transform: translateY(-2px); }
html.mk-t .subfooter { background: #e8eff6 !important; border-top: 1px solid var(--mk-line); padding: 18px 0 !important; color: var(--mk-muted) !important; font-size: 13px; }
html.mk-t .subfooter p, html.mk-t .subfooter strong { color: var(--mk-muted) !important; }
html.mk-t .subfooter a { color: #005a96 !important; text-decoration: underline; } /* #007ac9 was 3.9:1 on #e8eff6 at 11px; this is 6:1 */

/* ---------- responsive ---------- */
@media (max-width: 767px) {
    html.mk-t body { padding-top: 0 !important; }
    html.mk-t .header, html.mk-t .MenuContainer { position: static !important; }
    html.mk-t .header-content { flex-wrap: wrap; gap: 12px; padding: 12px 16px; }
    html.mk-t .search-content { order: 3; flex-basis: 100%; max-width: none; display: block !important; }
    html.mk-t .pnl-search { display: block !important; }
    html.mk-t .main_navigation { flex-wrap: wrap; gap: 0; padding: 4px 8px !important; }
    html.mk-t .main_navigation > li > a { padding: 8px 12px !important; font-size: 14px !important; }
    html.mk-t .main_navigation > li > a::after { bottom: 3px; }
    html.mk-t .main_navigation .multi-level { position: fixed !important; right: 12px !important; left: 12px !important; top: auto !important; max-height: 70vh; overflow-y: auto; min-width: 0; }
    html.mk-t .last_level { position: static !important; width: auto !important; box-shadow: none !important; border: 0 !important; padding: 0 12px 0 0 !important; }
    html.mk-t .page-container, html.mk-t .homepage-container { padding: 28px 16px 48px !important; }
    html.mk-t main h1 { font-size: 26px; }
    html.mk-t main h2, html.mk-t .infographic-box > header, html.mk-t article > header { font-size: 21px !important; }
    html.mk-t .infographic-container { padding: 18px; }
    html.mk-t .infographic-container .row { flex-direction: column; }
    html.mk-t .footer { padding: 36px 0 18px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html.mk-t *, html.mk-t *::before, html.mk-t *::after { transition: none !important; animation: none !important; }
}