/* === FACELIFT 2026 – 2. kör ===
   arany-arfolyam.hu – modern grafikai elemek a 3 hasábos elrendezésben.
   A sablonok a css/jumbotron-narrow.css UTÁN töltik be. A hirek/ (WordPress) nem tölti be.
   Forrás: elonezet/v2/tokenek.css + stilus.css (python elonezet/v2/osszeallit.py). Leírás: docs/DESIGN.md.
   A generált HTML (update/, refresh*, dygraph*, cron/diagram) nem változik; az inline stílusait
   attribútum-szelektor + !important írja felül, megjegyzéssel. */

/* ---------- 0. Betű és tokenek (2. kör, „Meleg arany” – a felhasználó referenciája szerint) ---------- */
@font-face {
  font-family: "Source Sans 3";
  src: url(../fonts/source-sans-3-latin-wght.woff2) format("woff2");
  font-weight: 200 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  src: url(../fonts/source-sans-3-hu-wght.woff2) format("woff2");
  font-weight: 200 900; font-style: normal; font-display: swap;
  unicode-range: U+0150-0151, U+0170-0171;
}
:root {
  --fl-font: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fl-r-sm: 8px; --fl-r-md: 12px; --fl-r-lg: 16px; --fl-r-pill: 999px;
  --fl-shadow-1: 0 1px 2px rgba(59,48,32,.05);
  --fl-shadow-2: 0 8px 24px rgba(59,48,32,.10);
  --fl-gutter: 16px;

  --fl-bg: #f4f1ea; --fl-surface: #ffffff; --fl-surface-2: #faf8f3;
  --fl-line: #e8e2d5; --fl-line-soft: #f0ebe1; --fl-line-strong: #d6ccb8; --fl-input-border: #8c8272;
  --fl-text: #2a2418; --fl-text-2: #3d3629; --fl-muted: #665d4d; --fl-label: #7a5716;
  --fl-link: #7f560d; --fl-link-hover: #5a3c05; --fl-link-strong: #7f560d; --fl-focus: #1a6dd8;

  --fl-accent: #d4a64a; --fl-accent-hover: #c49538; --fl-on-accent: #2a1d00;
  --fl-topbar-bg: #efe6d1; --fl-topbar-text: #3d3629; --fl-topbar-sep: #3d3629;
  --fl-nav-bg: #3b3020; --fl-nav-border: #3b3020; --fl-nav-text: #f6ecd4; --fl-nav-hover-bg: #4f412b;
  --fl-nav-active-bg: #d4a64a; --fl-nav-active-text: #2a1d00; --fl-nav-outline: #8a7a5c;

  --fl-title-bg: #ffffff; --fl-head-neutral: #efeae0; --fl-module-title-bg: #ffffff;
  --fl-gold-head: #f1e0ad; --fl-gold-head-2: #d4a64a; --fl-gold-head-text: #3b2b05;
  --fl-gold-cell: #fbf4e2; --fl-gold-soft: #f7ecd2;
  --fl-silver-head: #e6e7eb; --fl-silver-head-2: #cfd3da; --fl-silver-head-text: #2b2f36;
  --fl-silver-cell: #f3f4f6;
  --fl-row-hover: #fff6dd;
  --fl-up: #1b7a3c; --fl-up-bg: #e5f3e9; --fl-down: #b3261e; --fl-down-bg: #fbe8e5;

  --fl-news-bg: #3b3020; --fl-news-badge-bg: #d4a64a; --fl-news-badge-text: #2a1d00; --fl-news-link: #fdf8ec;
  --fl-ad-bg: #f8f5ee; --fl-ad-line: #cfc4ad; --fl-ad-label: #665d4d;
  --fl-mnb: #1e2b4d; --fl-mnb-2: #26355c; --fl-mnb-foot-bg: #e8edf6; --fl-mnb-foot-text: #1e2b4d;
  --fl-footer-bg: #3b3020; --fl-footer-text: #e9dfc8; --fl-footer-link: #f0d596;
}

/* ---------- 1. Alap ---------- */
body {
  background: var(--fl-bg);
  color: var(--fl-text);
  font-family: var(--fl-font);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 0;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--fl-font); color: var(--fl-text); line-height: 1.25; }
a { color: var(--fl-link); }
a:hover, a:focus { color: var(--fl-link-hover); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--fl-focus); outline-offset: 2px;
}
p { margin: 0 0 12px; }
@media (min-width: 1200px) { .container { width: 1200px; } }

/* ---------- 2. Felső linksáv (.headhead): teljes szélességű, krém ---------- */
.headhead, .container .headhead {
  line-height: 20px;
  background: var(--fl-topbar-bg);
  filter: none;
  border-radius: 0;
  box-shadow: 0 0 0 100vmax var(--fl-topbar-bg);   /* a sáv a konténeren túl is kitölt */
  clip-path: inset(0 -100vmax);
  padding: 4px 0;
  font-size: 14px;
  color: var(--fl-muted);                          /* a „|” elválasztók halványan */
}
.headhead a, .container .headhead a {
  display: inline-block;
  color: var(--fl-topbar-text);
  font-size: 14px;
  line-height: 24px;
  padding: 0 10px;
}
.headhead a:hover, .container .headhead a:hover { color: var(--fl-link-hover); text-decoration: underline; }

