/* ==========================================================================
   Tmavý filmový vzhled (1. 11. 2026) – pozadí a styl jako aetherix.eu/tym
   Načítá se v header.php úplně poslední, přes store-styl.css.
   Fixní pozadí ze záběrů serveru (nebo video/pozadi.mp4), přes něj tma,
   přechody, vinětace a jemný šum. Karty jsou tmavé sklo, akcent zlato-
   oranžový jako logo ATLAS. Texty a HTML stránek zůstávají beze změny.
   ========================================================================== */
html:root, html[data-rezim="noc"] {
    --k-noc: #060608;
    --k-zlato: #ffc81e;
    --k-oranz: #ff7a00;
    /* zlatá jako nápis v logu – jen jemně shora dolů, žádný duhový přechod */
    --k-grad: linear-gradient(180deg, #ffcb3c 0%, #f2a51c 100%);
    --k-sklo: rgba(14, 14, 19, .62);
    --k-sklo2: rgba(22, 22, 30, .72);
    --k-okraj: rgba(255, 255, 255, .08);
    --k-okraj2: rgba(255, 255, 255, .14);
    --k-zare: inset 0 2px 0 rgba(255, 236, 160, .55), 0 3px 0 #9a6407;

    --st-bg: var(--k-noc);
    --st-card: var(--k-sklo);
    --st-soft: rgba(255, 255, 255, .05);
    --st-ink: #f4f4f5;
    --st-mut: #a1a1aa;
    --st-line: var(--k-okraj);
    --st-acc: #ff9a1a;
    --st-acc-sh: rgba(0, 0, 0, 0);
    --st-acc-h: #ffae3a;
    --st-blue: var(--k-zlato);
    --st-act: rgba(255, 200, 30, .1);
    --st-act-line: rgba(255, 200, 30, .35);
    --st-pata: rgba(6, 6, 8, .82);
    --st-shadow: 0 18px 50px rgba(0, 0, 0, .45);
    --st-shadow2: 0 24px 60px rgba(0, 0, 0, .6);
    --st-nebe-bg: none;
    --st-f-head: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --st-f-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --text-muted: #8b8b95;
    --primary: var(--k-zlato);
    --primary-light: #ffd75a;
    --secondary: var(--k-oranz);
    color-scheme: dark;
}

html body { background: var(--k-noc) !important; color: var(--st-ink); }
html body::before { display: none !important; }
html body a { color: var(--k-zlato); }
::selection, html[data-rezim="noc"] ::selection { background: rgba(255, 160, 30, .35); color: #fff; }

/* ---------- filmové pozadí ---------- */
.kino { position: fixed; inset: 0; z-index: 0; overflow: hidden; background: var(--k-noc); pointer-events: none; }
/* náhled prvního záběru hned, videa se přes něj prolnou, až začnou hrát.
   Záběry jsou na výšku – na širokém monitoru je vidět pás ze středu. */
.kino-plakat, .kino-video {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: 50% 55%;
    background: center 55% / cover no-repeat;
}
.kino-video { opacity: 0; transition: opacity 1.2s ease; }
.kino-video.is-on { opacity: 1; }
/* na šířku je výřez hodně zvětšený a hologramy ze spawnu by šly číst přes
   text webu – rozostřit; na telefonu (na výšku) zůstává záběr ostrý */
@media (min-aspect-ratio: 4/5) {
    .kino-plakat, .kino-video { filter: blur(7px); transform: scale(1.08); }
}
.kino-tma { position: absolute; inset: 0; background: rgba(6, 6, 8, .42); }
.kino-prechod { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6, 6, 8, .78) 0%, rgba(6, 6, 8, 0) 45%, rgba(6, 6, 8, .85) 100%); }
.kino-vineta { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .55) 100%); }
.kino-sum {
    position: absolute; inset: 0; opacity: .045;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.container, footer, main { position: relative; z-index: 1; }

/* ---------- horní lišta ---------- */
html body nav#navbar {
    background: rgba(8, 8, 11, .55) !important;
    border: 1px solid var(--k-okraj) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .45) !important;
    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
}
html body nav#navbar.scrolled { background: rgba(8, 8, 11, .8) !important; }
nav#navbar .logo-text { font-weight: 800; letter-spacing: .02em; text-transform: uppercase; -webkit-text-fill-color: #fff !important; color: #fff !important; }
html body nav#navbar a, html body nav#navbar .nav-drop-toggle { color: #d4d4d8 !important; font-weight: 600 !important; }
html body nav#navbar .nav-links > div > a i, html body nav#navbar .nav-drop-toggle i { color: #8b8b95; transition: color .2s; }
html body nav#navbar .nav-links > div > a:hover, html body nav#navbar .nav-dropdown > .nav-drop-toggle:hover,
html body nav#navbar .nav-dropdown.open > .nav-drop-toggle { background: rgba(255, 255, 255, .06) !important; color: #fff !important; }
html body nav#navbar .nav-links > div > a:hover i { color: var(--k-zlato); }
html body nav#navbar .nav-links > div > a.active { background: var(--st-act) !important; color: var(--k-zlato) !important; box-shadow: inset 0 0 0 1px var(--st-act-line) !important; }
html body nav#navbar .nav-links > div > a.active i { color: var(--k-zlato); }
/* lišta je kulatá (pilulka), odkazy taky */
html body nav#navbar { border-radius: 999px !important; padding: 8px 14px !important; }
html body nav#navbar .nav-links > div > a, html body nav#navbar .nav-drop-toggle { border-radius: 999px !important; }

