/*
 * Adsrek Pay — Redesign v1.10
 * Landing page dark-theme fix.
 * Restores a fully dark landing instead of dark cards on a forced light background.
 * UI only.
 */

/* ---------------------------------------------------------
   LIGHT THEME
   Keep current successful landing appearance unchanged.
   --------------------------------------------------------- */
html[data-theme="light"] body.page-index,
html[data-theme="light"] body.paycore-body.page-index{
  background:#f5f9ff!important;
  color:#0b1d3a!important;
}

/* ---------------------------------------------------------
   DARK THEME — full-page background and shell
   --------------------------------------------------------- */
html[data-theme="dark"] body.page-index,
html[data-theme="dark"] body.paycore-body.page-index{
  background:#08111d!important;
  color:#e5edf6!important;
}

html[data-theme="dark"] .ap-landing{
  color:#e5edf6!important;
  background:
    radial-gradient(circle at 77% 13%,rgba(68,116,183,.13),transparent 31%),
    radial-gradient(circle at 12% 48%,rgba(52,140,164,.055),transparent 27%),
    linear-gradient(180deg,#0b1522 0%,#09121e 60%,#0a1420 100%)!important;
}

html[data-theme="dark"] .ap-landing:before{
  opacity:.14!important;
  background-image:
    linear-gradient(rgba(145,181,214,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(145,181,214,.04) 1px,transparent 1px)!important;
}

/* Decorative orbs should stay subtle, not glow aggressively */
html[data-theme="dark"] .ap-orb--one{
  background:rgba(72,119,180,.055)!important;
  border-color:rgba(112,160,204,.08)!important;
}
html[data-theme="dark"] .ap-orb--two{
  background:rgba(58,143,164,.04)!important;
  border-color:rgba(97,165,184,.07)!important;
}

/* ---------------------------------------------------------
   Header / brand / navigation
   --------------------------------------------------------- */
html[data-theme="dark"] .ap-header{
  border-bottom-color:rgba(121,154,190,.13)!important;
  background:transparent!important;
}

html[data-theme="dark"] .ap-brand,
html[data-theme="dark"] .ap-brand b{
  color:#f1f6fb!important;
}
html[data-theme="dark"] .ap-brand b em{
  color:#7ea4d6!important;
}
html[data-theme="dark"] .ap-brand small{
  color:#8599af!important;
}

html[data-theme="dark"] .ap-nav a,
html[data-theme="dark"] .ap-link-btn{
  color:#a5b6c8!important;
}
html[data-theme="dark"] .ap-nav a:hover,
html[data-theme="dark"] .ap-link-btn:hover{
  background:rgba(116,145,183,.09)!important;
  color:#f4f8fc!important;
}

html[data-theme="dark"] .ap-lang-switch{
  border-color:rgba(117,149,185,.16)!important;
  background:rgba(17,31,49,.62)!important;
}
html[data-theme="dark"] .ap-lang-switch a{
  color:#9fb1c4!important;
}
html[data-theme="dark"] .ap-lang-switch a.is-active{
  background:#607eaf!important;
  color:#fff!important;
}

html[data-theme="dark"] .ap-main-btn{
  background:linear-gradient(135deg,#5e7db0,#628da9)!important;
  border-color:rgba(142,170,204,.22)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

/* ---------------------------------------------------------
   Hero copy
   --------------------------------------------------------- */
html[data-theme="dark"] .ap-kicker{
  border-color:rgba(116,151,188,.18)!important;
  background:rgba(20,37,56,.68)!important;
  color:#9fb3c7!important;
}
html[data-theme="dark"] .ap-kicker span{
  background:#6eaf9b!important;
  box-shadow:0 0 10px rgba(110,175,155,.34)!important;
}

html[data-theme="dark"] .ap-hero h1{
  color:#f4f7fb!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .ap-hero h1 strong{
  background:linear-gradient(110deg,#8ba9d3,#72acc3 58%,#79c3cb)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
html[data-theme="dark"] .ap-hero-copy>p{
  color:#9cafc2!important;
}

html[data-theme="dark"] .ap-cta{
  border-color:#30445c!important;
  background:#142438!important;
  color:#dce6f1!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .ap-cta:hover{
  border-color:#49637f!important;
  background:#192b41!important;
  color:#fff!important;
}
html[data-theme="dark"] .ap-cta--primary{
  background:#607eaf!important;
  border-color:#718db9!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

html[data-theme="dark"] .ap-proof{
  border-top-color:#263a50!important;
}
html[data-theme="dark"] .ap-proof i{
  color:#73a8c0!important;
}
html[data-theme="dark"] .ap-proof b{
  color:#dce6f0!important;
}
html[data-theme="dark"] .ap-proof small{
  color:#8297ac!important;
}

/* ---------------------------------------------------------
   Product visual
   --------------------------------------------------------- */
html[data-theme="dark"] .ap-product-glow{
  background:radial-gradient(circle,rgba(72,118,180,.15),rgba(57,134,156,.045) 45%,transparent 70%)!important;
}

html[data-theme="dark"] .ap-wallet-card{
  background:linear-gradient(145deg,#294f80,#24466f 46%,#25768a)!important;
  border-color:rgba(143,183,209,.22)!important;
  box-shadow:0 28px 65px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.11)!important;
}

html[data-theme="dark"] .ap-exchange-card{
  background:#17283a!important;
  border-color:#31475f!important;
  color:#e9f0f7!important;
  box-shadow:0 26px 60px rgba(0,0,0,.32)!important;
}

html[data-theme="dark"] .ap-exchange-head{
  border-bottom-color:#30445a!important;
}
html[data-theme="dark"] .ap-exchange-head>span{
  color:#f2f6fa!important;
}
html[data-theme="dark"] .ap-exchange-head>b{
  background:#15352f!important;
  color:#7ac3aa!important;
}

html[data-theme="dark"] .ap-exchange-row{
  border-color:#31475e!important;
  background:#1a2d43!important;
}
html[data-theme="dark"] .ap-exchange-row small{
  color:#8ea4b9!important;
}
html[data-theme="dark"] .ap-exchange-row b{
  color:#edf3f9!important;
}
html[data-theme="dark"] .ap-exchange-row em{
  color:#91a6ba!important;
}
html[data-theme="dark"] .ap-swap{
  background:#15283b!important;
  border-color:#31475d!important;
  color:#85a4cd!important;
}
html[data-theme="dark"] .ap-exchange-action{
  color:#a9bdd2!important;
}

html[data-theme="dark"] .ap-float-card{
  background:#17283b!important;
  border-color:#31475f!important;
  color:#e7eef6!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .ap-float-card small{
  color:#859aaf!important;
}
html[data-theme="dark"] .ap-float-card i{
  background:#163831!important;
  color:#7dc4ae!important;
}

/* ---------------------------------------------------------
   Strip + sections below the first screen
   --------------------------------------------------------- */
html[data-theme="dark"] .ap-strip{
  background:#101d2b!important;
  border-color:#26394e!important;
  color:#8096aa!important;
}
html[data-theme="dark"] .ap-strip i{
  color:#6b9fb8!important;
}

html[data-theme="dark"] .ap-section,
html[data-theme="dark"] .ap-security{
  color:#dfe8f1!important;
}
html[data-theme="dark"] .ap-section-title>span,
html[data-theme="dark"] .ap-security-copy>span{
  color:#789fcb!important;
}
html[data-theme="dark"] .ap-section-title h2,
html[data-theme="dark"] .ap-security-copy h2,
html[data-theme="dark"] .ap-feature h3{
  color:#edf3f9!important;
}
html[data-theme="dark"] .ap-section-title p,
html[data-theme="dark"] .ap-security-copy>p,
html[data-theme="dark"] .ap-feature p{
  color:#91a5b9!important;
}

html[data-theme="dark"] .ap-feature,
html[data-theme="dark"] .ap-security{
  background:#132236!important;
  border-color:#2a3e56!important;
  box-shadow:0 12px 30px rgba(0,0,0,.17)!important;
}

html[data-theme="dark"] .ap-feature-icon{
  background:#1a3048!important;
  color:#87a9d3!important;
}
html[data-theme="dark"] .ap-feature-label{
  color:#789dca!important;
}
html[data-theme="dark"] .ap-mini-balances span{
  background:#172a3e!important;
  border-color:#30465d!important;
}
html[data-theme="dark"] .ap-mini-balances small{
  color:#7f95aa!important;
}
html[data-theme="dark"] .ap-mini-balances b{
  color:#e3ebf4!important;
}

html[data-theme="dark"] .ap-security-list>div{
  border-color:#30455d!important;
  background:#172a3d!important;
}
html[data-theme="dark"] .ap-security-list i{
  background:#153831!important;
  color:#7fc4ae!important;
}
html[data-theme="dark"] .ap-security-list b{
  color:#e7eef6!important;
}
html[data-theme="dark"] .ap-security-list small{
  color:#879caf!important;
}

/* ---------------------------------------------------------
   Footer
   --------------------------------------------------------- */
html[data-theme="dark"] .ap-footer{
  border-top-color:#26394e!important;
}
html[data-theme="dark"] .ap-footer p,
html[data-theme="dark"] .ap-footer nav a{
  color:#8297aa!important;
}
html[data-theme="dark"] .ap-footer nav a:hover{
  color:#afc2d5!important;
}

/* Browser's native tooltip is not styleable; title remains correct.
   Mobile header gets an opaque dark layer for legibility. */
@media(max-width:720px){
  html[data-theme="dark"] .ap-header{
    background:rgba(10,20,32,.92)!important;
    backdrop-filter:blur(18px)!important;
  }
}