/* ---------- 3. Fejléc: logó, segédlinkek, frissítés-kapszula ---------- */
.header { padding: 0; }
.headfoot { padding: 10px 0; }
.headfoot > div:first-child a { display: inline-block; }
.header img[src$="logo-arfolyamfigyelo-2026.png"] { width: 260px; max-width: 100%; height: auto; }
@media (min-width: 992px) {
  .headfoot > .pull-right {
    display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px 24px;
    min-height: 48px;
  }
}
.additionalMenu { margin: 0; }
.additionalMenu ul { margin: 0; display: flex; gap: 24px; }
.additionalMenu ul li { float: none; }
.additionalMenu ul li a span { color: var(--fl-link-strong); text-shadow: none; font-size: 16px; font-weight: 600; margin: 0; }
.additionalMenu ul li a { display: inline-block; line-height: 44px; }
.additionalMenu2 { color: var(--fl-muted); }
.fl-frissites {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--fl-surface); border: 1px solid var(--fl-line); border-radius: var(--fl-r-pill);
  padding: 6px 16px; font-size: 14px; color: var(--fl-text-2); white-space: nowrap; min-height: 40px;
}
.fl-frissites a { color: var(--fl-text-2); }
.fl-frissites b { font-weight: 700; color: var(--fl-text); font-variant-numeric: tabular-nums; }
.fl-frissites__jel {
  width: 16px; height: 16px; border-radius: 50%;
  border: 2.5px solid var(--fl-line-strong); border-top-color: var(--fl-accent);
  animation: fl-forog 2.4s linear infinite;
}
@keyframes fl-forog { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fl-frissites__jel, #bigbellicon { animation: none; } }
.socialmediabox { vertical-align: middle; }

/* ---------- 4. Főmenü: sötét meleg barna sáv, arany aktív pont, kiemelt értesítő ---------- */
#mainNavbar.navbar {
  background: var(--fl-nav-bg);
  filter: none;
  border: 0;
  border-radius: var(--fl-r-md);
  box-shadow: var(--fl-shadow-1);
  padding: 6px;
  margin-bottom: var(--fl-gutter);
  min-height: 0;
}
#mainNavbar .container { width: auto; padding: 0; }
#mainNavbar .menu > li > a {
  line-height: 42px !important;             /* az eredeti 27px !important felülírása */
  padding: 0 16px;
  white-space: nowrap;
  border-radius: var(--fl-r-sm);
  transition: background-color .15s ease;
}
#mainNavbar .menu li a span { color: var(--fl-nav-text); text-shadow: none; font-size: 16px; font-weight: 600; }
@media (min-width: 992px) and (max-width: 1199px) {
  #mainNavbar .menu > li > a { padding: 0 10px; }
  #mainNavbar .menu li a span { font-size: 15px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #mainNavbar .menu { flex-wrap: wrap; }
  #mainNavbar .menu > li > a { padding: 0 10px; line-height: 40px !important; }
  #mainNavbar .menu li a span { font-size: 14px; }
}
#mainNavbar .menu > li:not(.current) > a:hover,
#mainNavbar .menu > li:not(.current) > a:focus { background: var(--fl-nav-hover-bg); }
#mainNavbar .menu li:not(.current) a:hover span { text-shadow: none; }
#mainNavbar .menu .current a { background: var(--fl-nav-active-bg); filter: none; box-shadow: none; border-radius: var(--fl-r-sm); }
#mainNavbar .menu .current a span { color: var(--fl-nav-active-text); text-shadow: none; font-weight: 700; }
/* „Árfolyam értesítő”: jobbra zárt, körvonalas gomb csengővel */
@media (min-width: 768px) {
  #mainNavbar .menu { display: flex; width: 100%; float: none; }
  #mainNavbar .menu > li { float: none; }
  #mainNavbar .menu > li:nth-child(6) { margin-left: auto; }
}
#mainNavbar .menu > li:nth-child(6) > a { box-shadow: inset 0 0 0 1px var(--fl-nav-outline); display: flex; align-items: center; gap: 10px; }
#bellicon {
  animation: none;
  width: 20px; height: 20px; margin: 0;
  background: url(../img/ikon/csengo.svg) center / 20px 20px no-repeat;
}
#mainNavbar .menu .current #bellicon { background-image: url(../img/ikon/csengo-sotet.svg); }
#mainNavbar .navbar-brand { color: var(--fl-nav-text) !important; text-shadow: none; font-weight: 600; font-size: 17px; }
#mainNavbar .navbar-toggle.goldblock { background: var(--fl-accent); filter: none; border: 0; border-radius: var(--fl-r-sm); min-width: 44px; min-height: 44px; }
#mainNavbar .navbar-toggle .icon-bar { background: var(--fl-on-accent); }
#mainNavbar a:focus-visible, #mainNavbar button:focus-visible { outline-color: var(--fl-nav-text); }   /* a sötét sávon világos fókusz */
#mainNavbar .navbar-collapse { border-color: var(--fl-nav-hover-bg) !important; box-shadow: none; }