/* rozložení na počítači: [logo … levá polovina] [SHOP přesně uprostřed] [pravá polovina] */
@media (min-width: 1000px) {
    html body nav#navbar .nav-container { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; column-gap: 14px; }
    html body nav#navbar .logo { grid-area: 1 / 1; justify-self: start; }
    html body nav#navbar .nav-links { display: contents; }
    html body nav#navbar .nav-strana { display: flex; align-items: center; gap: 2px; }
    html body nav#navbar .nav-vlevo { grid-area: 1 / 1; justify-self: end; }
    html body nav#navbar .nav-stred { grid-area: 1 / 2; }
    html body nav#navbar .nav-vpravo { grid-area: 1 / 3; justify-self: start; }
}

/* SHOP: jednoduché zlaté tlačítko jako blok – světlá hrana nahoře, tmavší
   spodek, bez záře a animací; po kliknutí se „zamáčkne“ */
html body nav#navbar .nav-links a.shop-link {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 28px !important;
    border-radius: 12px !important;
    border: 0 !important;
    background: #f4b223 !important;
    color: #2b1a04 !important;
    box-shadow: inset 0 2px 0 rgba(255, 236, 160, .7), 0 4px 0 #9a6407 !important;
    transform: translateY(-2px);
    transition: transform .1s ease, background .15s ease, box-shadow .1s ease;
}
html body nav#navbar .nav-links a.shop-link span { font-size: .95rem; font-weight: 800; letter-spacing: .06em; }
html body nav#navbar .nav-links a.shop-link:hover { background: #ffc23a !important; transform: translateY(-2px) !important; }
html body nav#navbar .nav-links a.shop-link:active { transform: translateY(1px) !important; box-shadow: inset 0 2px 0 rgba(255, 236, 160, .5), 0 1px 0 #9a6407 !important; }

