/* =========================================================================
   FAISAL PREMIUM — Elementor Homepage Stability (authoritative, loaded last)
   Keeps the homepage visually identical to the frontend AFTER Elementor
   Publish/Save: full-bleed hero, horizontal TradingView trust row, premium
   colored icons, and full-width bands — regardless of how Elementor wraps the
   text-editor HTML in its (boxed) section/column.
   ========================================================================= */

/* ---- Neutralize Elementor's boxed wrappers around our homepage content ---- */
.faisal-home-content,
.elementor-widget-text-editor .faisal-home-content{width:100%;max-width:100%;margin:0;padding:0}
/* Remove Elementor section/column padding that would inset our full-bleed bands. */
.faisal-home-content + *,
.elementor-element .faisal-home-content{margin:0!important}
/* When our content sits inside an Elementor column, let it ignore the column box. */
.elementor-widget-text-editor:has(.faisal-home-content) > .elementor-widget-container{padding:0!important}

/* ---- FULL-BLEED bands (hero, alt sections, app, cta) = 100vw edge-to-edge ----
   Works inside ANY container (Elementor boxed/full, theme container) without JS. */
.faisal-home-content .hero,
.faisal-home-content .section.section--alt,
.faisal-home-content .faisalclick-section,
.faisal-home-content #stay-informed,
.faisal-home-content #open-account{
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-inline-start:calc(50% - 50vw);
  margin-inline-end:calc(50% - 50vw);
}
/* Inner content stays nicely boxed within the full-bleed band. */
.faisal-home-content .hero > .container,
.faisal-home-content .section > .container,
.faisal-home-content .faisalclick-section{margin-inline:auto}