/* ---------- 5. Rács: a 3 hasáb marad, köztük térköz ---------- */
#contentarea { background: transparent; box-shadow: none; min-height: 0; }
@media (min-width: 992px) {
  #contentarea { margin-left: calc(var(--fl-gutter) / -2); margin-right: calc(var(--fl-gutter) / -2); }
  #contentarea > #left-sidebar, #contentarea > #center-content, #contentarea > #left-content, #contentarea > #right-sidebar, #contentarea > #primary {
    padding-left: calc(var(--fl-gutter) / 2) !important;
    padding-right: calc(var(--fl-gutter) / 2) !important;
  }
}
@media (min-width: 1200px) {
  #contentarea > #left-sidebar.col-lg-2 { width: 19%; }
  #contentarea > #center-content.col-lg-7 { width: 56%; }
  #contentarea > #right-sidebar.col-lg-3 { width: 25%; }
}
#center-content {
  background: transparent; border: 0; box-shadow: none; border-radius: 0; z-index: auto;
}
/* aloldalak (és hirek/): a fő hasáb egy fehér kártya */
#left-content {
  background: var(--fl-surface); border: 1px solid var(--fl-line); border-radius: var(--fl-r-lg);
  box-shadow: var(--fl-shadow-1); z-index: auto; padding-top: 14px !important; padding-bottom: 14px !important;
  margin-bottom: var(--fl-gutter);
}
@media (min-width: 992px) {
  #contentarea > #left-content { padding-left: 20px !important; padding-right: 20px !important; }
  #contentarea > #left-content ~ #right-sidebar { padding-left: var(--fl-gutter) !important; }
}
#left-content > h1, #left-content h1:first-child { font-size: 24px; font-weight: 700; margin: 0 0 8px; }
#left-content h2 { font-size: 18px; font-weight: 700; }

/* ---------- 6. Kártya (közös) ---------- */
.fl-kartya, .fl-cimkartya,
#left-sidebar .module:not(.reklamblokk), #right-sidebar .module:not(.reklamblokk),
#arfolyam_div div[id^="big_"], #arfolyam_div div[id^="small_"], #arfolyam2_div > .content-title {
  background: var(--fl-surface);
  border: 1px solid var(--fl-line);
  border-radius: var(--fl-r-lg);
  box-shadow: var(--fl-shadow-1);
}
#left-sidebar .module:not(.reklamblokk), #right-sidebar .module:not(.reklamblokk) { margin: 0 0 var(--fl-gutter); overflow: hidden; }

/* címkártya (H1 + alcím) */
.fl-cimkartya { padding: 16px 22px; margin: 0 0 var(--fl-gutter); }
.fl-cimkartya h1.fl-cim { font-size: 25px; font-weight: 700; margin: 0; letter-spacing: -.01em; }
.fl-cimkartya h2.fl-alcim { font-size: 16px; font-weight: 400; color: var(--fl-muted); margin: 4px 0 0; }
h1, .content-title { text-shadow: none; }
.content-title { background: transparent; color: var(--fl-text) !important; border: 0; border-radius: 0; padding: 0; margin: 0; }

/* ---------- 7. Modulfej: kis, nagybetűs címke ---------- */
#right-sidebar .module-title, #left-sidebar .module-title {
  background: var(--fl-module-title-bg);
  filter: none;
  color: var(--fl-label) !important;        /* az eredeti #4a4a4a !important felülírása */
  text-shadow: none;
  border: 0;
  border-bottom: 1px solid var(--fl-line);
  border-radius: 0;
  margin: 0 !important;
  padding: 10px 16px 8px !important;
  text-align: left;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  z-index: auto;
}
.module-title > img[src*="le_nyil"], .mnb-module-title > img[src*="le_nyil"] { display: none; }
.module-body span { color: var(--fl-text-2); }

/* ---------- 8. Deviza-kártya (generált: update/deviza-arfolyam-upd.php) ---------- */
#deviza_div #rounded-corner, #deviza_div2 #rounded-corner { margin: 0 !important; border-spacing: 0; }
#deviza_div .devizatr td, #deviza_div2 .devizatr td {
  padding: 7px 16px !important; border-top: 1px solid var(--fl-line-soft); background: transparent;
  font-size: 16px; color: var(--fl-text); vertical-align: middle;
}
#deviza_div .devizatr:first-child td, #deviza_div2 .devizatr:first-child td { border-top: 0; }
#deviza_div .devizatr td:last-child, #deviza_div2 .devizatr td:last-child { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.devizanev { font-weight: 700; font-size: 16px; }
#deviza_div .devizatr span[style*="font-size: 8px"], #deviza_div2 .devizatr span[style*="font-size: 8px"] {
  font-size: 12px !important; color: var(--fl-muted); font-weight: 400;   /* a frissítés ideje, halványan */
}

