/*
 * FOREX TRADERS EXPO & SUMMIT DUBAI 2026 — V3.1 FINAL VISUAL CORRECTION
 * Frontend-only presentation layer. Does not alter Hudur, sponsor notifications,
 * routes, authentication, database schema, or core application logic.
 */
:root{
  --fts31-orange:#ef6328;
  --fts31-orange-2:#ff7a3d;
  --fts31-bg:#070b10;
  --fts31-panel:#0d131a;
  --fts31-paper:#f5f5f2;
  --fts31-text:#f6f7f8;
  --fts31-muted:rgba(255,255,255,.68);
  --fts31-line:rgba(255,255,255,.11);
}

/* TYPOGRAPHY — lighter, calmer, closer to the SVS hierarchy */
html,body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-optical-sizing:auto!important}
html[dir="rtl"] body{font-family:"IBM Plex Sans Arabic","Inter",sans-serif!important}
body{font-weight:400!important;line-height:1.6!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.button,.desktop-nav>a,.nav-more>summary{font-weight:650!important}
h1,h2,h3{letter-spacing:-.035em!important;text-wrap:balance}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0!important}
.hx-section h2,.section h2{font-size:clamp(2rem,3.5vw,3.45rem)!important;line-height:1.04!important;max-width:22ch!important}
.hx-section p,.section p{font-size:clamp(.9rem,1.05vw,1rem)!important;line-height:1.68!important}
.eyebrow,.hx-hero-kicker{font-weight:750!important;letter-spacing:.12em!important}

/* HEADER */
@media (min-width:1181px){
  .site-header,.header-inner{height:82px!important}
  .site-header{background:rgba(5,8,12,.97)!important;backdrop-filter:blur(15px)!important}
  .header-inner{gap:22px!important}
  .brand{min-width:170px!important}
  .site-brand-logo{width:154px!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
  .desktop-nav{gap:2px!important}
  .desktop-nav>a,.nav-more>summary{font-size:12.5px!important;padding:10px 9px!important;white-space:nowrap!important}
  .header-actions{gap:8px!important}
  .header-actions .button{min-height:41px!important;padding:0 15px!important;font-size:11px!important}
}

/* HERO — force the supplied event image to render above the legacy dark background layer */
.hx-home-v3 .hx-hero{
  position:relative!important;
  min-height:720px!important;
  background:#070b10!important;
  background-image:none!important;
  isolation:isolate!important;
}
.hx-home-v3 .hx-hero-media{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.hx-home-v3 .hx-hero-media:after{display:none!important}
.hx-home-v3 .hx-hero-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 46%!important;
  opacity:1!important;
  visibility:visible!important;
  filter:saturate(1.06) contrast(1.04) brightness(.83)!important;
}
.hx-home-v3 .hx-hero:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(4,7,10,.92) 0%,rgba(4,7,10,.78) 34%,rgba(4,7,10,.38) 60%,rgba(4,7,10,.14) 100%)!important;
}
.rtl .hx-home-v3 .hx-hero:after{background:linear-gradient(270deg,rgba(4,7,10,.92) 0%,rgba(4,7,10,.78) 34%,rgba(4,7,10,.38) 60%,rgba(4,7,10,.14) 100%)!important}
.hx-home-v3 .hx-hero-inner{position:relative!important;z-index:3!important;min-height:630px!important;padding:54px 0 100px!important;display:flex!important;align-items:center!important}
.hx-home-v3 .hx-hero-copy{max-width:650px!important;padding:20px 0!important}
.hx-home-v3 .hx-hero h1{
  margin:0!important;
  font-size:clamp(3rem,4.7vw,4.55rem)!important;
  line-height:1.01!important;
  letter-spacing:-.048em!important;
  max-width:14.5ch!important;
  font-weight:650!important;
}
.rtl .hx-home-v3 .hx-hero h1{font-size:clamp(2.65rem,4.3vw,4.1rem)!important;line-height:1.12!important;max-width:16ch!important;letter-spacing:0!important}
.hx-home-v3 .hx-hero-lead{max-width:62ch!important;margin:18px 0 24px!important;font-size:15.5px!important;line-height:1.7!important;color:rgba(255,255,255,.80)!important}
.hx-home-v3 .hx-hero-actions{gap:9px!important}
.hx-home-v3 .hx-hero-actions .button{min-height:44px!important;padding-inline:18px!important;font-size:11.5px!important}
.hx-home-v3 .hx-hero-facts{max-width:650px!important;margin-top:26px!important;padding-top:18px!important;gap:12px!important}
.hx-home-v3 .hx-hero-facts span{font-size:9px!important}.hx-home-v3 .hx-hero-facts strong{font-size:12px!important;line-height:1.4!important}
.hx-home-v3 .hx-edition-mark{opacity:.13!important;z-index:2!important}
.hx-home-v3 .hx-countdown-bar{position:relative!important;z-index:4!important}