/* The hero must always keep its dark gradient full width & never shrink. */
.faisal-home-content .hero{
  background:linear-gradient(135deg,var(--hero-1,#061410),var(--hero-2,#0D2518) 55%,var(--hero-3,#0F1E16))!important;
  color:#fff;overflow:hidden;border-radius:0!important;
  padding-block:clamp(3.5rem,7vw,6rem)!important;
}
.faisal-home-content .hero .container{width:100%;max-width:var(--container,75rem);padding-inline:1.25rem;position:relative;z-index:1}
.faisal-home-content .hero-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:2.5rem;align-items:start}
@media(max-width:960px){.faisal-home-content .hero-grid{grid-template-columns:1fr;gap:2rem}}

/* ---- TradingView trust row: 3 items in ONE horizontal row on desktop ---- */
.faisal-home-content .hero-trust{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap;
  gap:.75rem;margin-top:2rem;
}
.faisal-home-content .hero-trust>span{
  flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:.45rem;text-align:center;
  background:rgba(201,168,124,.08);border:1px solid rgba(201,168,124,.2);border-radius:12px;
  padding:.7rem .6rem;line-height:1.4;color:var(--gold-muted,#BFA06A);font-size:.85rem;min-height:100%;
}
.faisal-home-content .hero-trust i{color:var(--gold,#C9A84C);flex-shrink:0}
@media(max-width:560px){.faisal-home-content .hero-trust{flex-direction:column!important}}

/* ---- Premium COLORED icons (restore after Elementor degrades markup) ---- */
.faisal-home-content .icon-box{
  width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,rgba(0,104,55,.14),rgba(0,104,55,.05))!important;
  border:1px solid rgba(0,104,55,.16)!important;color:var(--primary,#006837)!important;font-size:1.4rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .35s ease,color .35s ease!important;
}
.faisal-home-content .icon-box--gold{
  background:linear-gradient(140deg,rgba(201,168,76,.18),rgba(201,168,76,.06))!important;
  border-color:rgba(201,168,76,.22)!important;color:var(--gold-dark,#a8883d)!important;
}
.faisal-home-content .icon-box i{color:inherit!important}
@media (hover:hover) and (pointer:fine){
  .faisal-home-content .card:hover .icon-box{transform:scale(1.1) rotate(-4deg);background:linear-gradient(140deg,var(--primary,#006837),var(--primary-light,#008f4a))!important;color:#fff!important;border-color:transparent!important}
  .faisal-home-content .card:hover .icon-box--gold{background:linear-gradient(140deg,var(--gold,#C9A84C),var(--gold-light,#f5d169))!important;color:var(--dark,#061410)!important}
}
/* Keep Font Awesome glyphs rendering after Elementor re-render. */
.faisal-home-content i.fa-solid,.faisal-home-content i.fas{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.faisal-home-content i.fa-regular,.faisal-home-content i.far{font-family:"Font Awesome 6 Free"!important;font-weight:400!important}
.faisal-home-content i.fa-brands,.faisal-home-content i.fab{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}

/* ---- Card design system stays consistent inside Elementor ---- */
.faisal-home-content .card{
  background:linear-gradient(160deg,#fff 0%,#fcfaf6 100%)!important;
  border:1px solid rgba(226,216,202,.85)!important;border-radius:14px!important;
  box-shadow:0 1px 2px rgba(6,20,16,.04),0 10px 24px rgba(6,20,16,.05)!important;
}

/* ---- Open Account: two columns on desktop, stacked on mobile ---- */
/* Contact/open-account: promotional text on the RIGHT, form on the LEFT (RTL). */
.faisal-home-content .open-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:stretch}
.faisal-home-content .open-account-intro{order:1}   /* right in RTL */
.faisal-home-content .form-wrapper{order:2}          /* left in RTL */
.faisal-home-content .open-account-intro,
.faisal-home-content .form-wrapper{display:flex;flex-direction:column;justify-content:center}
@media(max-width:900px){
  .faisal-home-content .open-account-grid{grid-template-columns:1fr}
  .faisal-home-content .open-account-intro{order:1}
  .faisal-home-content .form-wrapper{order:2}
}

/* ---- TradingView card: full-width, fills area (no square restriction) ---- */
.faisal-home-content .tv-widget{width:100%;min-height:460px;max-width:none;aspect-ratio:auto}

/* ---- App badges identical size ---- */
.faisal-home-content .faisalclick-badges a{height:54px;width:182px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.faisal-home-content .faisalclick-badges img{height:100%;width:100%;object-fit:contain}
@media(max-width:480px){.faisal-home-content .faisalclick-badges a{height:50px;width:165px}}

/* ---- Hide visual page titles globally (SEO-safe) ---- */
body.page .page-hero h1.entry-title,
body.page .entry-header > .entry-title,
body.page h1.page-title,
body.page .elementor-page-title,
body.page .elementor-widget-theme-page-title,
body.page header.page-header{display:none!important}

/* =========================================================================
   PROTECTED DESIGN SYSTEM — locks critical styles against Elementor globals.
   High-specificity + !important so Elementor's global colors/typography and
   its CSS reset can never override the brand design after Save/Publish.
   ========================================================================= */

/* ---- HERO TYPOGRAPHY LOCK (تداول بثقة) ---- */
.faisal-home-content .hero h1,
.faisal-home-content .hero h1#hero-title,
.elementor .faisal-home-content .hero h1{
  color:#fff!important;
  font-family:var(--font,'Cairo',sans-serif)!important;
  font-size:clamp(2rem,4.4vw,3.25rem)!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  margin:0 0 1rem!important;
}
/* The gold accent word stays gold no matter what. */
.faisal-home-content .hero h1 .accent,
.elementor .faisal-home-content .hero h1 .accent{
  color:var(--gold,#C9A84C)!important;
  -webkit-text-fill-color:var(--gold,#C9A84C)!important;
  background:none!important;font-weight:800!important;
}
.faisal-home-content .hero .hero-badge,
.elementor .faisal-home-content .hero .hero-badge{
  background:var(--dark-soft,#1A4A2E)!important;color:var(--gold,#C9A84C)!important;
  border:1px solid rgba(201,168,124,.3)!important;border-radius:999px!important;
}
.faisal-home-content .hero p,
.elementor .faisal-home-content .hero p{color:var(--gold-muted,#BFA06A)!important;font-family:var(--font,'Cairo',sans-serif)!important}

/* ---- HERO CTA BUTTONS LOCK ----
   The solid GOLD button uses dark-green text (theme primary). The outline
   button keeps gold text for contrast on the dark hero background. */
.faisal-home-content .hero .btn-gold,
.elementor .faisal-home-content .hero .btn-gold{background:var(--gold,#C9A84C)!important;color:var(--primary,#006837)!important;border-color:var(--gold,#C9A84C)!important}
.faisal-home-content .hero .btn-gold:hover,
.elementor .faisal-home-content .hero .btn-gold:hover{background:var(--gold-light,#f5d169)!important;color:var(--primary-dark,#00552c)!important}
.faisal-home-content .hero .btn-gold i,
.elementor .faisal-home-content .hero .btn-gold i{color:inherit!important}
.faisal-home-content .hero .btn-outline-gold,
.elementor .faisal-home-content .hero .btn-outline-gold{background:transparent!important;color:var(--gold,#C9A84C)!important;border-color:rgba(201,168,76,.5)!important}

/* ---- SECTION TITLE / LABEL LOCK (Elementor globals can't grey them) ---- */
.faisal-home-content .section-label{color:var(--gold-dark,#a8883d)!important}
.faisal-home-content .section-title,
.faisal-home-content .card__title,
.faisal-home-content .stat-title{color:var(--text,#17231D)!important;font-family:var(--font,'Cairo',sans-serif)!important}

/* ---- MOBILE APP SECTION — full-width dark band, edge-to-edge ---- */
.faisal-home-content .faisalclick-section{
  background:linear-gradient(135deg,#061410,#0B1D15 55%,#10261C)!important;
  color:#fff!important;border-radius:0!important;
  width:100vw;max-width:100vw;margin-inline-start:calc(50% - 50vw);margin-inline-end:calc(50% - 50vw);
  overflow:hidden!important;
}

/* ---- TradingView card stays dark/glass after publish ---- */
.faisal-home-content .tv-widget{
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;
  border:1px solid rgba(201,168,124,.24)!important;border-radius:var(--radius-xl,18px)!important;
}
.faisal-home-content .tv-widget__title{color:var(--gold,#C9A84C)!important}
/* TradingView injects an iframe — make sure it fills the widget area. */
.faisal-home-content .tv-widget .tradingview-widget-container,
.faisal-home-content .tv-widget .tradingview-widget-container__widget{width:100%!important;min-height:340px!important}
.faisal-home-content .tv-widget .tradingview-widget-container__widget iframe{width:100%!important;height:100%!important;min-height:340px!important;display:block!important}

/* =========================================================================
   "ابق على اطلاع" PROGRAMS SECTION — protected against Elementor globals.
   High-specificity + !important so the premium glass card grid, SVG icons,
   per-card layout and the dark reports list never degrade after Publish.
   ========================================================================= */
.faisal-home-content #stay-informed.section--alt,
.elementor .faisal-home-content #stay-informed.section--alt{
  background:
    radial-gradient(60% 80% at 12% 0%, rgba(0,104,55,.06), transparent 60%),
    radial-gradient(50% 70% at 92% 8%, rgba(201,168,76,.08), transparent 60%),
    linear-gradient(180deg, var(--cream,#F7F4EF) 0%, #fbfaf6 100%)!important;
  border-radius:0!important;
}
.faisal-home-content #stay-informed .programs-grid{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;align-items:stretch!important;
}
@media(max-width:980px){.faisal-home-content #stay-informed .programs-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.faisal-home-content #stay-informed .programs-grid{grid-template-columns:1fr!important}}
.faisal-home-content #stay-informed .program-card{
  display:flex!important;flex-direction:column!important;height:100%!important;
  background:linear-gradient(160deg,rgba(255,255,255,.92) 0%,rgba(252,250,246,.86) 100%)!important;
  border:1px solid rgba(226,216,202,.8)!important;border-radius:18px!important;
  box-shadow:0 1px 2px rgba(6,20,16,.04),0 12px 28px rgba(6,20,16,.06)!important;
}
.faisal-home-content #stay-informed .program-card__header{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:.9rem!important}
.faisal-home-content #stay-informed .program-card__icon{
  flex:0 0 auto!important;width:54px!important;height:54px!important;border-radius:15px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.faisal-home-content #stay-informed .program-card__icon svg{width:26px!important;height:26px!important;stroke:currentColor!important;fill:none!important}
.faisal-home-content #stay-informed .program-card__tag{color:var(--gold-dark,#a8883d)!important;background:rgba(201,168,76,.12)!important}
.faisal-home-content #stay-informed .program-card__header h4{color:var(--text,#17231D)!important;font-family:var(--font,'Cairo',sans-serif)!important}
.faisal-home-content #stay-informed .program-card__body{color:var(--text-muted,#5a6b62)!important}
.faisal-home-content #stay-informed .reports-list{
  display:flex!important;flex-direction:column!important;
  background:linear-gradient(160deg,var(--dark-green,#0D2518) 0%,var(--dark,#061410) 100%)!important;
  border:1px solid rgba(201,168,124,.22)!important;border-radius:18px!important;
}
.faisal-home-content #stay-informed .reports-list h4{color:var(--gold,#C9A84C)!important}
.faisal-home-content #stay-informed .reports-list h4 svg{stroke:currentColor!important;fill:none!important}
.faisal-home-content #stay-informed .reports-list a{color:var(--gold-muted,#BFA06A)!important}
.faisal-home-content #stay-informed .reports-list a:hover{color:#fff!important}
.faisal-home-content #stay-informed .reports-list a[target="_blank"]{color:var(--gold,#C9A84C)!important}
.faisal-home-content #stay-informed .section__tag{color:var(--gold-dark,#a8883d)!important;background:rgba(201,168,76,.12)!important}
.faisal-home-content #stay-informed .section__title{color:var(--text,#17231D)!important;font-family:var(--font,'Cairo',sans-serif)!important}
.faisal-home-content #stay-informed .section__desc{color:var(--text-muted,#5a6b62)!important}

/* =========================================================================
   GLOBAL SVG ICON SYSTEM — lock inline SVG rendering inside Elementor.
   Elementor's CSS reset can set svg{fill:...}; force line-icon appearance.
   ========================================================================= */
.faisal-home-content .icon-box svg,
.faisal-home-content .faisal-svg,
.elementor .faisal-home-content .icon-box svg{
  width:26px!important;height:26px!important;display:block!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
.faisal-home-content .icon-box{color:var(--primary,#006837)!important}
.faisal-home-content .icon-box--gold{color:var(--gold-dark,#a8883d)!important}

/* =========================================================================
   TRADINGVIEW — HARDENED layout protection (dimensions + 3-row never break).
   Scoped wrapper classes; prevent width collapse, flex-direction changes and
   Elementor responsive overrides from altering the widget or the trust row.
   ========================================================================= */
.faisal-home-content .tv-widget,
.elementor .faisal-home-content .tv-widget{
  display:block!important;width:100%!important;max-width:none!important;
  min-height:460px!important;aspect-ratio:auto!important;float:none!important;
}
.faisal-home-content .tv-widget .tradingview-widget-container,
.faisal-home-content .tv-widget .tradingview-widget-container__widget{
  display:block!important;width:100%!important;max-width:100%!important;min-height:340px!important;direction:ltr!important;
}
.faisal-home-content .tv-widget .tradingview-widget-container__widget iframe{
  width:100%!important;height:100%!important;min-height:340px!important;display:block!important;max-width:none!important;border:0!important;
}
/* Trust row: ALWAYS 3 columns in a single horizontal row on desktop/tablet. */
.faisal-home-content .hero-trust,
.elementor .faisal-home-content .hero-trust{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  gap:.75rem!important;margin-top:2rem!important;width:100%!important;
}
.faisal-home-content .hero-trust>span,
.elementor .faisal-home-content .hero-trust>span{
  flex:1 1 0!important;width:auto!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:.45rem!important;text-align:center!important;
}
/* License line: never break "مرخصة من FRA — ترخيص 721" onto two lines. */
.faisal-home-content .hero-trust .hero-trust__nowrap,
.elementor .faisal-home-content .hero-trust .hero-trust__nowrap{white-space:nowrap!important}
/* Only collapse to a column on small phones — never on desktop/tablet. */
@media(max-width:560px){
  .faisal-home-content .hero-trust,
  .elementor .faisal-home-content .hero-trust{flex-direction:column!important}
  .faisal-home-content .hero-trust .hero-trust__nowrap,
  .elementor .faisal-home-content .hero-trust .hero-trust__nowrap{white-space:normal!important}
}

/* =========================================================================
   TRADINGVIEW FOOTER LABELS — fully removed (EGX30 / EGX70EWI / SHARIAH).
   Hide the HTML copyright/symbol-label block if any cached markup re-appears
   after re-seed; the live chart + its in-iframe attribution are untouched.
   ========================================================================= */
.faisal-home-content .tv-widget .tradingview-widget-copyright{display:none!important}

/* =========================================================================
   FAISALCLICK APP SECTION (real HTML, design new) — Elementor protection.
   Person + floating chips (left) + logos/heading/6 cards/cta/badges (right).
   ========================================================================= */
.faisal-home-content .fc-grid,.elementor .faisal-home-content .fc-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:clamp(1.5rem,4vw,3rem)!important;align-items:center!important}
@media(max-width:980px){.faisal-home-content .fc-grid,.elementor .faisal-home-content .fc-grid{display:flex!important;flex-direction:column!important}.faisal-home-content .fc-content,.elementor .faisal-home-content .fc-content{display:contents!important}}
.faisal-home-content .fc-features,.elementor .faisal-home-content .fc-features{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.85rem!important}
@media(max-width:680px){.faisal-home-content .fc-features,.elementor .faisal-home-content .fc-features{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:380px){.faisal-home-content .fc-features,.elementor .faisal-home-content .fc-features{grid-template-columns:1fr!important}}
.faisal-home-content .fc-card,.elementor .faisal-home-content .fc-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;height:100%!important;border:1px solid rgba(201,168,124,.28)!important}
.faisal-home-content .fc-card__icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--gold,#C9A84C)!important}
.faisal-home-content .fc-card h3{color:#fff!important}
.faisal-home-content .fc-headline,.elementor .faisal-home-content .fc-headline{font-family:var(--font,'Cairo',sans-serif)!important}
.faisal-home-content .fc-headline__white{color:#fff!important}
.faisal-home-content .fc-headline__gold{-webkit-text-fill-color:transparent!important;background:linear-gradient(180deg,#f5e7b8,#C9A84C 50%,#a8883d)!important;-webkit-background-clip:text!important;background-clip:text!important}
.faisal-home-content .fc-desc{color:rgba(255,255,255,.86)!important}
.faisal-home-content .fc-person,.elementor .faisal-home-content .fc-person{position:relative!important;z-index:2!important;width:100%!important;max-width:380px!important;height:auto!important;display:block!important}
.faisal-home-content .fc-chip,.elementor .faisal-home-content .fc-chip{position:absolute!important;z-index:3!important}
.faisal-home-content .fc-cta,.elementor .faisal-home-content .fc-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(140deg,var(--gold,#C9A84C),var(--gold-light,#f5d169))!important;color:var(--dark,#061410)!important}
.faisal-home-content .fc-store__btn{height:54px!important;width:186px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.faisal-home-content .fc-store__btn img{height:100%!important;width:100%!important;object-fit:contain!important}
.faisal-home-content .fc-logo-brand{height:58px!important;width:auto!important;display:block!important}
.faisal-home-content .fc-logo-app{height:64px!important;width:64px!important}
.faisal-home-content .fc-note{color:var(--gold-muted,#BFA06A)!important}
.faisal-home-content .faisalclick-icon{max-width:none!important}

/* =========================================================================
   THEME-MANAGED ICON SYSTEM — Elementor protection (Critical icon persistence)
   Icons render via CSS mask on .faisal-ico spans (no inline SVG to strip).
   Lock display + mask behavior so Elementor's reset can never hide/clip them.
   ========================================================================= */
.faisal-home-content .faisal-ico,
.faisal-page-content .faisal-ico,
.faisal-academy-page .faisal-ico,
.elementor .faisal-ico,
.faisal-ico{
  display:inline-block!important;
  background-color:currentColor!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:contain!important;mask-size:contain!important;
}
/* Keep icon boxes centering the mask icon after Elementor re-render */
.faisal-home-content .icon-box,
.faisal-page-content .contact-card__icon,
.elementor .faisal-home-content .icon-box,
.elementor .faisal-page-content .contact-card__icon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.faisal-home-content .icon-box .faisal-ico,
.faisal-page-content .contact-card__icon .faisal-ico{width:26px!important;height:26px!important}

/* =========================================================================
   ACADEMY PAGE — Elementor protection (styles live in academy.css, scoped).
   Lock the grid layouts + glass cards so a Publish can't collapse them.
   ========================================================================= */
.elementor .faisal-academy-page .faisal-academy-series-grid,
.faisal-academy-page .faisal-academy-series-grid{display:grid!important}
.elementor .faisal-academy-page .faisal-academy-why-grid,
.faisal-academy-page .faisal-academy-why-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important}
@media(max-width:760px){
  .elementor .faisal-academy-page .faisal-academy-why-grid,
  .faisal-academy-page .faisal-academy-why-grid{grid-template-columns:1fr!important}
}
.elementor .faisal-academy-page .faisal-academy-why-icon .faisal-ico,
.faisal-academy-page .faisal-academy-why-icon .faisal-ico{width:30px!important;height:30px!important}

/* =========================================================================
   HERO COLOR SYSTEM LOCK (per hero colors.txt) — Elementor-safe
   Gradient, radial overlays, accent colors, trust badge + CTA styling so the
   frontend and the Elementor editor render the hero identically.
   ========================================================================= */
.faisal-home-content .hero,
.elementor .faisal-home-content .hero{
  background:linear-gradient(135deg,var(--hero-1,#061410),var(--hero-2,#0D2518) 55%,var(--hero-3,#0F1E16))!important;
  color:#fff!important;overflow:hidden!important;position:relative!important;
}
.faisal-home-content .hero::before,
.faisal-home-content .hero::after{
  content:""!important;position:absolute!important;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,124,.14),transparent 70%)!important;pointer-events:none!important;z-index:0!important;
}
.faisal-home-content .hero::before{top:-120px;inset-inline-end:-90px}
.faisal-home-content .hero::after{bottom:-150px;inset-inline-start:-120px}
.faisal-home-content .hero .container{position:relative!important;z-index:1!important}
.faisal-home-content .hero h1 .accent,
.elementor .faisal-home-content .hero h1 .accent{color:var(--gold,#C9A84C)!important;-webkit-text-fill-color:var(--gold,#C9A84C)!important}
/* Trust badges row styling */
.faisal-home-content .hero-trust>span,
.elementor .faisal-home-content .hero-trust>span{
  background:rgba(201,168,124,.08)!important;border:1px solid rgba(201,168,124,.2)!important;
  color:var(--gold-muted,#BFA06A)!important;border-radius:12px!important;
}
.faisal-home-content .hero-trust i{color:var(--gold,#C9A84C)!important}

/* =========================================================================
   SERVICES (خدماتنا) — Elementor protection (grids + glass cards never collapse)
   ========================================================================= */
.faisal-page-content .services-grid,
.elementor .faisal-page-content .services-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important}
.faisal-page-content .services-grid--4,
.elementor .faisal-page-content .services-grid--4{grid-template-columns:repeat(4,1fr)!important}
.faisal-page-content .services-metrics,
.elementor .faisal-page-content .services-metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.faisal-page-content .services-steps,
.elementor .faisal-page-content .services-steps{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
@media(max-width:900px){
  .faisal-page-content .services-grid,.elementor .faisal-page-content .services-grid,
  .faisal-page-content .services-grid--4,.elementor .faisal-page-content .services-grid--4,
  .faisal-page-content .services-steps,.elementor .faisal-page-content .services-steps{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px){
  .faisal-page-content .services-grid,.elementor .faisal-page-content .services-grid,
  .faisal-page-content .services-grid--4,.elementor .faisal-page-content .services-grid--4{grid-template-columns:1fr!important}
}
.faisal-page-content .service-card__icon,.faisal-page-content .subservice-card__icon,
.faisal-page-content .why-card__icon{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.faisal-page-content .service-card__title,.faisal-page-content .subservice-card__title,
.faisal-page-content .why-card__title,.faisal-page-content .services-cta__title{color:var(--text,#17231D)!important}
.faisal-page-content .services-cta__title{color:var(--gold,#C9A84C)!important}
.faisal-page-content .services-metric__num{color:var(--gold,#C9A84C)!important}

/* =========================================================================
   ABOUT (عن الشركة) — Elementor protection (two-column split + arrow + glass)
   ========================================================================= */
.faisal-page-content .about-split__grid,
.elementor .faisal-page-content .about-split__grid{display:grid!important;grid-template-columns:1.1fr .9fr!important;align-items:center!important}
.faisal-page-content .about-split__grid--reverse,
.elementor .faisal-page-content .about-split__grid--reverse{grid-template-columns:.9fr 1.1fr!important}
@media(max-width:900px){
  .faisal-page-content .about-split__grid,.elementor .faisal-page-content .about-split__grid,
  .faisal-page-content .about-split__grid--reverse,.elementor .faisal-page-content .about-split__grid--reverse{grid-template-columns:1fr!important}
}
.faisal-page-content .about-feature,.elementor .faisal-page-content .about-feature{display:flex!important;flex-direction:row!important;align-items:flex-start!important}
.faisal-page-content .about-feature__icon{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.faisal-page-content .about-arrow,.elementor .faisal-page-content .about-arrow{position:absolute!important;z-index:2!important;display:block!important}
.faisal-page-content .about-media-img{display:block!important;width:100%!important;height:auto!important}
.faisal-page-content .about-feature h3{color:var(--text,#17231D)!important}

/* =========================================================================
   ACADEMY HERO-GRADIENT BACKGROUND — Elementor protection
   Lock the hero gradient + dark-glass cards on the academy page after Publish.
   ========================================================================= */
.faisal-page-content .faisal-academy-page,
.elementor .faisal-page-content .faisal-academy-page{
  background:linear-gradient(135deg,var(--hero-1,#061410),var(--hero-2,#0D2518) 55%,var(--hero-3,#0F1E16))!important;
  color:#fff!important;
}
.faisal-page-content .faisal-academy-page .faisal-academy-section,
.elementor .faisal-page-content .faisal-academy-page .faisal-academy-section{
  background:linear-gradient(135deg,var(--hero-1,#061410),var(--hero-2,#0D2518) 55%,var(--hero-3,#0F1E16))!important;
}
.faisal-page-content .faisal-academy-page .faisal-academy-hero,
.faisal-page-content .faisal-academy-page .faisal-academy-why-section,
.elementor .faisal-page-content .faisal-academy-page .faisal-academy-hero,
.elementor .faisal-page-content .faisal-academy-page .faisal-academy-why-section{
  background:linear-gradient(160deg,var(--hero-2,#0D2518),var(--hero-1,#061410) 70%)!important;
}
.faisal-page-content .faisal-academy-page .faisal-academy-section-title{color:#fff!important}
.faisal-page-content .faisal-academy-page .faisal-academy-section-label{color:var(--gold,#C9A84C)!important}
.faisal-page-content .faisal-academy-page .faisal-academy-section-sub{color:var(--gold-muted,#BFA06A)!important}
.faisal-page-content .faisal-academy-page .faisal-academy-series-title{color:#fff!important}

/* =========================================================================
   ABOUT + SERVICES — hero gradient + larger GOLD titles (Elementor-safe)
   Non-:has reinforcement so titles stay gold/large after Elementor publish.
   ========================================================================= */
.faisal-page-content .about-hero ~ section .section__title,
.faisal-page-content .about-hero .section__title,
.elementor .faisal-page-content .about-split .section__title,
.faisal-page-content .about-split .section__title{
  color:var(--gold,#C9A84C)!important;font-size:clamp(2rem,4.2vw,3.1rem)!important;font-weight:800!important;
}
.faisal-page-content .services-hero .section__title,
.faisal-page-content .services-hero ~ section .section__title,
.elementor .faisal-page-content .services-hero .section__title{
  color:var(--gold,#C9A84C)!important;font-size:clamp(2rem,4.2vw,3.1rem)!important;font-weight:800!important;
}

/* =========================================================================
   ABOUT — بنك فيصل smart cards + enlarged hero title (Elementor-safe)
   ========================================================================= */
.faisal-page-content .about-cards-grid,
.elementor .faisal-page-content .about-cards-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
@media(max-width:980px){.faisal-page-content .about-cards-grid,.elementor .faisal-page-content .about-cards-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.faisal-page-content .about-cards-grid,.elementor .faisal-page-content .about-cards-grid{grid-template-columns:1fr!important}}
.faisal-page-content .about-card,.elementor .faisal-page-content .about-card{display:flex!important;flex-direction:column!important;height:100%!important}
.faisal-page-content .about-card__icon{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.faisal-page-content .about-card__title{color:#fff!important}
.faisal-page-content .about-hero .section__title,
.elementor .faisal-page-content .about-hero .section__title{font-size:clamp(2.8rem,5vw,4.5rem)!important;color:var(--gold,#C9A84C)!important}

/* =========================================================================
   BOARD OF DIRECTORS — Elementor protection (executive grid + timeline)
   ========================================================================= */
/* Team cards grid: 3 / 2 / 1, slide-up bio overlay positioning preserved. */
.faisal-page-content .team-grid,
.elementor .faisal-page-content .team-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
@media(max-width:1024px){.faisal-page-content .team-grid,.elementor .faisal-page-content .team-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){.faisal-page-content .team-grid,.elementor .faisal-page-content .team-grid{grid-template-columns:1fr!important}}
.faisal-page-content .team-card,.elementor .faisal-page-content .team-card{position:relative!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;border-radius:20px!important}
.faisal-page-content .team-card__media,.elementor .faisal-page-content .team-card__media{position:relative!important;overflow:hidden!important;height:38%!important;flex:0 0 auto!important}
.faisal-page-content .team-card__photo,.elementor .faisal-page-content .team-card__photo{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;max-width:none!important}
.faisal-page-content .team-card__bio,.elementor .faisal-page-content .team-card__bio{position:absolute!important;inset:0!important;transform:translateY(100%);z-index:4!important}
.faisal-page-content .team-card:hover .team-card__bio,
.faisal-page-content .team-card:focus-within .team-card__bio,
.faisal-page-content .team-card.is-open .team-card__bio,
.elementor .faisal-page-content .team-card.is-open .team-card__bio{transform:translateY(0)!important}
.faisal-page-content .team-card__name{-webkit-text-fill-color:transparent!important;background:linear-gradient(180deg,#f5e7b8 0%,#C9A84C 45%,#a8883d 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.faisal-page-content .team-card__role{color:var(--gold,#C9A84C)!important}

/* بنك فيصل banking-style section stays white/green even after Elementor publish */
.faisal-page-content .about-cards-section,
.elementor .faisal-page-content .about-cards-section{
  background:linear-gradient(180deg,#ffffff 0%,#f5f9f6 100%)!important;
}
.faisal-page-content .about-cards-section .about-card,
.elementor .faisal-page-content .about-cards-section .about-card{background:#fff!important;border-top:3px solid var(--primary,#006837)!important}
.faisal-page-content .about-cards-section .about-card__title{color:var(--primary-dark,#00552c)!important}
.faisal-page-content .about-cards-section .section__title{color:var(--primary-dark,#00552c)!important}

/* =========================================================================
   FORMER MEMBERS HALL OF FAME — Elementor protection (timeline + cards)
   ========================================================================= */
/* Former members now use the same team-card design (grid handled above). */
.faisal-page-content .team-card--former .team-card__bio p,
.elementor .faisal-page-content .team-card--former .team-card__bio p{color:rgba(255,255,255,.92)!important}
.faisal-page-content .team-card__years,.elementor .faisal-page-content .team-card__years{color:var(--gold,#C9A84C)!important}

/* App showcase: lock contain photo + glow/particles stacking */
.faisal-home-content .team-card__photo,.elementor .faisal-home-content .team-card__photo{object-fit:contain!important}
.faisal-page-content .team-card__photo,.elementor .faisal-page-content .team-card__photo{object-fit:contain!important}

/* Former-members grid columns (5/3/2/1) */
.faisal-page-content .team-grid--former,.elementor .faisal-page-content .team-grid--former{grid-template-columns:repeat(5,1fr)!important}
@media(max-width:1280px){.faisal-page-content .team-grid--former,.elementor .faisal-page-content .team-grid--former{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.faisal-page-content .team-grid--former,.elementor .faisal-page-content .team-grid--former{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:480px){.faisal-page-content .team-grid--former,.elementor .faisal-page-content .team-grid--former{grid-template-columns:1fr!important}}

/* =========================================================================
   HOMEPAGE SECTION TITLES — larger & more prominent (~18% bigger), centered,
   Cairo font, gold accent label preserved. Applies to both .section-title and
   .section__title used across the homepage sections.
   ========================================================================= */
.faisal-home-content .section-title,
.faisal-home-content .section__title{
  font-size:clamp(2rem,4.4vw,3.05rem)!important;   /* ~22% larger than 2.4rem */
  font-weight:900!important;line-height:1.22!important;letter-spacing:-.01em;
  font-family:var(--font,'Cairo',sans-serif)!important;
  text-align:center!important;margin:0 auto .7rem!important;
  /* premium gold gradient text (preserved brand styling) */
  background:linear-gradient(100deg,var(--gold-dark,#a8883d) 0%,var(--gold,#C9A84C) 45%,var(--gold-light,#f5d169) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:var(--gold,#C9A84C)!important;
  display:inline-block;
}
/* decorative gold underline beneath each enlarged title */
.faisal-home-content .section__header,
.faisal-home-content div[style*="text-align:center"]{position:relative}
.faisal-home-content .section-title::after,
.faisal-home-content .section__title::after{
  content:"";display:block;width:72px;height:4px;border-radius:4px;margin:.55rem auto 0;
  background:linear-gradient(90deg,transparent,var(--gold,#C9A84C),transparent);
  -webkit-text-fill-color:initial;
}
/* keep the gold section label prominent + centered with consistent spacing */
.faisal-home-content .section-label,
.faisal-home-content .section__tag{
  display:inline-block;color:var(--gold-dark,#a8883d)!important;
  font-weight:800!important;font-size:.95rem!important;letter-spacing:.02em;
  margin-bottom:.6rem!important;
}
/* consistent vertical rhythm above/below each heading block */
.faisal-home-content .section__header,
.faisal-home-content .section-title,
.faisal-home-content .section__title{text-align:center}
@media(max-width:768px){
  .faisal-home-content .section-title,
  .faisal-home-content .section__title{font-size:clamp(1.75rem,6.5vw,2.3rem)!important}
}