/* ---------- 9. MNB-kártya (generált: dygraph/mnb-mini-*.php) ---------- */
#mnb_div .module, #mnb_ar_top.module:not(.trowcell) { border-color: #c9d2e3; }
#right-sidebar .mnb-module-title, #left-sidebar .mnb-module-title {
  background: var(--fl-mnb); color: #fff !important; border: 0; border-radius: 0; margin: 0; padding: 10px 16px;
  font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none;
}
.mnb-module-title strong { font-weight: 700; }
#mnb_div .mini-mnb-table { background: var(--fl-surface); margin: 0 !important; }
#mnb_div .mini-mnb-table tr td {
  background-color: var(--fl-surface) !important;   /* az eredeti sötétkék !important felülírása */
  color: var(--fl-text) !important;
  border-top: 1px solid var(--fl-line-soft) !important;
  padding: 7px 16px !important;
  font-size: 16px;
}
#mnb_div .mini-mnb-table tr td:first-child { text-align: left !important; font-weight: 700; }
#mnb_div .mini-mnb-table tr td:last-child { text-align: right !important; font-variant-numeric: tabular-nums; }
#mnb_div .mini-mnb-table tr td span { color: var(--fl-text) !important; padding: 0 !important; }
#mnb_div .mini-mnb-table tr:last-child td {
  background-color: var(--fl-mnb-foot-bg) !important; text-align: left !important; padding: 9px 16px !important;
}
#mnb_div .mini-mnb-table tr:last-child td a { color: var(--fl-mnb-foot-text) !important; font-weight: 600; font-size: 15px; }
#mnb_div .mini-mnb-table tr:last-child td a img { display: none; }
#mnb_div .mini-mnb-table tr:last-child td a::after { content: " \2192"; }

/* ---------- 10. Hirdetési hely: a „HIRDETÉS” felirat a szaggatott keretben (legend-szerűen), fix hely ---------- */
.reklamblokk, .fl-hirdetes { position: relative; text-align: center; margin: 0 0 var(--fl-gutter); padding-top: 8px; max-width: none !important; background: transparent; }
#right-sidebar .reklamblokk .module-title, #left-sidebar .reklamblokk .module-title, .fl-hirdetes__cimke,
#arfolyam_div div[style*="background: #ddd"] > div[style*="position: absolute"] {
  position: absolute !important; top: 1px !important; left: 14px !important; right: auto !important; z-index: 1;
  width: auto !important; height: auto !important; margin: 0 !important;
  padding: 0 6px !important; border: 0; border-radius: 4px;
  background: var(--fl-ad-bg) !important; color: var(--fl-ad-label) !important;
  font-size: 11px !important; line-height: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; text-align: left;
}
.reklamblokk .module-body.banneritem, .fl-hirdetes > center {
  display: block;
  background: var(--fl-ad-bg);
  border: 1.5px dashed var(--fl-ad-line);
  border-radius: var(--fl-r-md);
  padding: 10px 8px 8px;
}
.reklamblokk .banneritem img { max-width: 100%; height: auto; border-radius: 6px; }
.reklamblokk ins.adsbygoogle[data-ad-format="auto"] { min-height: 250px; }   /* lefoglalt hely: nem ugrik betöltéskor */
.fl-hirdetes img { max-width: 100%; height: auto; border-radius: 6px; }
/* a főoldal generált középső hirdetési sávja (update/…-upd-dev.php, inline #ddd) */
#arfolyam_div div[style*="background: #ddd"] {
  position: relative !important;
  background: var(--fl-ad-bg) !important;
  border: 1.5px dashed var(--fl-ad-line) !important;
  border-radius: var(--fl-r-md) !important;
  margin: 8px 0 var(--fl-gutter) !important;
  padding: 10px 8px 8px !important;
}
#arfolyam_div div[style*="background: #ddd"] > div[style*="position: absolute"] { top: -8px !important; }
#arfolyam_div div[style*="background: #ddd"] iframe { max-width: 100%; }

