/* Public landing page only — does not target admin. */
body.dark-only.landing-wrraper {
  color: #e2e5ec;
  background: #0d1117;
}

body.dark-only.landing-wrraper .page-body-wrapper,
body.dark-only.landing-wrraper .page-wrapper {
  background: #0d1117;
}

/* Header & nav */
body.dark-only.landing-wrraper .page-main-header {
  background: #11161d !important;
  border-bottom: 1px solid #2a313c;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

body.dark-only.landing-wrraper .page-main-header .nav-menus {
  background: transparent;
}

/* color-2.css hides .logo-wrapper in dark mode (admin uses .dark-logo-wrapper). Landing keeps both
   logos in one .logo-wrapper — force it visible and swap assets via .welcome-logo--* below. */
body.dark-only.landing-wrraper .page-main-header .main-header-right .main-header-left .logo-wrapper {
  display: block !important;
  background: transparent;
}

body.dark-only.landing-wrraper .page-main-header a.text-dark,
body.dark-only.landing-wrraper .page-main-header .text-dark {
  color: #c8d0de !important;
}

/* Fullscreen: Feather is inline SVG; theme left path at #2b2b2b. Scope to .text-dark so login .btn keeps gold icon. */
body.dark-only.landing-wrraper .page-main-header .nav-menus a.text-dark svg,
body.dark-only.landing-wrraper .page-main-header .nav-menus a.text-dark svg path,
body.dark-only.landing-wrraper .page-main-header .nav-menus a.text-dark svg line,
body.dark-only.landing-wrraper .page-main-header .nav-menus a.text-dark svg polyline,
body.dark-only.landing-wrraper .page-main-header .nav-menus a.text-dark svg * {
  color: #c8d0de !important;
  stroke: #c8d0de !important;
  fill: none;
}

body.dark-only.landing-wrraper .page-main-header .nav-menus a.text-dark:hover svg,
body.dark-only.landing-wrraper .page-main-header .nav-menus a.text-dark:hover svg * {
  stroke: #eef2f8 !important;
  color: #eef2f8 !important;
}

body.dark-only.landing-wrraper .page-main-header [data-feather] {
  color: #c8d0de;
  stroke: #c8d0de;
}

body.dark-only.landing-wrraper .page-main-header .nav-menus .mode,
body.dark-only.landing-wrraper .page-main-header .nav-menus .mode i {
  color: #c8d0de !important;
  cursor: pointer;
  opacity: 1;
}

body.dark-only.landing-wrraper .page-main-header .main-header-right .mobile-toggle svg,
body.dark-only.landing-wrraper .page-main-header .main-header-right .mobile-toggle svg path,
body.dark-only.landing-wrraper .page-main-header .main-header-right .mobile-toggle svg line,
body.dark-only.landing-wrraper .page-main-header .main-header-right .mobile-toggle svg * {
  color: #c8d0de !important;
  stroke: #c8d0de !important;
  fill: none;
}

/* Login / dashboard button: keep glyph same gold tint as text */
body.dark-only.landing-wrraper .page-main-header .btn-primary-light svg,
body.dark-only.landing-wrraper .page-main-header .btn-primary-light svg path,
body.dark-only.landing-wrraper .page-main-header .btn-primary-light svg line,
body.dark-only.landing-wrraper .page-main-header .btn-primary-light svg * {
  stroke: currentColor !important;
  color: #f0d56a !important;
}

body.dark-only.landing-wrraper .selected-language {
  color: #b0d4e5 !important;
}

body.dark-only.landing-wrraper .language-options {
  background: #1a1f2a !important;
  border: 1px solid #2f3847;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

body.dark-only.landing-wrraper .language-options li {
  border-bottom-color: #2f3847;
}

body.dark-only.landing-wrraper .language-options a,
body.dark-only.landing-wrraper .language-options li a {
  color: #dee4ee !important;
}

body.dark-only.landing-wrraper .language-options a:hover,
body.dark-only.landing-wrraper .language-options li:hover {
  background-color: #252b38 !important;
}

body.dark-only.landing-wrraper .language-options a.active {
  color: #e8c24a !important;
}

body.dark-only.landing-wrraper .btn-primary-light {
  background: rgba(218, 165, 5, 0.15) !important;
  border: 1px solid rgba(218, 165, 5, 0.45) !important;
  color: #f0d56a !important;
}

body.dark-only.landing-wrraper .btn-primary-light:hover,
body.dark-only.landing-wrraper .btn-primary-light:focus {
  background: rgba(218, 165, 5, 0.28) !important;
  color: #ffeb99 !important;
}

/* Logos: light/dark pair toggled in Blade + display rules */
body.dark-only.landing-wrraper .welcome-logo--light {
  display: none !important;
}
body.dark-only.landing-wrraper .welcome-logo--dark {
  display: block !important;
}
body.landing-wrraper:not(.dark-only) .welcome-logo--dark {
  display: none !important;
}

/* Session alerts */
body.dark-only.landing-wrraper .alert {
  border: none;
}
body.dark-only.landing-wrraper .alert-danger {
  background: #3d1e24;
  color: #f5c6cb;
}
body.dark-only.landing-wrraper .alert-success {
  background: #1e3d2e;
  color: #a8e5c0;
}
body.dark-only.landing-wrraper .alert .btn-close {
  filter: invert(0.9);
}

/* Service detail & inline blocks */
body.dark-only.landing-wrraper .service-detail-section {
  background: #0d1117 !important;
}
body.dark-only.landing-wrraper .service-detail-section.light-bg,
body.dark-only.landing-wrraper .framework.light-bg,
body.dark-only.landing-wrraper .ecommerce-pages.light-bg {
  background: #111820 !important;
}

body.dark-only.landing-wrraper .service-title {
  color: #7ec8e0 !important;
}
body.dark-only.landing-wrraper .service-title:after {
  background: #daa505 !important;
}
body.dark-only.landing-wrraper .service-description,
body.dark-only.landing-wrraper .section-title,
body.dark-only.landing-wrraper .title h2 {
  color: #b8c0cc !important;
}

body.dark-only.landing-wrraper .service-image-placeholder {
  background: #1a1f2a !important;
  color: #6b7688 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

body.dark-only.landing-wrraper .service-benefits {
  background: #1a1f2a !important;
  border-color: #2a313c;
}
body.dark-only.landing-wrraper .service-benefits h4 {
  color: #7ec8e0 !important;
}
body.dark-only.landing-wrraper .service-benefits ul li {
  color: #aeb8c4 !important;
}
body.dark-only.landing-wrraper .section-divider {
  background: linear-gradient(to right, transparent, rgba(128, 191, 223, 0.35), transparent) !important;
}

body.dark-only.landing-wrraper .title .section-title,
body.dark-only.landing-wrraper .framework .title h2 {
  color: #e2e5ec !important;
}
body.dark-only.landing-wrraper hr.section-title-hr,
body.dark-only.landing-wrraper .section .title hr {
  border-color: rgba(218, 165, 5, 0.45);
  background-color: rgba(218, 165, 5, 0.4);
}

/* Framework / icon list */
body.dark-only.landing-wrraper .framework ul.framworks-list li h6,
body.dark-only.landing-wrraper .framework ul.framworks-list li h6[style] {
  color: #c8d0de !important;
}
body.dark-only.landing-wrraper .framework ul.framworks-list li:hover {
  background: rgba(36, 105, 92, 0.18) !important;
}

/* Stallion carousel / ecommerce */
body.dark-only.landing-wrraper .ecommerce-pages .title h2,
body.dark-only.landing-wrraper .ecommerce-pages h2 {
  color: #e8c24a !important;
}
body.dark-only.landing-wrraper .ecommerce-pages .title hr,
body.dark-only.landing-wrraper .ecommerce-pages hr[style] {
  background-color: #daa505 !important;
  border-color: #daa505 !important;
  opacity: 0.9;
}
body.dark-only.landing-wrraper .ecommerce-pages .pages-box .img-wrraper {
  background: #161c26;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}
body.dark-only.landing-wrraper .ecommerce-pages .pages-box .page-detail h3 {
  color: #e2e5ec !important;
}
body.dark-only.landing-wrraper .ecommerce-pages .pages-box:hover .page-detail h3 {
  color: #4fd1b5 !important;
}
body.dark-only.landing-wrraper .ecommerce-pages .btn-danger {
  background: #8b2635;
  border-color: #8b2635;
  color: #fff;
}
body.dark-only.landing-wrraper .ecommerce-pages .btn-danger:hover {
  background: #a82e40;
  border-color: #a82e40;
}

/* Owl carousel */
body.dark-only.landing-wrraper .owl-nav button,
body.dark-only.landing-wrraper .owl-nav button.owl-next,
body.dark-only.landing-wrraper .owl-nav button.owl-prev {
  background: #1a1f2a !important;
  color: #c8d0de !important;
  border: 1px solid #2f3847 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
body.dark-only.landing-wrraper .owl-nav button:hover {
  background: #252b38 !important;
  color: #fff !important;
}
body.dark-only.landing-wrraper .owl-dots .owl-dot span {
  background: #3d4555 !important;
}
body.dark-only.landing-wrraper .owl-dots .owl-dot.active span {
  background: #daa505 !important;
}

/* Modals (terms on welcome + similar) */
body.dark-only.landing-wrraper .modal-backdrop {
  background-color: #020617;
  opacity: 0.78;
}
body.dark-only.landing-wrraper .modal-content {
  background: #141a22;
  border: 1px solid #2a313c;
  color: #dee4ee;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
}
body.dark-only.landing-wrraper .modal-header {
  background: #11161d;
  border-bottom: 1px solid #2a313c;
}
body.dark-only.landing-wrraper .modal-header .btn-close {
  filter: invert(0.9);
  opacity: 0.85;
}
body.dark-only.landing-wrraper .modal-title {
  color: #e2e5ec;
}
body.dark-only.landing-wrraper .modal-body {
  color: #c8d0de;
  background: #141a22;
  position: relative;
}
body.dark-only.landing-wrraper .modal-body .ribbon.ribbon-primary {
  background: #1e5c52;
}
body.dark-only.landing-wrraper .modal-body .ribbon-bookmark.ribbon-primary:before {
  border-color: #1e5c52;
  border-right-color: transparent;
}
body.dark-only.landing-wrraper .modal-body .ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #1e5c52;
  border-left-color: transparent;
}
body.dark-only.landing-wrraper #termsModal .modal-body span {
  color: #d4dce6;
}
body.dark-only.landing-wrraper .modal-body .btn-light {
  background: #252b38;
  border-color: #3d4555;
  color: #e2e5ec;
}
body.dark-only.landing-wrraper .modal-body .btn-light:hover {
  background: #2f3847;
  color: #fff;
}
body.dark-only.landing-wrraper .modal-body .btn-primary {
  background: #24695c;
  border-color: #24695c;
  color: #fff;
}
body.dark-only.landing-wrraper .modal-body .btn-primary:hover {
  background: #2d7d6d;
  border-color: #2d7d6d;
}

/* Tap to top */
body.dark-only.landing-wrraper .tap-top {
  background: #24695c;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-only.landing-wrraper .tap-top:hover {
  background: #2d7d6d;
}
body.dark-only.landing-wrraper .tap-top svg,
body.dark-only.landing-wrraper .tap-top i {
  color: #fff;
  stroke: #fff;
}

/* Decorative elements on hero */
body.dark-only.landing-wrraper .landing-home .position-block .circle1 {
  opacity: 0.2;
}
body.dark-only.landing-wrraper .landing-home .position-block .star,
body.dark-only.landing-wrraper .landing-home .position-block .star i {
  color: rgba(128, 191, 223, 0.35) !important;
}