/* Custom theme: LearnWP To Pro (learnwptopro.com) - Indigo & Amber */
:root {
  --brand-primary: #6366F1;
  --brand-primary-dark: #4F46E5;
  --brand-accent: #F59E0B;
  --brand-bg: #EEF2FF;
  --brand-step-bg: #4338CA;
  --brand-nav-hover: #6366F1;
}

/* Buttons & CTAs */
.my-button { background: var(--brand-primary) !important; }
.my-button:hover { background: var(--brand-primary-dark) !important; }
.my-button:after { background-color: var(--brand-primary-dark) !important; }

/* Headings accent */
.heading h2 span { color: var(--brand-primary) !important; }
.banner .banner-left .heading h1 span { color: var(--brand-primary) !important; }
.page-banner .heading h1 span { color: var(--brand-primary) !important; }

/* Form focus & links */
form .user-input:focus, form .user-input:active { border-color: var(--brand-primary) !important; box-shadow: 0px 4px 16px rgba(99, 102, 241, 0.15) !important; }
.remember .custom-check-box .checkmark { border-color: var(--brand-primary) !important; }
.remember .custom-check-box input:checked ~ .checkmark { background: var(--brand-primary) !important; }
.remember .forgot-pass, .already p a { color: var(--brand-primary) !important; }
.remember .forgot-pass:hover, .already p a:hover { color: var(--brand-accent) !important; }

/* Scroll to top */
#button { background: var(--brand-primary) !important; }

/* Modals */
.modal .modal-content .modal-body { background: linear-gradient(180deg, #E0E7FF 0%, #FEF3C7 100%) !important; }
#myModal .modal-dialog .modal-content, #forgot-pw-modal .modal-dialog .modal-content, #signin-modal .modal-content .close { border-color: transparent !important; }
#myModal .modal-dialog .modal-content .modal-body, #forgot-pw-modal .modal-dialog .modal-content .modal-body, #signin-modal .modal-body { background: var(--brand-bg) !important; }
#myModal .modal-dialog .modal-content .modal-body .logo, #forgot-pw-modal .modal-dialog .modal-content .modal-body .logo { background: #E0E7FF !important; }
#myModal .modal-dialog .modal-content .modal-body .content, #forgot-pw-modal .modal-dialog .modal-content .modal-body .content { background: var(--brand-bg) !important; }
#signin-modal .modal-body { background: var(--brand-bg) !important; }
#signin-modal .modal-body .form .form-group .user-input:focus { border-color: var(--brand-primary) !important; }
#myModal .modal-dialog .modal-content .modal-body p a, #forgot-pw-modal .modal-dialog .modal-content .modal-body p a { color: var(--brand-primary) !important; }
#myModal .modal-dialog .modal-content .modal-body p a:hover, #forgot-pw-modal .modal-dialog .modal-content .modal-body p a:hover { color: var(--brand-accent) !important; }
#cancelYourSubscriptionModal .modal-content, #ContactUsModal .modal-content { background: var(--brand-bg) !important; }

/* Tables */
table thead tr, table th { background: var(--brand-primary) !important; }
table td { border-color: var(--brand-primary) !important; }
table tbody tr { background: var(--brand-bg) !important; }

/* Header – use full width and balanced layout */
.main-header nav .netz-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.main-header nav .netz-wrapper .logo {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
.main-header nav .netz-wrapper ul.rs_auto {
  flex: 1 1 auto !important;
  margin-left: 2rem !important;
  margin-right: 0 !important;
  justify-content: center !important;
  min-width: 0 !important;
}
.main-header.sticky-header nav .netz-wrapper .logo {
  flex: 0 0 auto !important;
}
.nav-item .nav-link:hover, .nav-item .nav-link.active { color: var(--brand-nav-hover) !important; }
.main-header nav .netz-wrapper .burger .burger-line { background: var(--brand-primary) !important; }
.main-header nav .netz-wrapper .burger .burger-line:nth-child(1), .main-header nav .netz-wrapper .burger .burger-line:nth-child(3) { background: var(--brand-primary-dark) !important; }

/* Footer */
footer { background: var(--brand-primary) !important; }
footer .footer-top .footer-desc .footer-menu .footer-link ul li a:hover { color: var(--brand-accent) !important; }
footer .footer-top .footer-desc .footer-menu .footer-contact ul li a:hover { color: var(--brand-accent) !important; }

/* Page banner & sections */
.page-banner { background: var(--brand-bg) !important; }
.banner .banner-left .heading h1::after { background: var(--brand-bg) !important; }

/* Feature list bullets */
.feature .feature_block .feature-wrapper li::before { background-color: var(--brand-primary) !important; }

/* Step section */
.step { background: var(--brand-step-bg) !important; }
.step .step_block .step_content h2 { color: var(--brand-primary) !important; }
.step .step_block .step_content span { color: #1e1e1e !important; }
@media screen and (max-width: 991px) { .step .step_block .step_content { background: #C7D2FE !important; } }

/* Pricing */
.pricing-tab .pricing-body { background: var(--brand-bg) !important; }
.pricing-tab .pricing-wrapper p span { color: var(--brand-primary) !important; }
.pricing-tab .pricing-body.active { filter: blur(0) !important; }

/* About page */
.about-page .about_content .about_text h4 { color: var(--brand-primary) !important; }

/* Support & FAQ */
.support .heading h2 span { color: var(--brand-primary) !important; }
.support .get-in-touch .get-in-touch-main-box .get-in-touch-details { border-color: var(--brand-primary) !important; box-shadow: 0px 40px 92px -16px #C7D2FE !important; }
.support .get-in-touch .get-in-touch-main-box .get-in-touch-details .get-in-touch-box h4 { color: var(--brand-primary) !important; }
.myaccordion .card .card-header[aria-expanded="true"] { border-color: var(--brand-primary) !important; }
.myaccordion .card .card-header { background: var(--brand-primary) !important; }
.myaccordion .card .card-body { background: var(--brand-bg) !important; }

/* Contact & form pages */
.form-pages.contact .box-container { box-shadow: 0px 0px 46.3235px rgba(99, 102, 241, 0.1) !important; }
.form-pages.contact .contact-details { background: var(--brand-bg) !important; }
.form-pages.contact .contact-details .contact-details-inner .media .my-icon { background: var(--brand-primary) !important; }
.form-pages.contact .contact-details .contact-details-inner .media .media-body p a:hover { color: var(--brand-primary) !important; }
.form-pages.sign-up .join, .form-pages.sign-up .join .join-now { background: var(--brand-bg) !important; }
.form-pages.sign-up .join .join-now p a, .form-pages.sign-up .join .join-now p span { color: var(--brand-primary) !important; }
.form-pages.sign-up .join .join-now p a:hover, .form-pages.sign-up .join .join-now p span:hover { color: var(--brand-accent) !important; }

/* Policy & cancel */
.policy-content a { color: var(--brand-primary) !important; }
.policy-content a:hover { color: var(--brand-accent) !important; }
.policy-content .print { background: var(--brand-primary) !important; }
.cancel-membership .cancel-membership-box .cancel-membership-details { background: var(--brand-bg) !important; }

/* Language dropdown */
#teams-dropdown-menu { background-color: var(--brand-step-bg) !important; }

/* Welcome popup: center on page (override default bottom-right position) */
#myModal .modal-dialog,
#welcome .modal-dialog {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  margin: 1.75rem auto !important;
}