/* ---------- 11. FRISS HÍR sáv ---------- */
#frisshirnest, #frisshirnest2 {
  align-items: center; gap: 14px;
  background: var(--fl-news-bg) !important;
  border: 0 !important; border-radius: var(--fl-r-md) !important; box-shadow: none !important;
  padding: 9px 14px !important; margin: 0 0 var(--fl-gutter) !important;
  white-space: nowrap; overflow: hidden; font-size: 15px !important;
}
@media (max-width: 991px) { #frisshirnest { display: flex !important; } }
@media (min-width: 992px) { #frisshirnest2 { display: flex !important; } }
#frisshirnest > span, #frisshirnest2 > span {
  flex: 0 0 auto;
  background: var(--fl-news-badge-bg) !important; color: var(--fl-news-badge-text) !important;
  border-radius: 6px !important; padding: 4px 10px !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: .1em !important;
}
#frisshirnest > span.todaynews, #frisshirnest2 > span.todaynews { background: var(--fl-down) !important; color: #fff !important; }
#frisshirnest > a, #frisshirnest2 > a {
  color: var(--fl-news-link) !important; border-bottom: 0 !important; font-weight: 600;
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#frisshirnest > a:hover, #frisshirnest2 > a:hover { text-decoration: underline !important; }

/* ---------- 12. Értéktáblák (generált: #rounded-corner, .thgold/.thsilver, .tdgold/.tdsilver, .tdlead) ---------- */
#arfolyam_div div[id^="big_"], #arfolyam_div div[id^="small_"] { padding: 12px 16px 4px; margin: 0 0 var(--fl-gutter); }
#arfolyam_div div[id^="big_"] > h2, #arfolyam_div div[id^="small_"] > h2 { font-size: 18px; font-weight: 700; margin: 2px 0 8px; }
#rounded-corner {
  font-family: var(--fl-font);
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 0 8px;
}
#arfolyam_div table, #arfolyam2_div table { border-spacing: 0; }
/* oszlopfej-kapszulák: a th átlátszó szegélye adja a köztük lévő rést */
#rounded-corner thead th {
  color: var(--fl-text);
  padding: 5px 4px;
  line-height: 1.2;
  font-size: 13px;
  border: 4px solid transparent !important;
  border-width: 0 3px 6px !important;
  background-clip: padding-box !important;
  vertical-align: middle;
}
#rounded-corner thead th::first-line { font-weight: 700; font-size: 1.25em; }
#rounded-corner thead th.rounded-company { background: transparent !important; color: var(--fl-muted); font-weight: 600; font-size: 13px; text-align: left; }
.thgold, .goldlead {
  background: var(--fl-gold-head);
  filter: none; text-shadow: none;
  color: var(--fl-gold-head-text) !important;
  border-radius: var(--fl-r-md) !important;
}
.thsilver, .silverlead {
  background: var(--fl-silver-head);
  filter: none; text-shadow: none;
  color: var(--fl-silver-head-text) !important;
  border-radius: var(--fl-r-md) !important;
}
.iconf, .icona { display: none !important; }              /* a régi fémrúd-ikonok helyett a színes kapszula beszél */
#big_main #rounded-corner thead th:nth-child(4)::before, #small_main #rounded-corner:first-of-type thead th:nth-child(4)::before { content: "999,9 "; }
#big_main #rounded-corner thead th:nth-child(6)::before, #small_main #rounded-corner + #rounded-corner thead th:nth-child(3)::before { content: "999 "; }
#rounded-corner th em { font-size: 13px; font-style: normal; font-weight: 600; }
#rounded-corner th .inliner { display: inline; }
/* a „szín” oszlopok kiemelése: fej erősebb színnel, cellák halvány háttérrel */
#big_main #rounded-corner thead th:nth-child(4), #small_main #rounded-corner:first-of-type thead th:nth-child(4) { background: var(--fl-gold-head-2); }
#big_main #rounded-corner thead th:nth-child(6), #small_main #rounded-corner + #rounded-corner thead th:nth-child(3) { background: var(--fl-silver-head-2); }
#big_main #rounded-corner tbody td:nth-child(4), #small_main #rounded-corner:first-of-type tbody td:nth-child(4),
#big_main #rounded-corner > tr > td:nth-child(4), #small_main #rounded-corner:first-of-type > tr > td:nth-child(4) { background: var(--fl-gold-cell); }
#big_main #rounded-corner tbody td:nth-child(6), #small_main #rounded-corner + #rounded-corner tbody td:nth-child(3),
#big_main #rounded-corner > tr > td:nth-child(6), #small_main #rounded-corner + #rounded-corner > tr > td:nth-child(3) { background: var(--fl-silver-cell); }
.tdgold, .tdsilver { background: var(--fl-surface); }
#rounded-corner td {
  border-top: 1px solid var(--fl-line);
  color: var(--fl-text-2);
  padding: 7px 8px;
  box-shadow: none !important;
  vertical-align: middle;
}
#rounded-corner td strong { color: var(--fl-text); }
#big_main #rounded-corner td:nth-child(4) strong { font-size: 21px; font-weight: 700; line-height: 1.2; }
#big_main #rounded-corner td:nth-child(6) strong { font-size: 18px; font-weight: 700; }
.tdlead {
  background: transparent !important;
  box-shadow: none;
  color: var(--fl-text) !important;
  font-weight: 600;
  text-align: left !important;
  border-radius: 0;
}
table tr:hover .tdgold, table tr:hover .tdsilver { background-color: var(--fl-row-hover); }
#arfolyam_div table tfoot tr td, #arfolyam2_div table tfoot tr td {
  background: transparent; box-shadow: none; border-radius: 0; border-top: 1px solid var(--fl-line);
  padding: 8px 4px !important;
}
#rounded-corner tfoot td.rounded-foot-left { font-size: 13px; line-height: 1.4; color: var(--fl-muted); }
#rounded-corner tfoot td.rounded-foot-left em { font-style: normal; }
#rounded-corner tfoot img.sprite-infoicon { display: none; }
.deviza_bigger { font-size: 14px; }
.previousdays { top: 50%; transform: translateY(-50%); right: 4px; }
.previousdays a { font-size: 15px; font-weight: 700; color: var(--fl-link); }
.previousdays a br { display: none; }
.previousdays a::after { content: " \2192"; }
#small_tort, #small_ppr { background: var(--fl-surface); }
/* napi árfolyamok: a dátumoszlop kiférjen (ismert hiba) – automatikus oszlopszélesség */
#big_napi #rounded-corner, #small_napi #rounded-corner { table-layout: auto; }
#big_napi #rounded-corner td.tdlead, #small_napi #rounded-corner td.tdlead { white-space: nowrap; overflow: visible; }
#big_napi #rounded-corner thead th, #small_napi #rounded-corner thead th { font-size: 13px; }
#big_napi #rounded-corner thead th::first-line, #small_napi #rounded-corner thead th::first-line { font-size: 1.1em; }
#big_napi #rounded-corner td, #small_napi #rounded-corner td { padding: 5px 8px; font-size: 14px; }
#small_main, #small_tort, #small_deviza, #small_ppr, #small_napi { margin: 0 0 var(--fl-gutter) !important; padding: 10px !important; }

