/* GCC Markets Page V2 — GCC-only layer on top of css/page-indices-v2.css (ix-* classes) */

/* ── Hero background (EN art on the right, AR mirrored art on the left) ── */
.gc-hero .ix-hero-bg{background-image:url('../assets/img/gcc-markets-v2/hero-en.webp');background-position:50% 50%;}
[dir="rtl"] .gc-hero .ix-hero-bg{background-image:url('../assets/img/gcc-markets-v2/hero-ar.webp');}

/* ── Advantage band background ── */
.gc-page .ix-advantage-bg{background-image:url('../assets/img/gcc-markets-v2/advantage-en.webp');background-position:50% 50%;}
[dir="rtl"] .gc-page .ix-advantage-bg{background-image:url('../assets/img/gcc-markets-v2/advantage-ar.webp');}

/* ── Headings: semantic h2/h3 keep the Indices h4 look ── */
.gc-page .scard h3{font-family:inherit;font-size:16px;font-weight:600;margin-bottom:10px;}
.gc-page .step-card h3{font-family:inherit;font-size:17px;font-weight:600;margin-bottom:8px;position:relative;}
.gc-page .calc-widget h3{font-family:inherit;font-size:16px;font-weight:600;margin-bottom:6px;}

/* ── Instrument rows: Stock / Index tag + pending-name note ── */
.gc-instr-tag{
  flex-shrink:0;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--text-faint);border:1px solid var(--border);border-radius:100px;padding:3px 9px;
}
[dir="rtl"] .gc-instr-tag{letter-spacing:0;}
.gc-detail-pending{font-size:12.5px;color:var(--text-faint);font-style:italic;margin:-6px 0 14px;}

/* ── Calculator asset toggle ── */
.gc-calc-toggle{
  display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;margin-bottom:18px;
  background:var(--surface-solid);border:1px solid var(--border);border-radius:100px;
}
.gc-calc-toggle button{
  font-family:inherit;font-size:13px;font-weight:600;color:var(--text-mute);
  background:transparent;border:none;border-radius:100px;padding:8px 16px;cursor:pointer;
  transition:color .15s,background .15s;
}
.gc-calc-toggle button:hover{color:var(--text);}
.gc-calc-toggle button.active{color:var(--bg);background:linear-gradient(135deg,var(--gold-2),var(--gold));}
.gc-calc-toggle button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
@media (prefers-reduced-motion: reduce){.gc-calc-toggle button{transition:none;}}

@media(max-width:900px){
  .gc-hero .ix-hero-bg{background-position:78% 50%;}
  [dir="rtl"] .gc-hero .ix-hero-bg{background-position:22% 50%;}
}
@media(max-width:640px){
  .gc-calc-toggle{display:flex;border-radius:14px;}
  .gc-calc-toggle button{flex:1 1 100%;border-radius:10px;}
}