/* Forex Market Hours Pro: Hamro Forex skin. Opt-in via skin="hamro", [forex_hours_guide] or [forex_hours_snapshot].
   Tokens: orange #FF6A00, deep orange #BF4A00, charcoal #191C20, ink #111827, tint #FFF5F0. Bebas Neue + Syne. Flat, 8px / 14px radii. */

.fxh,.fxh-snap{--fx-orange:#FF6A00;--fx-deep:#BF4A00;--fx-dark:#191C20;--fx-ink:#111827;--fx-tint:#FFF5F0;--fx-line:rgba(17,24,39,.14);--fx-muted:rgba(17,24,39,.72);--fx-display:'Bebas Neue',Impact,sans-serif;--fx-body:'Syne',system-ui,sans-serif;}
.fxh{font-family:var(--fx-body);color:var(--fx-ink);}

/* ── Tool shell ─────────────────────────────────────── */
.fxh .fx4,.fxh .fx4.dark{
  --bg:#fff;--surface:#fff;--surface2:var(--fx-tint);--border:var(--fx-line);
  --text:var(--fx-ink);--text2:rgba(17,24,39,.88);--muted:var(--fx-muted);
  --accent:var(--fx-deep);--accent-bg:var(--fx-tint);--accent-border:rgba(191,74,0,.35);
  --green:var(--fx-deep);--green-bg:var(--fx-tint);--green-border:rgba(191,74,0,.35);
  --red:var(--fx-ink);--red-bg:var(--fx-tint);--red-border:var(--fx-line);
  --amber:var(--fx-deep);--amber-bg:var(--fx-tint);--amber-border:rgba(191,74,0,.35);
  --purple:var(--fx-deep);--purple-bg:var(--fx-tint);--purple-border:rgba(191,74,0,.35);
  --shadow-sm:none;--shadow:none;--shadow-lg:none;
  font-family:var(--fx-body);background:#fff;color:var(--fx-ink);
  border:1px solid var(--fx-line);border-radius:14px;overflow:hidden;
}
.fxh .fx4 button,.fxh .fx4 input{font-family:var(--fx-body);}
.fxh .fx4 :where(h2,h3){font-family:var(--fx-display);font-weight:400;}
.fxh .fx4 button:focus-visible,.fxh .fx4 input:focus-visible{outline:3px solid var(--fx-dark);outline-offset:2px;}

/* numerals: Bebas for large clocks, Syne tabular for small figures */
.fxh .fx4-utc-time,.fxh .fx4-ltime,.fxh .fx4-wc-time,.fxh .fx4-card-countdown .ccd-time{font-family:var(--fx-display);font-weight:400;letter-spacing:.03em;font-variant-numeric:tabular-nums;}
.fxh .fx4-utc-day,.fxh .fx4-countdown-strip,.fxh .fx4-tv,.fxh .fx4-best-time,.fxh .fx4-clbl-time,.fxh .fx4-hr-lbl,.fxh .fx4-card-countdown{font-family:var(--fx-body);font-variant-numeric:tabular-nums;}

/* ── Top bar ────────────────────────────────────────── */
.fxh .fx4-hero{background:var(--fx-dark);padding:18px 28px;}
.fxh .fx4-hero::before,.fxh .fx4-hero::after{display:none;}
.fxh .fx4-live-dot{background:var(--fx-orange);animation:fxhpulse 2s infinite;}
@keyframes fxhpulse{0%,100%{box-shadow:0 0 0 3px rgba(255,106,0,.3);}50%{box-shadow:0 0 0 8px rgba(255,106,0,0);}}
.fxh .fx4-brand-title{font-family:var(--fx-display);font-weight:400;font-size:32px;letter-spacing:.03em;line-height:1;color:#fff;}
.fxh .fx4-brand-sub{color:rgba(255,255,255,.72);font-size:12.5px;margin-top:4px;}
.fxh .fx4-darkbtn{display:none;}
.fxh .fx4-clock-panel{background:transparent;border:0;border-left:1px solid rgba(255,255,255,.22);border-radius:0;padding:0 0 0 20px;}
.fxh .fx4-utc-label{color:rgba(255,255,255,.72);font-size:11px;letter-spacing:.12em;}
.fxh .fx4-utc-time{color:#fff;font-size:40px;line-height:1;}
.fxh .fx4-utc-day{color:rgba(255,255,255,.72);font-size:11px;}

/* ── Alerts ─────────────────────────────────────────── */
.fxh .fx4-alert{padding:14px 28px;font-size:14px;}
.fxh .fx4-alert>span{display:none;}
.fxh .fx4-alert.holiday{background:var(--fx-ink);color:#fff;border-bottom:0;}
.fxh .fx4-alert.advisory{background:var(--fx-tint);color:var(--fx-deep);border-bottom:1px solid var(--fx-line);}

/* ── Controls ───────────────────────────────────────── */
.fxh .fx4-controls{background:#fff;padding:16px 28px;}
.fxh .fx4-tz-input{border:2px solid var(--fx-dark);border-radius:8px;font-weight:600;font-size:14px;padding:10px 34px 10px 14px;}
.fxh .fx4-tz-input:focus{border-color:var(--fx-dark);}
.fxh .fx4-tz-dropdown{border:2px solid var(--fx-dark);border-radius:8px;box-shadow:none;}
.fxh .fx4-tz-option:hover,.fxh .fx4-tz-option.focused{background:var(--fx-tint);color:var(--fx-ink);}
.fxh .fx4-tz-option.pinned{color:var(--fx-deep);}
.fxh .fx4-chip{border:1.5px solid var(--fx-line);background:#fff;color:var(--fx-ink);border-radius:8px;font-weight:600;font-size:12.5px;padding:7px 12px;}
.fxh .fx4-chip:hover{border-color:var(--fx-dark);background:var(--fx-tint);color:var(--fx-ink);}
.fxh .fx4-chip.on{background:var(--fx-orange);border-color:var(--fx-orange);color:var(--fx-dark);}
.fxh .fx4-ltime{font-size:32px;line-height:1;color:var(--fx-ink);}
.fxh .fx4-lday{color:var(--fx-muted);}
.fxh .fx4-dst{border-radius:6px;background:var(--fx-tint);color:var(--fx-deep);border-color:rgba(191,74,0,.35);}
.fxh .fx4-dst.std{background:#fff;color:var(--fx-muted);border-color:var(--fx-line);}

/* ── Status strip ───────────────────────────────────── */
.fxh .fx4-strip{background:var(--fx-tint);}
.fxh .fx4-pill{border-radius:8px;}
.fxh .p-open{background:var(--fx-orange);color:var(--fx-dark);}
.fxh .p-closed{background:var(--fx-dark);color:#fff;}
.fxh .p-wknd{background:#fff;color:var(--fx-deep);border:1px solid rgba(191,74,0,.4);}
.fxh .p-holiday{background:var(--fx-ink);color:#fff;}
.fxh .fx4-strip-txt{color:var(--fx-text2,rgba(17,24,39,.88));font-weight:500;}
.fxh .fx4-countdown-strip{background:#fff;border:1px solid var(--fx-line);border-radius:8px;color:var(--fx-ink);font-weight:600;}
.fxh .fx4-countdown-strip .cdown-val{color:var(--fx-deep);}

/* ── World clocks ───────────────────────────────────── */
.fxh .fx4-worldclocks{background:#fff;}
.fxh .fx4-wc-title,.fxh .fx4-section-title{font-family:var(--fx-display);font-weight:400;font-size:26px;letter-spacing:.03em;text-transform:none;color:var(--fx-ink);line-height:1;}
.fxh .fx4-wc-item{background:#fff;border:1.5px solid var(--fx-line);border-radius:8px;}
.fxh .fx4-wc-item.wc-active{border-color:var(--fx-orange);background:var(--fx-tint);}
.fxh .fx4-wc-flag{display:none;}
.fxh .fx4-wc-city{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fx-ink);}
.fxh .fx4-wc-time{font-size:28px;line-height:1.05;color:var(--fx-ink);}

/* ── Session cards ──────────────────────────────────── */
.fxh .fx4-card.sy{--s:#BF4A00;}
.fxh .fx4-card.to{--s:#191C20;}
.fxh .fx4-card.lo{--s:#FF6A00;}
.fxh .fx4-card.ny{--s:#191C20;}
.fxh .fx4-cards{background:var(--fx-line);}
.fxh .fx4-card{background:#fff;padding:22px 20px 18px;}
.fxh .fx4-card.sy::after,.fxh .fx4-card.to::after,.fxh .fx4-card.lo::after,.fxh .fx4-card.ny::after{height:5px;background:var(--s);}
.fxh .fx4-card.is-open{background:var(--fx-tint);}
.fxh .fx4-card.is-wknd{background:#fff;}
.fxh .fx4-card.just-opened{animation:none;}
.fxh .fx4-flag{display:none;}
.fxh .fx4-badge{border-radius:8px;font-size:11px;letter-spacing:.08em;}
.fxh .b-open{background:var(--fx-orange);border-color:var(--fx-orange);color:var(--fx-dark);}
.fxh .b-closed{background:#fff;border:1.5px solid var(--fx-line);color:var(--fx-muted);}
.fxh .b-wknd{background:#fff;border:1.5px solid rgba(191,74,0,.4);color:var(--fx-deep);}
.fxh .fx4-city{font-family:var(--fx-display);font-weight:400;font-size:40px;letter-spacing:.02em;line-height:1;color:var(--fx-ink);margin-bottom:4px;}
.fxh .fx4-region{font-size:12px;color:var(--fx-muted);}
.fxh .fx4-volt{border-radius:6px;}
.fxh .volt-high{background:var(--fx-tint);color:var(--fx-deep);border:1px solid rgba(191,74,0,.4);}
.fxh .volt-medium,.fxh .volt-low{background:#fff;color:var(--fx-ink);border:1px solid var(--fx-line);}
.fxh .volt-dot.lit-high,.fxh .volt-dot.lit-med,.fxh .volt-dot.lit-low{background:var(--fx-deep);}
.fxh .volt-dot.dim{background:rgba(17,24,39,.22);}
.fxh .fx4-spark-line{stroke:var(--s)!important;}
.fxh .fx4-card.ny .fx4-spark-line{stroke-dasharray:4 2.5;}
.fxh .fx4-spark-fill{fill:var(--s)!important;opacity:.1;}
.fxh .fx4-spark-now{fill:var(--fx-dark);}
.fxh .fx4-card-countdown{background:#fff;border:1px solid var(--fx-line);border-radius:8px;color:var(--fx-deep);}
.fxh .fx4-card-countdown .ccd-label{font-family:var(--fx-body);color:var(--fx-muted);font-weight:600;}
.fxh .fx4-card-countdown .ccd-time{font-size:26px;line-height:1.1;}
.fxh .fx4-progress-track{background:rgba(17,24,39,.12);border-radius:4px;}
.fxh .fx4-progress-fill{background:var(--s)!important;border-radius:4px;}
.fxh .fx4-progress-label{color:var(--fx-muted);font-size:11px;}
.fxh .fx4-times{background:var(--fx-tint);border-color:var(--fx-line);border-radius:8px;}
.fxh .fx4-card.is-open .fx4-times{background:#fff;border-color:rgba(191,74,0,.35);}
.fxh .fx4-tv{font-size:13.5px;font-weight:700;color:var(--fx-ink);}
.fxh .fx4-card.is-open .fx4-tv{color:var(--fx-deep);}
.fxh .fx4-overlap{background:var(--fx-dark);color:#fff;border:0;border-radius:8px;}
.fxh .fx4-overlap-sub{color:rgba(255,255,255,.75);}

/* ── Best times (built by JS) ───────────────────────── */
.fxh .fx4-best{background:#fff;}
.fxh .fx4-best-card{background:#fff;border:1px solid var(--fx-line);border-radius:14px;padding:18px;}
.fxh .fx4-best-card.is-now{background:var(--fx-dark);border-color:var(--fx-dark);color:#fff;}
.fxh .fx4-best-card.is-now::before{background:var(--fx-orange);color:var(--fx-dark);border:0;border-radius:6px;}
.fxh .fx4-best-sessions{font-family:var(--fx-display);font-weight:400;font-size:26px;letter-spacing:.02em;line-height:1.05;color:var(--fx-ink);margin-bottom:6px;}
.fxh .is-now .fx4-best-sessions{color:#fff;}
.fxh .fx4-best-time{font-size:15px;font-weight:700;color:var(--fx-deep);}
.fxh .is-now .fx4-best-time{color:var(--fx-orange);}
.fxh .fx4-best-pairs{color:var(--fx-muted);font-size:12px;}
.fxh .is-now .fx4-best-pairs{color:rgba(255,255,255,.75);}
.fxh .bv-high,.fxh .bv-med{color:var(--fx-deep);}
.fxh .is-now .bv-high,.fxh .is-now .bv-med{color:var(--fx-orange);}
.fxh .fx4-vol-seg{background:rgba(17,24,39,.2);}
.fxh .fx4-vol-seg.lit{background:currentColor;}

/* ── Timeline ───────────────────────────────────────── */
.fxh .fx4-chart-sec{background:#fff;}
.fxh .fx4-chart-box{border-radius:14px;border:1px solid var(--fx-line);}
.fxh .fx4-chart-ht{font-weight:700;}
.fxh .fx4-chart-hs{color:var(--fx-muted);}
.fxh .fx4-ol-note{background:var(--fx-tint);border-color:var(--fx-line);border-radius:8px;}
.fxh .fx4-ol-note b{color:var(--fx-deep);}
.fxh .fx4-clbl-name{font-weight:700;}
.fxh .fx4-track{background:var(--fx-tint);border-radius:8px;}
.fxh .fx4-grid{background-image:repeating-linear-gradient(to right,rgba(17,24,39,.12) 0,rgba(17,24,39,.12) 1px,transparent 1px,transparent calc(100%/24));border-right-color:rgba(17,24,39,.12);}
.fxh .fx4-bar{border-radius:6px;}
.fxh .bsy,.fxh .sw1{background:#BF4A00;}
.fxh .bto,.fxh .sw2{background:#191C20;}
.fxh .blo,.fxh .sw3{background:#FF6A00;}
.fxh .bny,.fxh .sw4{background:repeating-linear-gradient(135deg,#191C20 0 4px,#FFF5F0 4px 7px);border:1.5px solid #191C20;}
.fxh .fx4-bar:hover{filter:none;transform:none;}
.fxh .fx4-bar:hover::after{background:var(--fx-dark);font-family:var(--fx-body);border-radius:8px;box-shadow:none;}
.fxh .fx4-needle{background:var(--fx-orange);box-shadow:none;}
.fxh .fx4-needle::before{background:var(--fx-orange);border-color:#fff;box-shadow:none;animation:none;}
.fxh .fx4-sw{border-radius:3px;}
.fxh .fx4-leg{color:var(--fx-ink);font-weight:600;}

/* ── Footer + embed (kept, demoted) ─────────────────── */
.fxh .fx4-footer{background:var(--fx-tint);}
.fxh .fx4-fn,.fxh .fx4-fn b{color:var(--fx-ink);}
.fxh .fx4-fn a{color:var(--fx-deep);text-decoration:underline;}
.fxh .fx4-embed-btn{background:#fff!important;color:var(--fx-ink)!important;border:2px solid var(--fx-dark)!important;border-radius:8px!important;font-family:var(--fx-body)!important;font-weight:700!important;}
.fxh .fx4-embed-btn span,.fxh .fx4-embed-modal h3 span{display:none;}
.fxh .fx4-copy-btn{background:var(--fx-orange)!important;color:var(--fx-dark)!important;border-radius:8px!important;font-family:var(--fx-body)!important;}
.fxh .fx4-preview-btn{border-radius:8px!important;font-family:var(--fx-body)!important;}
.fxh .fx4-copy-success{background:var(--fx-dark);color:#fff;}

/* ── Guide content (hours table, best times, holidays, FAQ) ── */
.fxh .fxpro-content{max-width:none;margin:0;font-family:var(--fx-body);font-size:17px;line-height:1.7;color:var(--fx-ink);}
.fxh .fxpro-content>p,.fxh .fxpro-content>ul,.fxh .fxpro-content>h3{max-width:68ch;}
.fxh .fxpro-content h2{font-family:var(--fx-display);font-weight:400;font-size:clamp(36px,5vw,54px);line-height:1;letter-spacing:.01em;text-transform:none;color:var(--fx-ink);margin:64px 0 18px;border:0;padding:0;}
.fxh .fxpro-content h2:first-child{margin-top:0;}
.fxh .fxpro-content h3{font-family:var(--fx-body);font-weight:700;font-size:19px;line-height:1.35;text-transform:none;color:var(--fx-ink);margin:0;padding:22px 0 6px;border-top:1px solid var(--fx-line);}
.fxh .fxpro-content h3+p{margin-bottom:0;padding-bottom:22px;color:rgba(17,24,39,.88);}
.fxh .fxpro-content p{margin:0 0 16px;}
.fxh .fxpro-content ul{list-style:none;margin:0 0 16px;padding:0;}
.fxh .fxpro-content li{position:relative;margin:0 0 14px;padding-left:24px;}
.fxh .fxpro-content li::before{content:'';position:absolute;left:0;top:.72em;width:9px;height:9px;background:var(--fx-orange);border-radius:2px;}
.fxh .fxpro-content strong{color:var(--fx-ink);}
.fxh .fxpro-tablewrap{border:1px solid var(--fx-line);border-radius:14px;overflow-x:auto;margin:22px 0 22px;background:#fff;}
.fxh .fxpro-content table{width:100%;min-width:520px;border-collapse:collapse;border:0;font-size:15.5px;margin:0;background:transparent;}
.fxh .fxpro-content caption{padding:16px 18px;text-align:left;font-weight:700;font-size:14px;color:var(--fx-muted);background:#fff;border-bottom:1px solid var(--fx-line);}
.fxh .fxpro-content th,.fxh .fxpro-content td{border:0;border-top:1px solid var(--fx-line);padding:14px 18px;text-align:left;vertical-align:top;background:transparent;font-variant-numeric:tabular-nums;}
.fxh .fxpro-content thead th{background:var(--fx-dark);color:#fff;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border-top:0;}
.fxh .fxpro-content tbody th{font-weight:700;color:var(--fx-ink);}
.fxh .fxpro-content tbody tr:nth-child(even){background:var(--fx-tint);}
.fxh .fxpro-tag{border-radius:6px;font-size:.8em;}
.fxh .fxpro-tag.full{background:var(--fx-dark);color:#fff;border:1px solid var(--fx-dark);}
.fxh .fxpro-tag.advisory{background:var(--fx-tint);color:var(--fx-deep);border:1px solid rgba(191,74,0,.4);}

/* ── Hero snapshot panel ([forex_hours_snapshot]) ───── */
.fxh-snap{background:var(--fx-dark);color:#fff;border-radius:14px;padding:30px 32px 26px;font-family:var(--fx-body);}
.fxh-snap table{width:100%;border-collapse:collapse;border:0!important;margin:0;background:transparent!important;}
.fxh-snap caption{caption-side:top;text-align:left;font-family:var(--fx-display);font-weight:400;font-size:32px;letter-spacing:.03em;line-height:1;color:#fff;padding:0 0 14px;}
.fxh-snap th,.fxh-snap td{background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.2)!important;padding:14px 0;text-align:left;vertical-align:baseline;color:#fff;font-variant-numeric:tabular-nums;}
.fxh-snap th{width:34%;padding-right:16px;font-size:15px;font-weight:600;color:rgba(255,255,255,.82);}
.fxh-snap td{font-size:19px;font-weight:700;}
.fxh-snap-ol{margin:0;padding:18px 0 0;border-top:3px solid var(--fx-orange);font-size:19px;font-weight:700;color:#fff;}
.fxh-snap-ol strong{display:block;margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fx-orange);}

/* ── Responsive ─────────────────────────────────────── */
@media(max-width:860px){.fxh .fx4-city{font-size:34px;}}
@media(max-width:640px){
  .fxh .fx4-hero,.fxh .fx4-controls,.fxh .fx4-strip,.fxh .fx4-worldclocks,.fxh .fx4-best,.fxh .fx4-chart-sec,.fxh .fx4-footer,.fxh .fx4-alert{padding-left:16px;padding-right:16px;}
  .fxh .fx4-brand-title{font-size:26px;}
  .fxh .fx4-utc-time{font-size:32px;}
  .fxh .fx4-clock-panel{padding-left:14px;}
  .fxh .fx4-card{padding:18px 14px 14px;}
  .fxh .fx4-city{font-size:30px;}
  .fxh .fxpro-content{font-size:16px;}
  .fxh-snap{padding:24px 20px 20px;}
  .fxh-snap caption{font-size:28px;}
}
@media (prefers-reduced-motion:reduce){.fxh *,.fxh-snap *{animation:none!important;transition:none!important;}}