/* Régi formátumú táblák (reszletesarfolyam: .oldformat) – a generált inline színek cseréje */
.oldformat td[style*="#C0FF62"], .oldformat td[style*="#c0ff62"] {
  background-color: var(--fl-head-neutral) !important; border-color: var(--fl-line) !important; color: var(--fl-text) !important;
}
.oldformat td[style*="#9FDB45"], .oldformat td[style*="#9fdb45"] { background-color: var(--fl-accent) !important; }
.oldformat tr[style*="#FFFFB3"], .oldformat td[style*="#FFFFB3"],
.oldformat tr[style*="#ffffb3"], .oldformat td[style*="#ffffb3"] { background-color: var(--fl-gold-cell) !important; }
.oldformat td[style*="#333333"] { background-color: var(--fl-line-strong) !important; }
.oldformat { font-variant-numeric: tabular-nums; }
td[bgcolor="#999999"], td[bgcolor="#666666"] { background-color: var(--fl-line) !important; }
#arfolyam2_div > .content-title { padding: 16px 20px; margin: 0 0 16px; font-size: 16px; }

/* ---------- 13. Változás fel/le: jel + szín + halvány kapszula ---------- */
img[src$="arle.gif"], img[src$="arfel.gif"] {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
img[src$="arle.gif"] + span, img[src$="arfel.gif"] + span {
  display: inline-block; border-radius: var(--fl-r-pill); padding: 1px 8px; font-weight: 700;
}
img[src$="arle.gif"] + span { background: var(--fl-down-bg); }
img[src$="arfel.gif"] + span { background: var(--fl-up-bg); }
img[src$="arle.gif"] + span, span[style*="color: #F00"], span[style*="color:#F00"], span[style*="color: #f00"] { color: var(--fl-down) !important; }
img[src$="arfel.gif"] + span, span[style*="color: #0C0"], span[style*="color:#0C0"], span[style*="color: #0c0"] { color: var(--fl-up) !important; }
img[src$="arle.gif"] + span::before { content: "\25BC\00a0"; font-size: .75em; }
img[src$="arfel.gif"] + span::before { content: "\25B2\00a0"; font-size: .75em; }

/* ---------- 14. Oldalsáv-modulok ---------- */
#right-sidebar, #left-sidebar { padding: 0; }
.fl-tipp { display: block; font-size: 13px; line-height: 1.45; color: var(--fl-muted) !important; padding: 8px 16px 10px; }
.fl-tipp strong { color: var(--fl-text-2); }
.fl-elografikon { padding: 10px 12px 12px; text-align: center; }
#kitcoframe { display: block; margin: 0 auto 10px; border-radius: var(--fl-r-sm); max-width: 100%; height: auto; }
/* gyorsikon-csempék (a régi rajzolt PNG-k helyett vonalas SVG); a felirat az alt szövegét
   ismétli, ezért csak dísz (CSS-tartalom) – a link neve a képernyőolvasónak az alt marad */
.fl-gyorsikonok { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 !important; }
#small_buttons.fl-gyorsikonok { grid-template-columns: repeat(4, 1fr); margin: 0 0 var(--fl-gutter) !important; }
@media (min-width: 992px) { #small_buttons.fl-gyorsikonok { display: none !important; } }   /* hidden-lg hidden-md */
.fl-gyorsikonok::before, .fl-gyorsikonok::after { display: none; }
.fl-gyorsikonok > a {
  float: none !important; width: auto !important; padding: 8px 4px 7px !important;
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  background: var(--fl-surface); border: 1px solid var(--fl-line); border-radius: var(--fl-r-md);
  color: var(--fl-text) !important; font-size: 13px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none !important;
  min-height: 44px;
}
.fl-gyorsikonok > a:hover { border-color: var(--fl-accent); background: var(--fl-gold-cell); }
.fl-gyorsikonok > a img { width: 26px !important; height: 26px !important; }
.fl-gyorsikonok > a[href$="grafikonok.html"]::after { content: "Tov\e1 bbi grafikonok"; }
.fl-gyorsikonok > a[href="#tortarany"]::after { content: "T\f6 rtarany \e1 r"; }
.fl-gyorsikonok > a[href="#napiarfolyamok"]::after { content: "Kor\e1 bbi napok"; }
.fl-gyorsikonok > a[href="#aktualisaranyar"]::after { content: "Arany \e1 rfolyam"; }
.fl-gyorsikonok > a[href="#deviza"]::after { content: "Deviza"; }
.fl-gyorsikonok > a[href="#hirekblokk"]::after { content: "Friss h\ed rek"; }
h5.fl-gyorsnav-cim { background: transparent !important; color: var(--fl-label) !important; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 10px !important; padding: 0 !important; border: 0; }

/* hírdoboz (#hirekblokk, includes/rss.php – a saját inline <style>-ja után jön, ezért a div# előtag) */
div#hirekblokk { --gold: var(--fl-accent); --gold-dark: var(--fl-link); --gold-soft: var(--fl-gold-cell); font-family: var(--fl-font); }
div#hirekblokk .rss-tabs-nav { background: var(--fl-surface-2); border-radius: var(--fl-r-md); margin: 8px 8px 4px; }
div#hirekblokk .rss-tabs-nav li a { color: var(--fl-muted); font-size: 14px; padding: 6px 4px; }
div#hirekblokk .rss-tabs-nav li.active a { background: var(--fl-accent); color: var(--fl-on-accent); box-shadow: none; border-radius: var(--fl-r-sm); }
div#hirekblokk .rss-item { border: 0; border-top: 1px solid var(--fl-line); border-radius: 0; margin: 0; padding: 9px 16px; }
div#hirekblokk .rss-item::before { display: none; }
div#hirekblokk .rss-item:hover { transform: none; box-shadow: none; background: var(--fl-surface-2); }
div#hirekblokk .rss-item a.rss-title { font-size: 15px; font-weight: 700; color: var(--fl-text); line-height: 1.3; }
div#hirekblokk .rss-desc { font-size: 13.5px; line-height: 1.4; color: var(--fl-muted); margin-top: 2px; }
div#hirekblokk .rss-date { font-size: 12px; color: var(--fl-muted); margin-top: 2px; }
div#hirekblokk .rss-more { padding: 6px 16px 10px; }
div#hirekblokk .rss-more a { color: var(--fl-link); font-size: 15px; font-weight: 700; }

/* ---------- 15. Ismertető-kártya ---------- */
.fl-ismerteto { padding: 4px 20px 12px; margin: 0 0 var(--fl-gutter); }
.fl-ismerteto h2 { font-size: 18px; font-weight: 700; margin: 14px 0 4px; }
.fl-ismerteto p { font-size: 15px; line-height: 1.5; color: var(--fl-text-2); margin-bottom: 6px; }
.fl-ismerteto img.img-responsive { display: block; width: 100%; height: auto; border: 1px solid var(--fl-line); border-radius: var(--fl-r-sm); }
.fl-grafikonracs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; margin: 8px 0 4px; }
.fl-grafikon { margin: 0; }
.fl-grafikon figcaption { font-size: 13px; color: var(--fl-muted); margin: 0 0 4px; }

/* ---------- 16. Kulcsszófelhő, lábléc, copyright ---------- */
#tagcloud {
  background: var(--fl-surface); filter: none; color: var(--fl-text-2);
  border: 1px solid var(--fl-line); border-radius: var(--fl-r-lg);
  margin: 0 0 var(--fl-gutter); padding: 12px 20px; z-index: auto; line-height: 1.55 !important; font-size: 14px;
}
#tagcloud .module-body span { color: var(--fl-text-2); }
#tagcloud a, #tagcloud a span { color: var(--fl-link); }
#footer { background: var(--fl-footer-bg); filter: none; border-radius: var(--fl-r-lg); margin: 0 0 var(--fl-gutter); }
.footer-pad { padding: 10px 20px; }
#footer li { font-weight: 600; padding: 2px 20px 2px 0; }
#footer a, #footer a span { color: var(--fl-footer-link); }
#footer span[style*="#E4BF59"] { color: var(--fl-footer-text) !important; }
#copyright { color: var(--fl-muted); font-size: 13px; text-align: center; padding: 0 0 16px; }
#copyright a img { display: inline-block; background: var(--fl-surface); border: 1px solid var(--fl-line); border-radius: var(--fl-r-md); padding: 4px; margin: 0 6px; width: 60px; height: 60px; }
#copyright p { margin: 0 0 6px; }

