/* Redesign Common: shared chrome for inner pages
   File Description: Header, footer, buttons, go-top, preloader, section titles.
   Keeps a single consistent style (teal palette) across all redesigned pages.
   Scoped under body.redesign-ui so non-redesigned pages stay untouched.
*/

/*============================================
            01 -- Tokens
==============================================*/
body.redesign-ui {
  --c-primary: #44065b;
  --c-primary-light: #720e96;
  --c-primary-dark: #270434;
  --c-grad: linear-gradient(135deg, #29025b 0%, #44065b 100%);
  --c-ink: #252525;
  --c-ink-2: #2a2a2a;
  --c-text: #1c1c1c;
  --c-amber: #f59e0b;
  --c-surface: #f8fafc;
  --c-border: #e6edf3;
  --c-tint: #f0e3f6;
  --r-btn: 12px;
  --r-card: 18px;
  --sh-card: 0 18px 44px -26px rgba(15, 23, 42, 0.28);
  --sh-btn: 0 12px 24px -10px rgba(68, 6, 91, 0.55);

  background-color: #ffffff;
  color: var(--c-text);
}

body.redesign-ui h1,
body.redesign-ui h2,
body.redesign-ui h3,
body.redesign-ui h4,
body.redesign-ui h5,
body.redesign-ui h6 {
  color: var(--c-ink);
}

body.redesign-ui a {
  color: var(--c-text);
}

body.redesign-ui a:hover {
  color: var(--c-primary);
}

/*============================================
            02 -- Buttons
==============================================*/
body.redesign-ui .btn.theme-btn-1,
body.redesign-ui .loan-form-area .loan-form form .default-btn,
body.redesign-ui .default-btn {
  background-image: var(--c-grad);
  border-radius: var(--r-btn);
  font-weight: 600;
  letter-spacing: 0.2px;
  box-shadow: var(--sh-btn);
  color: #ffffff;
}

body.redesign-ui .btn.theme-btn-1:hover,
body.redesign-ui .loan-form-area .loan-form form .default-btn:hover,
body.redesign-ui .default-btn:hover {
  background-position: right center;
  box-shadow: 0 16px 30px -10px rgba(68, 6, 91, 0.65);
  transform: translateY(-2px);
}

/*============================================
            03 -- Preloader
==============================================*/
body.redesign-ui #preloader {
  background: #ffffff;
}

body.redesign-ui #preloader .spinner {
  background: var(--c-grad);
  border-radius: 16px;
}

/*============================================
            04 -- Header / Navbar
==============================================*/
body.redesign-ui .acavo-nav .navbar .navbar-nav .nav-item a {
  color: var(--c-ink-2);
  font-weight: 600;
}

body.redesign-ui .acavo-nav .navbar .navbar-nav .nav-item a:hover,
body.redesign-ui .acavo-nav .navbar .navbar-nav .nav-item a:focus,
body.redesign-ui .acavo-nav .navbar .navbar-nav .nav-item a.active,
body.redesign-ui .acavo-nav .navbar .navbar-nav .nav-item:hover a,
body.redesign-ui .acavo-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--c-primary);
}

body.redesign-ui .acavo-nav .navbar .others-option .option-item {
  color: var(--c-ink-2);
  font-weight: 600;
}

body.redesign-ui .navbar-area .option-item i {
  color: var(--c-primary);
}

body.redesign-ui .others-option-for-responsive .dot-menu .inner .circle {
  background-color: var(--c-ink-2);
}

body.redesign-ui .others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: var(--c-primary);
}

/*============================================
            05 -- Section titles
==============================================*/
body.redesign-ui .title-bdr {
  width: 72px;
  height: 4px;
  border-radius: 6px;
  background: var(--c-grad);
  margin-bottom: 35px;
}

body.redesign-ui .title-bdr .left-bdr,
body.redesign-ui .title-bdr .right-bdr {
  display: none;
}

/*============================================
            06 -- Footer
==============================================*/
body.redesign-ui .footer-style {
  background: var(--c-surface) !important;
}

body.redesign-ui .footer-title,
body.redesign-ui .footer-style .footer-middle-area .footer-wrapper .footer-title {
  color: var(--c-ink);
}

body.redesign-ui .footer-style .footer-top-wrapper .footer-top-link li a:hover,
body.redesign-ui #footer .footer-text a:hover,
body.redesign-ui #footer .copyright a:hover,
body.redesign-ui footer p a:hover {
  color: var(--c-primary) !important;
}

body.redesign-ui #footer .footer-text ul li i {
  color: var(--c-primary);
}

body.redesign-ui .footer-style .footer-middle-area {
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
}

/*============================================
            07 -- Go top
==============================================*/
body.redesign-ui .go-top-area .go-top,
body.redesign-ui .go-top-area .go-top::before,
body.redesign-ui .go-top-wrap .go-top-btn,
body.redesign-ui .go-top-wrap .go-top-btn::after {
  background-image: var(--c-grad);
  border-radius: 12px;
}

body.redesign-ui .go-top-wrap .go-top-btn:hover {
  background-color: var(--c-ink);
}

/*============================================
            08 -- Unsubscribe / exit links
==============================================*/
body.redesign-ui #unsubscribe_btn_link,
body.redesign-ui .btn-exit-pa {
  color: var(--c-primary) !important;
}