/* telefon: části menu se rozpustí do mřížky, SHOP je dole přes celou šířku */
@media (max-width: 999.98px) {
    html body nav#navbar { border-radius: 999px !important; padding: 8px 8px 8px 14px !important; }
    html body .nav-strana, html body .nav-stred { display: contents; }
    html body nav#navbar .nav-links > div > a.shop-link { order: 1; grid-column: 1 / -1; width: 100%; }
    html body .nav-toggle { border-radius: 999px !important; }
}
html body .nav-drop-menu { background: rgba(12, 12, 16, .96) !important; border: 1px solid var(--k-okraj) !important; backdrop-filter: blur(18px) !important; }
html body .nav-drop-menu a:hover { background: rgba(255, 255, 255, .06) !important; }
html body .nav-drop-menu a i { color: var(--k-zlato) !important; }
html body .nav-toggle span { background: #fff !important; }
@media (max-width: 999.98px) {
    html body .nav-links { background: rgba(10, 10, 14, .97) !important; border: 1px solid var(--k-okraj) !important; }
    html body .nav-drop-menu { background: rgba(255, 255, 255, .04) !important; border: 0 !important; }
}

/* ---------- nadpisy (velká písmena, zlatý přechod jako aetherix) ---------- */
html body h1, html body h2, html body h3, html body h4 { font-family: var(--st-f-head); letter-spacing: -.01em; }
html body h1 { font-weight: 800 !important; text-transform: uppercase; letter-spacing: -.025em; }
html body .container > .section-header:first-child h1,
html body .container > .section-header:first-child h2,
html body .container > .section-header:first-of-type h1,
html body .staty-nadpis h1, html body .team-hero h1, html body .legal-header .legal-title {
    color: #fff !important; -webkit-text-fill-color: #fff !important; text-shadow: 0 10px 40px rgba(0, 0, 0, .6) !important;
}
html body .container > .section-header:first-child h1 i,
html body .container > .section-header:first-child h2 i,
html body .container > .section-header:first-of-type h1 i,
html body .staty-nadpis h1 i { color: var(--k-zlato) !important; -webkit-text-fill-color: var(--k-zlato) !important; }
html body .container > .section-header:first-child p,
html body .container > .section-header:first-of-type p,
html body .staty-nadpis p, html body .team-hero > p, html body .team-hero-content > p,
html body .legal-header .legal-subtitle { color: #c9c9d1 !important; font-weight: 500; }
html body .section-header h2, html body .ix-sek-hd h2 { font-weight: 800; text-transform: uppercase; letter-spacing: -.01em; }
html body .section-header p, .ix-sek-hd p { color: var(--st-mut); }
html body .team-hero .gradient-text {
    background: var(--k-grad) !important; -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
}
html body .team-badge-glow, .ix-pill, html body .hero-badge {
    background: rgba(255, 200, 30, .08) !important; border: 1px solid rgba(255, 200, 30, .3) !important;
    color: var(--k-zlato) !important; font-weight: 700; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase;
}
html body .legal-header .legal-meta, html body .legal-header .legal-meta span { color: var(--st-mut) !important; }
html body .legal-header .legal-meta i { color: var(--k-zlato) !important; }
html body .legal-header .legal-icon { background: rgba(255, 200, 30, .1) !important; border: 1px solid rgba(255, 200, 30, .3) !important; box-shadow: none !important; }
html body .legal-header .legal-icon i { color: var(--k-zlato) !important; }

/* ---------- karty = tmavé sklo ---------- */
html body .glass-card, html body .about-card, html body .stat-card, html body .rule-card, html body .news-card,
html body .legal-section, html body .wikihub-card, html body .vote-site, html body .punishment-item,
html body .member-card-inner, html body .join-team-card, html body .empty-card, html body .special-rule,
html body .ix-kroky, html body .ix-cisla > div, html body .ix-sv, html body .ix-pruh, html body .staty-skupina,
html body .staty-servery, html body .wiki-side, html body .wiki-main, html body .wiki-content, html body .wiki-toc,
html body .wikihub-root, html body .tabs, html body .legal-intro, html body .legal-notice, html body .legal-warning,
html body .legal-contact, html body .mc-404, html body .toast {
    background: var(--k-sklo) !important;
    border: 1px solid var(--k-okraj) !important;
    box-shadow: var(--st-shadow) !important;
    backdrop-filter: blur(14px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.15) !important;
    color: var(--st-ink) !important;
}
html body .glass-card:hover, html body .about-card:hover, html body .stat-card:hover, html body .news-card:hover,
html body .wikihub-card:hover, html body .ix-pruh:hover, html body .vote-site:hover {
    border-color: rgba(255, 200, 30, .28) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 200, 30, .08) !important;
}
html body .legal-card, html body .right-card, html body .search-box, html body .browser-btn {
    background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--k-okraj) !important; box-shadow: none !important;
}
/* barevné spodní pruhy z obchodu → tenká záře */
html body .about-card, html body .ix-cisla > div, html body .vote-site, html body .ix-pruh {
    border-bottom: 2px solid color-mix(in srgb, var(--tc, var(--c, var(--vc, var(--pc, #ff9a1a)))) 75%, transparent) !important;
}
html body .member-card-inner { border-bottom: 2px solid var(--k-okraj) !important; }
html body .ix-sv { border-top: 2px solid var(--sc) !important; }
html body .about-card i { box-shadow: none !important; }

/* ---------- úvod ---------- */
html body .ix-hero h1 {
    background: var(--k-grad); -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
    text-shadow: none; filter: drop-shadow(0 5px 0 rgba(0, 0, 0, .45));
    font-size: clamp(3.4rem, 9vw, 6.4rem);
}
.ix-hero-t > p { color: #d4d4d8; font-weight: 500; }
.ix-ip, html body .ip-box {
    background: rgba(255, 255, 255, .06) !important; border: 1px solid var(--k-okraj2) !important;
    color: #fff !important; box-shadow: none !important; backdrop-filter: blur(12px); border-radius: 14px !important;
    font-weight: 800;
}
.ix-ip small { color: var(--k-zlato); letter-spacing: .08em; }
.ix-ip i, html body .ip-box i { color: var(--k-zlato) !important; }
.ix-ip:hover, html body .ip-box:hover { border-color: rgba(255, 200, 30, .45) !important; }
.ix-on { background: rgba(255, 255, 255, .06); border: 1px solid var(--k-okraj); color: #fff; backdrop-filter: blur(12px); }
html body .btn-discord, html body .mc-btn--discord { background: #5865f2 !important; color: #fff !important; box-shadow: 0 10px 30px rgba(88, 101, 242, .3) !important; border: 0 !important; }

/* IP, počet online a Discord v úvodu: stejný rámeček, výška i zaoblení */
.ix-akce { align-items: stretch; gap: 12px; }
html body .ix-akce .ix-ip, html body .ix-akce .ix-on, html body .ix-akce .ix-btn {
    box-sizing: border-box;
    height: 64px;
    display: inline-flex; align-items: center;
    padding: 0 22px;
    border-radius: 16px !important;
    border: 1px solid var(--k-okraj2) !important;
    background: rgba(255, 255, 255, .06) !important;
    color: #fff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3) !important;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    font: 700 1rem/1.1 var(--st-f-body);
    transition: border-color .2s, background .2s, transform .15s;
}
html body .ix-akce .ix-ip { font-size: 1.5rem; font-weight: 800; gap: 16px; }
html body .ix-akce .ix-on { gap: 10px; }
html body .ix-akce .ix-btn.ds { gap: 10px; background: rgba(88, 101, 242, .16) !important; border-color: rgba(88, 101, 242, .5) !important; }
html body .ix-akce .ix-btn.ds i { color: #8c95ff; font-size: 1.25rem; }
html body .ix-akce .ix-ip:hover, html body .ix-akce .ix-btn:hover { transform: translateY(-2px); }
html body .ix-akce .ix-ip:hover { border-color: rgba(255, 200, 30, .5) !important; }
html body .ix-akce .ix-btn.ds:hover { background: rgba(88, 101, 242, .26) !important; border-color: rgba(140, 149, 255, .7) !important; }
@media (max-width: 520px) {
    html body .ix-akce .ix-ip, html body .ix-akce .ix-on, html body .ix-akce .ix-btn { height: 58px; padding: 0 16px; }
    html body .ix-akce .ix-ip { font-size: 1.3rem; }
}
.ix-kroky .ik, .ix-pruh .ik { background: rgba(255, 255, 255, .05); border: 1px solid var(--k-okraj); }
.ix-kroky .ik::after { background: var(--k-grad); color: var(--k-noc); box-shadow: none; }
.ix-kroky li { border-top-color: var(--k-okraj); }
.ix-cisla b { font-weight: 800; color: #fff; }
.ix-cisla span { font-weight: 600; }
.ix-sek-hd h2::before { background: var(--k-grad); }
html body .ix-sv .odk a { background: rgba(255, 255, 255, .05); border: 1px solid var(--k-okraj); }
html body .ix-sv .odk a:hover { border-color: rgba(255, 200, 30, .35); }
html body .ix-sv .odk a.hl { background: var(--k-grad); color: var(--k-noc); border: 0; box-shadow: var(--k-zare); }
html body .ix-sv.whitelist .odk a.hl { color: var(--k-noc); }
.ix-pruh .jdi { color: var(--k-zlato); }
html body .page-gallery img { border: 1px solid var(--k-okraj) !important; box-shadow: var(--st-shadow) !important; }

/* ---------- tlačítka (zlatý přechod) a pole ---------- */
html body .btn-primary, html body .apply-btn, html body .wikihub-go, html body .mc-btn,
html body .staty-server.active, html body .staty-chip.active, html body .section-num,
html body .tab-btn.active, html body .tabs .tab-btn.active {
    background: var(--k-grad) !important;
    color: var(--k-noc) !important;
    border: 0 !important;
    box-shadow: var(--k-zare) !important;
    font-weight: 800 !important;
}
html body .btn-primary i, html body .apply-btn i, html body .wikihub-go i, html body .mc-btn i,
html body .tab-btn.active i, html body .staty-server.active i { color: var(--k-noc) !important; }
html body .btn-primary:hover, html body .apply-btn:hover, html body .mc-btn:hover { background: var(--k-grad) !important; filter: brightness(1.08); }
html body .btn-primary:active { box-shadow: none !important; }
html body .btn-outline {
    background: rgba(255, 200, 30, .1) !important; color: var(--k-zlato) !important;
    border: 1px solid rgba(255, 200, 30, .3) !important; box-shadow: none !important;
}
html body .tab-btn, html body .staty-chip, html body .pravidla-prepinac a {
    background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--k-okraj) !important; color: #d4d4d8 !important;
}
html body .tabs .tab-btn { border: 0 !important; }
html body .tabs .tab-btn:hover, html body .tab-btn:hover { background: rgba(255, 255, 255, .08) !important; }
html body .pravidla-prepinac a.active {
    background: var(--k-grad) !important; color: var(--k-noc) !important; border-color: transparent !important; box-shadow: var(--k-zare) !important;
}
html body .nick-input, html body input[type="text"], html body input[type="search"], html body select, html body textarea {
    background: rgba(0, 0, 0, .35) !important; border: 1px solid var(--k-okraj2) !important; color: #fff !important;
}
html body .nick-input:focus, html body input:focus, html body select:focus, html body textarea:focus {
    border-color: rgba(255, 200, 30, .6) !important; outline: none; box-shadow: 0 0 0 3px rgba(255, 200, 30, .12) !important;
}
html body .search-box input { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body .feature-tag, html body .skill-tag, html body .social-btn { background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--k-okraj) !important; color: #d4d4d8 !important; }
html body .feature-tag i { color: var(--k-zlato); }

/* ---------- statistiky, tým, tresty ---------- */
html body .staty-podium-hodnota, html body .staty-podium-jmeno, html body .member-name,
html body .punishment-info h4, html body .vote-site h4, html body .empty-state h3,
html body .empty-content h3, html body .join-team-content h2 { color: #fff !important; }
html body .vote-site p { color: var(--st-mut) !important; font-weight: 500; }
html body .staty-medaile { box-shadow: 0 6px 18px rgba(0, 0, 0, .4); }
html body .team-stat-number { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body .team-stat-label { color: var(--st-mut) !important; }
html body .empty-state i { color: var(--k-zlato) !important; }

/* ---------- patička ---------- */
html body footer {
    background: rgba(6, 6, 8, .78) !important;
    border-top: 1px solid var(--k-okraj) !important;
    border-radius: 0 !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    color: #a1a1aa !important;
}
html body footer .footer-logo { text-transform: uppercase; font-weight: 800; -webkit-text-fill-color: transparent !important; background: var(--k-grad) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
html body footer a, html body footer .footer-link { color: #c9c9d1 !important; }
html body footer a:hover { color: var(--k-zlato) !important; }
html body footer .footer-divider { background: var(--k-okraj) !important; }
html body footer .footer-disclaimer, html body footer .footer-copy { color: #8b8b95 !important; }

/* ---------- 404 ---------- */
html body .mc-404 { border-bottom: 2px solid var(--k-oranz) !important; }
html body .mc-404-code { background: var(--k-grad); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }
html body .mc-404-links a { color: var(--k-zlato) !important; }

/* ---------- posuvník ---------- */
html { scrollbar-color: #2a2a33 var(--k-noc); }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--k-noc); }
::-webkit-scrollbar-thumb { background: #2a2a33; border-radius: 10px; border: 2px solid var(--k-noc); }
::-webkit-scrollbar-thumb:hover { background: #3a3a46; }

/* ---------- prefixy hodností v týmu (z ItemsAdderu na Survivalu) ---------- */
html body .member-prefix {
    display: block;
    width: auto; height: 32px;          /* 16 px textura × 2, ať pixely zůstanou ostré */
    margin: 6px auto 10px;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    filter: drop-shadow(0 3px 0 rgba(0, 0, 0, .45));
}
/* nadpisy v týmu bez záře – plná barva a krátký tvrdý stín */
html body .team-hero .gradient-text { background: none !important; color: #ffc23a !important; -webkit-text-fill-color: #ffc23a !important; }
html body .team-hero h1 { text-shadow: 0 5px 0 rgba(0, 0, 0, .45) !important; }
html body .team-rank-title .rank-glow { text-shadow: 0 3px 0 rgba(0, 0, 0, .45) !important; animation: none !important; }

/* lišta bez ikon – jen text (ikony zůstávají v rozbalovacím menu Dynmapy) */
html body nav#navbar .nav-links > div > a > i,
html body nav#navbar .nav-drop-toggle > i { display: none !important; }

/* ---------- stránka 404 ---------- */
html body .mc-404 .mc-btn.mc-btn--discord { background: rgba(88, 101, 242, .2) !important; border: 1px solid rgba(88, 101, 242, .55) !important; color: #fff !important; box-shadow: none !important; }
html body .mc-404 .mc-btn.mc-btn--discord i { color: #9aa2ff !important; }
html body .mc-404-links a {
    display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px;
    background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1);
    color: #d4d4d8 !important; text-decoration: none; font-weight: 600; font-size: .9rem;
}
html body .mc-404-links a i { color: #8b8b95; }
html body .mc-404-links a:hover { border-color: rgba(255, 200, 30, .45); color: #fff !important; }