/* ---------- 17. Árfolyam-értesítő űrlap ---------- */
#alertformdiv {
  background: var(--fl-surface); border: 1px solid var(--fl-line); border-radius: var(--fl-r-lg);
  box-shadow: var(--fl-shadow-2); padding: 28px;
}
.alarmforminput, .alarmforminputertek {
  height: 44px; padding: 8px 12px; border: 1px solid var(--fl-input-border); border-radius: var(--fl-r-sm);
  background: var(--fl-surface); color: var(--fl-text); font-size: 16px; font-family: var(--fl-font);
}
.alarmforminput:focus, .alarmforminputertek:focus { border-color: var(--fl-focus); outline: 2px solid var(--fl-focus); outline-offset: 0; }
.alarmformbutton {
  font-family: var(--fl-font); font-weight: 700; font-size: 17px;
  color: var(--fl-on-accent); background-color: var(--fl-accent);
  border-bottom: 0; border-radius: var(--fl-r-sm); text-shadow: none; padding: 11px 40px; min-height: 44px;
}
.alarmformbutton:hover, .alarmformbutton:focus { color: var(--fl-on-accent); background-color: var(--fl-accent-hover); }
.alarmformbutton:active { transform: translateY(1px); border-bottom: 0; }
.ertesitoerror { background-color: var(--fl-down); border-radius: var(--fl-r-sm); }
.ertesitosuccess { background-color: var(--fl-up); border-radius: var(--fl-r-sm); }

/* ---------- 18. MNB-oldal (a sablon fejében saját <style>) ---------- */
.planner .month td a.date { color: var(--fl-muted); }
.planner .blur { color: var(--fl-muted); }
.planner .month p { color: var(--fl-muted); }
.planner .cal-eur, .planner .cal-usd, .planner .cal-chf { color: var(--fl-text-2); }
span[style*="color: #888"] { color: var(--fl-muted) !important; }

