/* Digital Pro Invest — Responsive (1024/768/480px) + RTL Arabic */

/* ── TABLET: 768–1024px ── */
@media(max-width:1024px){
  #mainNav{padding:1.1rem 2rem}
  #mainNav.scrolled{padding:.8rem 2rem}
  .nav-links{gap:1.4rem}
  .nav-links a{font-size:.72rem}
  section{padding:5rem 2.5rem}
  .hero{grid-template-columns:1fr;min-height:auto;padding-bottom:5rem}
  .hero-left{padding:8rem 2.5rem 3rem}
  .hero-right{padding:1.5rem 2.5rem 8rem;align-items:center}
  .hero-strip{position:static;display:grid;grid-template-columns:repeat(4,1fr)}
  .hero h1{font-size:clamp(2.4rem,5vw,3.8rem)}
  .about-grid{grid-template-columns:1fr;gap:3rem}
  .about-img-box{height:280px}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .mkt-grid{grid-template-columns:repeat(2,1fr)}
  .alloc-inner{grid-template-columns:1fr;gap:2.5rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .plans-grid{grid-template-columns:1fr 1fr;gap:.9rem}
  .stat-cards{grid-template-columns:repeat(2,1fr)}
  .g2{grid-template-columns:1fr}
  .prof-grid{grid-template-columns:1fr}
  .invest-grid{grid-template-columns:repeat(4,1fr)}
  .chat-box{width:300px}
}

/* ── MOBILE: ≤768px ── */
@media(max-width:768px){
  /* Nav */
  #mainNav{padding:1rem 1.2rem}
  #mainNav.scrolled{padding:.75rem 1.2rem}
  .nav-links,.nav-right .lang-wrap,.nav-right .btn-outline,.nav-right .btn-gold{display:none}
  .hamburger{display:flex}

  /* Hero */
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-left{padding:7rem 1.4rem 2.5rem}
  .hero h1{font-size:clamp(2rem,8vw,2.8rem)}
  .hero-sub{font-size:.88rem;max-width:100%}
  .hero-btns{flex-direction:column;align-items:flex-start;gap:.8rem}
  .btn-lg{padding:.8rem 1.8rem;font-size:.76rem}
  .hero-trust{flex-wrap:wrap;gap:1rem}
  .hero-right{padding:0 1.4rem 3rem;align-items:stretch}
  .lc,.lc2{max-width:100%}
  .hero-strip{display:grid;grid-template-columns:repeat(2,1fr);position:static}
  .strip-it{padding:.9rem 1.2rem;border-bottom:1px solid var(--line)}
  .strip-it:nth-child(odd){border-right:1px solid var(--line)}
  .sn{font-size:1.4rem}

  /* Ticker */
  .ticker{font-size:.7rem}

  /* Sections */
  section{padding:4rem 1.4rem}
  .s-ttl{font-size:clamp(1.7rem,7vw,2.4rem)}

  /* About */
  .about-grid{grid-template-columns:1fr;gap:2.5rem}
  .about-img-box{height:200px}
  .about-badge{bottom:-.8rem;right:-.8rem;padding:.9rem 1.2rem}
  .ab-num{font-size:1.6rem}
  .feature-box{padding:1.2rem}

  /* Services */
  .svc-grid{grid-template-columns:1fr}
  .svc-card{padding:1.8rem 1.5rem}

  /* Markets */
  .mkt-grid{grid-template-columns:1fr 1fr}
  .mkt-sec .flex-between{flex-direction:column;align-items:flex-start;gap:.9rem}
  .tab-grp{width:100%}
  .tab-b{flex:1;text-align:center}
  .upd-info{font-size:.66rem}

  /* Portfolio */
  .alloc-inner{grid-template-columns:1fr;gap:2rem}
  .donut-wrap svg{width:200px;height:200px}
  .invest-grid{grid-template-columns:repeat(3,1fr)}

  /* FAQ */
  .faq-wrap{margin:2rem auto 0}
  .faq-q{font-size:.88rem}

  /* CTA */
  .cta-sec{padding:4.5rem 1.4rem}
  .cta-sec .s-ttl{font-size:clamp(1.7rem,7vw,2.4rem)}
  .cta-actions{flex-direction:column;align-items:center}

  /* Footer */
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  footer{padding:3.5rem 1.4rem 1.5rem}
  .footer-bottom{flex-direction:column;gap:.7rem;text-align:center}
  .footer-bottom a{margin-left:.8rem}

  /* Modals */
  .modal{padding:1.6rem 1.3rem;margin:0 .5rem;max-height:95vh}
  .modal h2{font-size:1.45rem}
  .f-row{grid-template-columns:1fr}

  /* Toast */
  #toast{right:1rem;left:1rem;max-width:100%;bottom:5.5rem}

  /* BTT */
  #btt{right:1rem;bottom:1rem}

  /* Live chat */
  .chat-fab{left:1rem;bottom:1rem;width:46px;height:46px;font-size:1rem}
  .chat-box{left:0;right:0;bottom:0;width:100%;height:75vh;border-radius:0;border-left:none;border-right:none}
  .chat-box.open{display:flex}
  #toast{bottom:6.5rem}

  /* Dashboard / Admin sidebar → drawer */
  .sidebar{position:fixed;left:-240px;top:0;bottom:0;height:100vh;z-index:200;transition:left .3s cubic-bezier(.4,0,.2,1)}
  .sidebar.open{left:0}
  .sb-overlay.open{display:block}
  .sb-toggle{display:flex;align-items:center;gap:.5rem;font-size:.78rem}
  .d-main{width:100%;min-width:0}
  .d-topbar{padding:.75rem 3.5rem .75rem 4.5rem}
  .d-title{font-size:1.05rem}
  .d-content{padding:1rem}
  .stat-cards{grid-template-columns:repeat(2,1fr);gap:.7rem}
  .sc-val{font-size:1.5rem}
  .g2{grid-template-columns:1fr}
  .plans-grid{grid-template-columns:1fr}
  .mkt-grid.dash-grid{grid-template-columns:1fr}
  .prof-grid{grid-template-columns:1fr}
  .cc{padding:1.1rem 1.2rem}
  .cc-hd{flex-direction:column;gap:.5rem;align-items:flex-start}
  .dt th,.dt td{padding:.6rem .7rem;font-size:.76rem}
  .chart-area{height:130px}
  .wallet-disp{flex-direction:column;align-items:flex-start;gap:.5rem}
  .crypto-tabs .c-tab{padding:.4rem .5rem;font-size:.66rem}
  .d-topbar-right{gap:.5rem}
  .d-topbar-right .upd-info{display:none}
}

/* ── SMALL MOBILE: ≤480px ── */
@media(max-width:480px){
  .hero h1{font-size:clamp(1.75rem,8vw,2.2rem)}
  .hero-strip{grid-template-columns:1fr 1fr}
  .stat-cards{grid-template-columns:1fr 1fr}
  .mkt-grid{grid-template-columns:1fr}
  .invest-grid{grid-template-columns:repeat(3,1fr)}
  .svc-grid{grid-template-columns:1fr}
  .plans-grid{grid-template-columns:1fr}
  .about-img-box{height:160px}
  section{padding:3.5rem 1.1rem}
  .modal{padding:1.3rem 1rem}
  .chat-box{height:80vh}
  .chat-msgs{font-size:.8rem}
  .faq-q{font-size:.84rem;gap:.6rem}
}

/* ── RTL (Arabic) ── */
[dir="rtl"] .hero{direction:rtl}
[dir="rtl"] .hero-left{padding:9rem 4rem 8rem 2rem}
[dir="rtl"] .hero-right{padding:9rem 2rem 8rem 4rem}
[dir="rtl"] .s-tag::before{order:1}
[dir="rtl"] .pillar{border-left:none;border-right:2px solid var(--line);padding-left:0;padding-right:1.2rem}
[dir="rtl"] .pillar:hover{border-right-color:var(--gold)}
[dir="rtl"] #mainNav{flex-direction:row-reverse}
[dir="rtl"] .nav-links{flex-direction:row-reverse}
[dir="rtl"] .nav-right{flex-direction:row-reverse}
[dir="rtl"] .sidebar{border-right:none;border-left:1px solid var(--line)}
[dir="rtl"] .sb-item{border-left:none;border-right:2px solid transparent;padding:0.7rem 1.35rem}
[dir="rtl"] .sb-item.active{border-right-color:var(--gold)}
[dir="rtl"] .hero-strip{direction:rtl}
[dir="rtl"] .ticker-track{animation-direction:reverse}
[dir="rtl"] .chat-box{left:auto;right:2rem}
[dir="rtl"] .chat-fab{left:auto;right:2rem}
[dir="rtl"] .mob-nav{direction:rtl}
[dir="rtl"] .footer-grid{direction:rtl}
[dir="rtl"] .faq-q{flex-direction:row-reverse}
[dir="rtl"] .coin-l{flex-direction:row-reverse}
[dir="rtl"] .stat-card{text-align:right}
[dir="rtl"] .cc-hd{flex-direction:row-reverse}
[dir="rtl"] .d-topbar{flex-direction:row-reverse}
@media(max-width:768px){
  [dir="rtl"] .chat-box{left:0;right:0}
  [dir="rtl"] .chat-fab{left:auto;right:1rem}
}