/* ============================================
   QuickLendPro — Custom Design v2
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --ql-navy:    #0B1F3A;
  --ql-blue:    #1A6FD4;
  --ql-cyan:    #00B2D2;
  --ql-green:   #00C98D;
  --ql-light:   #F4F7FC;
  --ql-white:   #FFFFFF;
  --ql-gray:    #64748B;
  --ql-border:  #E2E8F2;
  --ql-shadow:  0 4px 24px rgba(11,31,58,0.10);
  --ql-radius:  14px;
}

/* Base */
body {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: var(--ql-light) !important;
  color: var(--ql-navy) !important;
}

/* Header */
header {
  background: var(--ql-white) !important;
  border-bottom: 1.5px solid var(--ql-border) !important;
  box-shadow: 0 2px 16px rgba(11,31,58,0.07) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}
header .wrapper { padding: 14px 32px !important; }
header nav.navigation-block ul li a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--ql-navy) !important;
  transition: color 0.2s !important;
}
header nav.navigation-block ul li a:hover { color: var(--ql-blue) !important; }
header nav.navigation-block ul li a.apply-now {
  background: linear-gradient(135deg, var(--ql-blue) 0%, var(--ql-cyan) 100%) !important;
  color: var(--ql-white) !important;
  padding: 10px 22px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(26,111,212,0.30) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
header nav.navigation-block ul li a.apply-now:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(26,111,212,0.40) !important;
}

/* Hero */
.get-loans-online { position: relative !important; min-height: 560px !important; }
.get-loans-online::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(120deg, rgba(11,31,58,0.65) 0%, rgba(11,31,58,0.15) 60%) !important;
  z-index: 1 !important;
}
.get-loans-online .wrapper { position: relative !important; z-index: 2 !important; }
.get-loans-online .summerday_ticket-loan {
  background: linear-gradient(135deg, var(--ql-blue) 0%, var(--ql-cyan) 100%) !important;
  box-shadow: 0 8px 32px rgba(26,111,212,0.50) !important;
  width: 200px !important;
  height: 200px !important;
  bottom: -30px !important;
}

/* Typographie */
h1, h2, h3, h4, h5, h6 { font-family: 'Plus Jakarta Sans', sans-serif !important; color: var(--ql-navy) !important; }
h2 { font-weight: 800 !important; font-size: 32px !important; }
h3 { font-weight: 700 !important; }
p { font-family: 'Plus Jakarta Sans', sans-serif !important; color: var(--ql-gray) !important; line-height: 1.7 !important; }

/* CTA banner */
.get-cach-now { background: linear-gradient(135deg, var(--ql-navy) 0%, var(--ql-blue) 100%) !important; }
.get-cach-now a {
  background: var(--ql-white) !important;
  color: var(--ql-blue) !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  padding: 14px 36px !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.15) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  display: inline-block !important;
}
.get-cach-now a:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 28px rgba(0,0,0,0.20) !important; }

/* Bouton Submit — supprime le fond bleu parasite */
a[href*="submit-loan-request"] {
  background: linear-gradient(135deg, var(--ql-blue) 0%, var(--ql-cyan) 100%) !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 14px 36px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  box-shadow: 0 4px 18px rgba(26,111,212,0.35) !important;
  display: inline-block !important;
  text-decoration: none !important;
}

/* Conteneur du bouton Submit — supprime le fond bleu parasite */
.get-loan-link,
.app-about-why > a,
.app-content > a,
.template-content > a,
.box-shadow > .wrapper > a,
div > a[href*="submit-loan"] {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-block !important;
}

/* Footer */
footer { background: var(--ql-navy) !important; }
footer .footer-nav {
  background: var(--ql-navy) !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  padding: 40px 0 !important;
}
footer .footer-nav ul li a {
  color: rgba(255,255,255,0.70) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: color 0.2s !important;
}
footer .footer-nav ul li a:hover { color: var(--ql-cyan) !important; }
footer .wrapper.copyright { background: var(--ql-navy) !important; padding: 24px 32px !important; }
footer .wrapper.copyright p { color: rgba(255,255,255,0.55) !important; font-size: 12px !important; line-height: 1.8 !important; }
footer .wrapper.copyright strong { color: rgba(255,255,255,0.85) !important; }
footer .wrapper.copyright a { color: var(--ql-cyan) !important; }
footer .copyright { color: rgba(255,255,255,0.45) !important; font-size: 12px !important; }
footer .logo-text, footer .logo span { color: var(--ql-white) !important; }

/* Wrapper */
.wrapper { max-width: 1160px !important; margin: 0 auto !important; padding: 0 32px !important; }

/* Mobile */
@media (max-width: 768px) {
  header .wrapper { padding: 12px 16px !important; }
  h2 { font-size: 24px !important; }
  .wrapper { padding: 0 16px !important; }
  .get-loans-online { min-height: 420px !important; }
  .get-loans-online .summerday_ticket-loan { width: 160px !important; height: 160px !important; }
}
/* Supprime le fond bleu du div.why-apply */
div.why-apply {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
/* Barre CTA "Ready to submit" */
div.get-cach-now {
  padding: 40px 0 !important;
}

div.get-cach-now .wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

div.get-cach-now span {
  font: 700 28px/1.3 'Plus Jakarta Sans', sans-serif !important;
  color: #fff !important;
  margin-right: 0 !important;
  flex: 1 !important;
}

div.get-cach-now a {
  background: #fff !important;
  color: var(--ql-blue) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 16px 40px !important;
  border-radius: 50px !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.20) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  text-decoration: none !important;
}

div.get-cach-now a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.25) !important;
}