/* More disciplined vertical rhythm */
.hx-home-v3 .hx-section{padding-block:72px!important}
.hx-home-v3 .hx-section-head{margin-bottom:26px!important}
.hx-home-v3 .hx-section-head h2{margin-top:5px!important}
.hx-home-v3 .hx-story-grid{gap:26px!important}
.hx-home-v3 .hx-story-copy h2{font-size:clamp(2.3rem,3.4vw,3.5rem)!important;line-height:1.04!important}
.hx-home-v3 .hx-story-image{min-height:380px!important}.hx-home-v3 .hx-story-image img{min-height:380px!important;object-fit:cover!important}
.hx-stats-v3{margin-top:22px!important}

/* EVENT EXPERIENCE — all five cards have real event photography */
.hx-v31-experience{background:#080c11!important;color:#fff!important}
.hx-v31-experience-grid{display:grid!important;grid-template-columns:1.15fr .9fr .9fr!important;grid-template-areas:"a b c" "a d e"!important;gap:14px!important}
.hx-v31-experience-card{position:relative!important;min-height:255px!important;border-radius:20px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.10)!important;background:#0d141c!important;box-shadow:0 18px 42px rgba(0,0,0,.20)!important}
.hx-v31-experience-card:nth-child(1){grid-area:a!important;min-height:525px!important}.hx-v31-experience-card:nth-child(2){grid-area:b!important}.hx-v31-experience-card:nth-child(3){grid-area:c!important}.hx-v31-experience-card:nth-child(4){grid-area:d!important}.hx-v31-experience-card:nth-child(5){grid-area:e!important}
.hx-v31-experience-card figure{position:absolute!important;inset:0!important;margin:0!important;display:block!important;background:#111820!important}
.hx-v31-experience-card figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,10,.03) 5%,rgba(4,7,10,.25) 45%,rgba(4,7,10,.94) 100%)}
.hx-v31-experience-card figure img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:1!important;visibility:visible!important}
.hx-v31-experience-card>div{position:absolute!important;z-index:2!important;left:22px!important;right:22px!important;bottom:20px!important;color:#fff!important}
.rtl .hx-v31-experience-card>div{left:22px!important;right:22px!important}
.hx-v31-experience-card>div>span{display:block;color:var(--fts31-orange-2);font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:5px}
.hx-v31-experience-card h3{margin:0!important;font-size:clamp(1.1rem,1.5vw,1.45rem)!important;line-height:1.14!important}.hx-v31-experience-card p{margin:7px 0 0!important;color:rgba(255,255,255,.70)!important;font-size:12px!important;line-height:1.55!important;max-width:36ch!important}

/* INDUSTRY PARTICIPANTS — no empty half */
.hx-v31-participants{padding-block:64px!important;background:#0a0f15!important}
.hx-v31-participants-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:28px!important;align-items:center!important}
.hx-v31-participants .hx-participants-head{display:block!important;margin-bottom:20px!important}
.hx-v31-participants .hx-participants-head h2{margin:5px 0 0!important;max-width:14ch!important;font-size:clamp(2.2rem,3.4vw,3.6rem)!important;line-height:1.02!important}
.hx-v31-participants .hx-participant-tags{gap:8px!important}.hx-v31-participants .hx-participant-tags span{min-height:38px!important;padding:0 13px!important;font-size:11px!important;background:rgba(255,255,255,.045)!important}
.hx-v31-participants-media{margin:0!important;min-height:390px!important;border-radius:22px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.10)!important;background:#111820!important}
.hx-v31-participants-media img{display:block!important;width:100%!important;height:100%!important;min-height:390px!important;object-fit:cover!important;object-position:center!important;opacity:1!important;visibility:visible!important}

/* PREVIOUS SPONSORS — logos, not text tiles */
.hx-home-sponsor-grid.hx-previous-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.hx-static-logo-card{min-height:108px!important;background:#fff!important;border-radius:14px!important;overflow:hidden!important}
.hx-static-logo-card .hx-home-sponsor-logo{display:grid!important;place-items:center!important;min-height:108px!important;padding:16px!important;background:#fff!important}
.hx-static-logo-card .hx-home-sponsor-logo img{display:block!important;width:100%!important;height:auto!important;max-width:150px!important;max-height:64px!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important}
.hx-static-logo-card .hx-home-sponsor-meta{display:none!important}

/* PROGRAMME */
.hx-home-v3 .hx-agenda-grid{gap:14px!important}.hx-home-v3 .hx-agenda-day{border-radius:18px!important;overflow:hidden!important;background:#0e141b!important;border:1px solid rgba(255,255,255,.10)!important}
.hx-home-v3 .hx-agenda-day>header{background:#111922!important;padding:14px 16px!important}.hx-home-v3 .hx-agenda-day article{padding:13px 16px!important;border-color:rgba(255,255,255,.08)!important}.hx-home-v3 .hx-agenda-day h3{color:#fff!important;font-size:13px!important}.hx-home-v3 .hx-agenda-day small{color:var(--fts31-orange-2)!important}.hx-preview-note{font-size:11px!important;opacity:.75}

/* SPEAKER PREVIEW — actual AI-generated fictional photographic portraits */
.hx-home-v3 .hx-speaker-grid{gap:12px!important}
.hx-preview-speaker-card,.hx-speaker-preview-card{background:#0f151d!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:18px!important;overflow:hidden!important}
.hx-preview-speaker-card figure,.hx-speaker-preview-card .speaker-photo{background:#101720!important;aspect-ratio:4/5!important;overflow:hidden!important}
.hx-preview-speaker-card figure img,.hx-speaker-preview-card .speaker-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;filter:none!important;opacity:1!important;visibility:visible!important}
.hx-preview-speaker-card>div{padding:13px!important}.hx-preview-speaker-card h3{font-size:15px!important}.hx-preview-speaker-card p{font-size:11px!important;color:rgba(255,255,255,.68)!important}.hx-preview-speaker-card small{color:var(--fts31-orange-2)!important}
.hx-preview-badge{background:rgba(239,99,40,.12)!important;border-color:rgba(239,99,40,.35)!important;color:#ff8248!important}
.hx-speaker-confirmed-note{font-size:11px!important}

/* SPONSORSHIP / VENUE / FINAL CTA — hard guarantee that images render */
.hx-home-v3 .hx-sponsor-panel{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:500px!important;overflow:hidden!important;border-radius:24px!important;background:#0d141c!important;border:1px solid rgba(255,255,255,.10)!important}
.hx-home-v3 .hx-sponsor-panel>div:first-child{padding:42px!important}
.hx-home-v3 .hx-sponsor-panel h2{font-size:clamp(2.25rem,3.6vw,3.8rem)!important;line-height:1.02!important}
.hx-home-v3 .hx-sponsor-visual{display:block!important;min-height:500px!important;background:#111820!important;overflow:hidden!important}
.hx-home-v3 .hx-sponsor-visual img,.hx-home-v3 .hx-venue-image img,.hx-home-v3 .hx-final-visual img{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:1!important}
.hx-home-v3 .hx-sponsor-visual img{object-position:center 45%!important}.hx-home-v3 .hx-venue-image img{object-position:center!important}.hx-home-v3 .hx-final-visual img{object-position:center!important}
.hx-home-v3 .hx-venue-grid{gap:14px!important}.hx-home-v3 .hx-venue-card,.hx-home-v3 .hx-venue-image{border-radius:22px!important;overflow:hidden!important}.hx-home-v3 .hx-venue-image{min-height:390px!important;background:#111820!important}
.hx-home-v3 .hx-final-card{display:grid!important;grid-template-columns:.92fr 1.08fr!important;min-height:500px!important;border-radius:24px!important;overflow:hidden!important;background:#0d141c!important;border:1px solid rgba(255,255,255,.10)!important}.hx-home-v3 .hx-final-copy{padding:42px!important}.hx-home-v3 .hx-final-copy h2{font-size:clamp(2.3rem,3.7vw,4rem)!important;line-height:1.02!important}.hx-home-v3 .hx-final-visual{min-height:500px!important;background:#111820!important}

/* INTERNAL PAGE TYPOGRAPHY / HERO */
.hx-inner-hero,.page-hero{min-height:360px!important}.hx-inner-hero h1,.page-hero h1{font-size:clamp(2.45rem,4vw,4.25rem)!important;line-height:1.03!important;max-width:18ch!important}.hx-inner-hero .page-intro,.page-hero .page-intro{font-size:15px!important;line-height:1.7!important}
.hx-agenda-row h3{font-size:15px!important;font-weight:600!important}.hx-agenda-row time strong{font-weight:650!important}

/* FLOATING ACTIONS */
.svs-floating-actions{right:16px!important;bottom:16px!important;gap:6px!important}.rtl .svs-floating-actions{left:16px!important;right:auto!important}.svs-floating-actions a{min-height:36px!important;padding:0 11px!important;font-size:9.5px!important;border-radius:999px!important}

/* RESPONSIVE */
@media(max-width:1080px){
  .hx-v31-experience-grid{grid-template-columns:1fr 1fr!important;grid-template-areas:"a a" "b c" "d e"!important}
  .hx-v31-experience-card:nth-child(1){min-height:420px!important}
  .hx-v31-participants-grid{grid-template-columns:1fr!important}.hx-v31-participants-media{min-height:340px!important}
  .hx-home-sponsor-grid.hx-previous-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .hx-home-v3 .hx-sponsor-panel,.hx-home-v3 .hx-final-card{grid-template-columns:1fr!important}.hx-home-v3 .hx-sponsor-visual,.hx-home-v3 .hx-final-visual{min-height:360px!important}
}
@media(max-width:720px){
  .site-header,.header-inner{height:66px!important}.site-brand-logo{width:110px!important;max-height:50px!important}
  .hx-home-v3 .hx-hero{min-height:680px!important}.hx-home-v3 .hx-hero-media img{object-position:center 35%!important}.hx-home-v3 .hx-hero:after,.rtl .hx-home-v3 .hx-hero:after{background:linear-gradient(180deg,rgba(4,7,10,.22) 0%,rgba(4,7,10,.48) 38%,rgba(4,7,10,.94) 76%,rgba(4,7,10,.99) 100%)!important}.hx-home-v3 .hx-hero-inner{min-height:590px!important;padding:38px 0 98px!important;align-items:flex-end!important}.hx-home-v3 .hx-hero-copy{padding:0!important}.hx-home-v3 .hx-hero h1{font-size:clamp(2.35rem,10.6vw,3.25rem)!important;line-height:1.02!important;max-width:13ch!important;letter-spacing:-.035em!important}.rtl .hx-home-v3 .hx-hero h1{font-size:clamp(2.2rem,9.5vw,3.05rem)!important;line-height:1.14!important}.hx-home-v3 .hx-hero-lead{font-size:13px!important;line-height:1.58!important}.hx-home-v3 .hx-hero-facts{grid-template-columns:1fr!important}.hx-home-v3 .hx-section{padding-block:50px!important}
  .hx-v31-experience-grid{grid-template-columns:1fr!important;grid-template-areas:"a" "b" "c" "d" "e"!important;gap:10px!important}.hx-v31-experience-card,.hx-v31-experience-card:nth-child(1){min-height:300px!important}.hx-v31-experience-card>div{left:16px!important;right:16px!important;bottom:16px!important}.hx-v31-experience-card p{font-size:11px!important}
  .hx-v31-participants{padding-block:48px!important}.hx-v31-participants .hx-participants-head h2{font-size:2.25rem!important}.hx-v31-participants-media{min-height:280px!important}.hx-v31-participants-media img{min-height:280px!important}
  .hx-home-sponsor-grid.hx-previous-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.hx-static-logo-card,.hx-static-logo-card .hx-home-sponsor-logo{min-height:88px!important}.hx-static-logo-card .hx-home-sponsor-logo img{max-width:120px!important;max-height:52px!important}
  .hx-home-v3 .hx-speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hx-preview-speaker-card>div{padding:10px!important}.hx-preview-speaker-card h3{font-size:13px!important}.hx-preview-speaker-card p{font-size:9.5px!important}
  .hx-home-v3 .hx-sponsor-panel>div:first-child,.hx-home-v3 .hx-final-copy{padding:24px 18px!important}.hx-home-v3 .hx-sponsor-visual,.hx-home-v3 .hx-final-visual,.hx-home-v3 .hx-venue-image{min-height:300px!important}
  .hx-inner-hero,.page-hero{min-height:320px!important}.hx-inner-hero h1,.page-hero h1{font-size:clamp(2.15rem,10vw,3rem)!important;line-height:1.05!important}
  .svs-floating-actions{left:10px!important;right:10px!important;bottom:10px!important;display:grid!important;grid-template-columns:1fr 1fr!important}.rtl .svs-floating-actions{left:10px!important;right:10px!important}.svs-floating-actions a{font-size:9px!important;min-height:34px!important}
}
@media(max-width:390px){.hx-home-v3 .hx-hero h1{font-size:2.3rem!important}.hx-home-v3 .hx-speaker-grid{grid-template-columns:1fr 1fr!important}.hx-static-logo-card .hx-home-sponsor-logo{padding:10px!important}}
.hx-home-v3 .hx-sponsor-visual picture,.hx-home-v3 .hx-venue-image picture,.hx-home-v3 .hx-final-visual picture{display:block!important;width:100%!important;height:100%!important}

/* V3.1.2 visual hotfix — frontend only */
.hx-home-v3 .hx-hero{
  background-image:linear-gradient(90deg,rgba(4,7,10,.38),rgba(4,7,10,.05)),url('/assets/img/featured/hero-expo.webp')!important;
  background-size:cover!important;background-position:center 46%!important;background-repeat:no-repeat!important;
}
.hx-home-v3 .hx-hero-media{display:block!important;visibility:visible!important;opacity:1!important}
.hx-home-v3 .hx-hero-media picture,.hx-home-v3 .hx-hero-media img{display:block!important;visibility:visible!important;opacity:1!important}
.hx-preview-speaker-card figure{background:#eceae6!important;overflow:hidden!important}
.hx-preview-speaker-card figure img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;filter:none!important}
@media(max-width:720px){.hx-home-v3 .hx-hero{background-image:linear-gradient(180deg,rgba(4,7,10,.08),rgba(4,7,10,.88)),url('/assets/img/featured/hero-expo-mobile.webp')!important;background-position:center 30%!important}}