/* ---------- 18b. Egységes frissítési idő („időchip”, elonezet/v2/idobelyeg.js tölti) ---------- */
.fl-ido {
  display: inline-flex; align-items: center; gap: 4px; vertical-align: middle;
  font: 600 12px/18px var(--fl-font); font-variant-numeric: tabular-nums; letter-spacing: 0; text-transform: none;
  color: var(--fl-muted); background: var(--fl-surface-2); border: 1px solid var(--fl-line);
  border-radius: var(--fl-r-pill); padding: 0 8px !important; margin: 0; white-space: nowrap;
  height: 20px !important; width: auto !important; box-sizing: border-box;
}
.supersmallmnb .fl-ido { margin: 2px 0 0 4px; }
.fl-ido svg { flex: none; }
.fl-ido--sotet { color: var(--fl-mnb-foot-bg); background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); }
.fl-ido-fej { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; }
.fl-ido-fej > .fl-ido { margin-left: auto; }
th.fl-ido-sarok { vertical-align: middle !important; text-align: left !important; padding-left: 0 !important; padding-right: 4px !important; }
@media (max-width: 767px) { th.fl-ido-sarok .fl-ido { padding: 0 5px !important; gap: 3px; font-size: 11px; } }

/* ---------- 19. Mobil ---------- */
@media (max-width: 767px) {
  body { font-size: 16px; }
  .headfoot { padding: 12px 0; text-align: center; }
  .header img[src$="logo-arfolyamfigyelo-2026.png"] { width: 240px; }
  .headfoot > .pull-right { display: flex; justify-content: center; align-items: center; gap: 4px 16px; flex-wrap: wrap; margin-top: 8px; }
  .additionalMenu ul { gap: 16px; }
  .fl-frissites { padding: 6px 12px; font-size: 14px; }
  #mainNavbar.navbar { border-radius: var(--fl-r-md); margin-bottom: 16px; padding: 6px 8px; }
  #mainNavbar .container > .navbar-header, #mainNavbar .container > .navbar-collapse { margin-left: 0; margin-right: 0; }
  #mainNavbar .navbar-header { display: flex; align-items: center; justify-content: space-between; }
  #mainNavbar .navbar-header::before, #mainNavbar .navbar-header::after { display: none; }
  #mainNavbar .navbar-brand { order: -1; float: none; height: auto; line-height: 44px; padding: 0 8px; }
  #mainNavbar .navbar-toggle { float: none; margin: 0; }
  #mainNavbar .menu > li > a { line-height: 44px !important; }
  .fl-cimkartya { padding: 18px 18px; margin-bottom: 16px; }
  .fl-cimkartya h1.fl-cim { font-size: 22px; }
  .fl-cimkartya h2.fl-alcim { font-size: 15px; }
  #frisshirnest, #frisshirnest2 { white-space: normal; margin-bottom: 16px !important; }
  #frisshirnest > a, #frisshirnest2 > a { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  #arfolyam_div div[id^="big_"], #arfolyam_div div[id^="small_"] { padding: 14px 12px 4px !important; }
  #arfolyam_div div[id^="small_"] > h2 { font-size: 19px; }
  #rounded-corner { font-size: 15px; }
  #rounded-corner thead th { border-width: 0 3px 10px !important; padding: 8px 2px; font-size: 13px; }
  #rounded-corner td { padding: 12px 4px; }
  /* napi táblák mobilon: a dátumoszlop kiférjen (ismert hiba) – a tábla a saját kártyáján belül görgethető */
  #small_napi { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #small_napi #rounded-corner { table-layout: auto; min-width: 100%; }
  #small_napi #rounded-corner td.tdlead { white-space: nowrap; overflow: visible; font-size: 13px; }
  #small_napi #rounded-corner td { padding: 9px 3px; font-size: 13px; }
  #small_napi #rounded-corner thead th { border-width: 0 2px 8px !important; font-size: 11px; }
  .fl-ismerteto { padding: 4px 18px 16px; }
  /* a mobil fejsor két cellája (deviza + világpiaci arany) kártyaként */
  #left-sidebar.tablerow { border-spacing: 8px 0; margin: 0 -8px 16px !important; width: calc(100% + 16px) !important; }
  #left-sidebar.tablerow > .module { border-radius: var(--fl-r-md); vertical-align: top; }
  #vda_div_resp td { text-align: left !important; padding: 12px 14px !important; font-size: 15px; line-height: 1.5; }
  #vda_div_resp strong { font-size: 24px; color: var(--fl-text); }
  #mnb_ar_top.trowcell, .mini-mnb-table-2, .mini-mnb-table-2 tr td { background: var(--fl-surface) !important; }
  .supersmallmnb { background: var(--fl-mnb) !important; padding: 12px 14px !important; }
  #kitcoframe2 { max-width: 100%; height: auto; border-radius: var(--fl-r-sm); }
  #tagcloud, .footer-pad { padding: 16px 18px; }
  #alertformdiv { padding: 18px 12px; }
  /* MNB-naptár mobilon (ismert hiba): a hét 7 napja kiférjen */
  .planner table.month { table-layout: fixed; width: 100% !important; min-width: 0 !important; font-size: 12px; }
  .planner table.month td { padding: 2px !important; word-break: break-word; }
}