/* Mobik overrides � logo scale, header controls, light/dark */

/* Homepage hero � full page width (Inotek slider shell) */
.tv-hero-section .hero-inner.mobik-hero-fullwidth {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
}

.tv-hero-section .hero-inner.mobik-hero-fullwidth .hero-area {
  min-height: 70vh;
}

.tv-hero-section .hero-inner.mobik-hero-fullwidth .bg.image,
.tv-hero-section .hero-inner.mobik-hero-fullwidth .bg.background-image {
  background-size: cover;
  background-position: center center;
}

.menu-area .logo,
.sticky-header .logo,
.header-logo {
  max-width: 180px;
  overflow: hidden;
}

.menu-area .header-logo a,
.sticky-header .header-logo a,
.mobile-logo a {
  display: inline-flex;
  align-items: center;
  max-width: 180px;
  overflow: hidden;
}

.menu-area .header-logo a img,
.sticky-header .header-logo a img,
.mobile-logo a img {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain;
}

/* Override Inotek first/last mobile swap � we use light/dark pair instead */
.menu-area .header-logo a img.logo-light,
.sticky-header .header-logo a img.logo-light,
.mobile-logo a img.logo-light {
  display: block !important;
}

.menu-area .header-logo a img.logo-dark,
.sticky-header .header-logo a img.logo-dark,
.mobile-logo a img.logo-dark {
  display: none !important;
}

@media (max-width: 991px) {
  .menu-area .header-logo a img.logo-light,
  .sticky-header .header-logo a img.logo-light {
    display: block !important;
  }

  .menu-area .header-logo a img.logo-dark,
  .sticky-header .header-logo a img.logo-dark {
    display: none !important;
  }
}

.sticky-header .header-logo a img {
  max-height: 40px !important;
}

.mobile-logo a img {
  max-height: 40px !important;
}

.header-tools {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-right: 0.75rem;
}

.header-tools .mobik-icon-btn,
.header-tools .mobik-lang-wrap {
  appearance: none;
  border: 1px solid rgba(6, 17, 83, 0.12);
  background: #fff;
  color: #061153;
  border-radius: 999px;
  height: 42px;
  min-width: 42px;
  padding: 0 0.85rem;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.header-tools .mobik-icon-btn {
  width: 42px;
  padding: 0;
}

.header-tools .mobik-lang-wrap {
  position: relative;
  padding-right: 0.55rem;
  padding-left: 0.75rem;
}

.header-tools .mobik-lang-icon {
  font-size: 0.9rem;
  opacity: 0.85;
  pointer-events: none;
}

.header-tools .mobik-lang-select {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  padding: 0 1.15rem 0 0;
  margin: 0;
  min-width: 2.4rem;
  /* Native dropdown list stays light so option labels stay readable in dark mode */
  color-scheme: light;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23061153' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.1rem center;
  background-size: 10px;
}

.header-tools .mobik-lang-select option {
  color: #111827;
  background-color: #ffffff;
}

.header-tools .mobik-icon-btn:hover,
.header-tools .mobik-lang-wrap:hover {
  border-color: var(--theme-color, #0b4f6c);
  color: var(--theme-color, #0b4f6c);
}

.mobile-header-tools {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  margin-top: 0.75rem;
  padding-top: 1rem !important;
}

.mobile-header-tools .header-tools {
  margin-right: 0;
  width: 100%;
  justify-content: flex-start;
}

.header-style1 .header-right-wrapper .outer-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
}

@media (max-width: 991px) {
  .header-tools {
    margin-right: 0.35rem;
  }

  .header-tools .mobik-lang-wrap {
    min-width: 0;
    padding-left: 0.65rem;
  }
}

/* Footer always dark (Inotek home-2) � keep readable in both themes */
.footer-section {
  color: #fff;
}

.footer-section .footer-logo a,
.footer-section .footer-logo {
  max-width: 160px;
  overflow: hidden;
}

.footer-section .footer-logo img {
  max-height: 44px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* Footer contact: email + two phones without mid-number wrapping */
.footer-section .footer-brand .contact-info.mobik-footer-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
  margin: 28px 0 28px;
  padding: 0 0 28px;
  border-bottom: 1px solid var(--bs-border-color5, rgba(255, 255, 255, 0.15));
}

.footer-section .footer-brand .mobik-footer-phones {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 18px 36px;
  width: 100%;
}

.footer-section .footer-brand .mobik-footer-phones .contact-item {
  flex: 1 1 auto;
  min-width: 0;
}

.footer-section .footer-brand .contact-info.mobik-footer-contact .contact-item .title {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0.02em;
}

.footer-section .footer-brand .contact-info.mobik-footer-contact .contact-item a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  white-space: nowrap;
}

.footer-section .footer-brand .contact-info.mobik-footer-contact .contact-item a span {
  white-space: nowrap;
}

.footer-section .footer-brand .contact-info.mobik-footer-contact .contact-item a i {
  flex-shrink: 0;
}

@media (max-width: 575px) {
  .footer-section .footer-brand .mobik-footer-phones {
    flex-direction: column;
    gap: 18px;
  }
}

html[data-theme="dark"] .footer-section .footer-widget .title,
html[data-theme="dark"] .footer-section .footer-widget ul li a,
html[data-theme="dark"] .footer-section .footer-bottom p,
html[data-theme="dark"] .footer-section .footer-bottom .footer-policy a,
html[data-theme="dark"] .footer-section .footer-brand .contact-info .contact-item .title,
html[data-theme="dark"] .footer-section .footer-brand .contact-info .contact-item a {
  color: #ffffff !important;
}

html[data-theme="dark"] .footer-section .footer-widget ul li a:hover,
html[data-theme="dark"] .footer-section .footer-bottom .footer-policy a:hover {
  color: var(--theme-color, #0b4f6c) !important;
}

/* ---- Dark theme (page content) ---- */
html[data-theme="dark"] body,
html[data-theme="dark"] .page-wrapper {
  background: #0b1220 !important;
  color: #e5e7eb;
}

html[data-theme="dark"] .tv-header.header-style1,
html[data-theme="dark"] .sticky-header,
html[data-theme="dark"] .sticky-header.fixed-header {
  background: #111827 !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .header-top {
  border-color: rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
}

html[data-theme="dark"] .header-top .list-style-1 a,
html[data-theme="dark"] .main-menu > ul > li > a,
html[data-theme="dark"] .sticky-header .main-menu > ul > li > a,
html[data-theme="dark"] .sticky-header .main-menu a {
  color: #e5e7eb !important;
}

/* Header-top auth actions (replaces circular social-icon-one misuse) */
.mobik-top-actions,
.mobik-footer-actions {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mobik-top-actions__form {
  display: inline-flex;
  margin: 0;
}

.mobik-top-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 34px;
  padding: 0.35rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff !important;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}

.mobik-top-btn i {
  font-size: 0.8rem;
  line-height: 1;
}

.mobik-top-btn:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.55);
  color: #ffffff !important;
}

.mobik-top-btn--solid {
  background: #ffffff;
  border-color: #ffffff;
  color: #0b4f6c !important;
}

.mobik-top-btn--solid:hover {
  background: #e0f2fe;
  border-color: #e0f2fe;
  color: #061153 !important;
}

/* Footer is always dark � keep buttons readable */
.mobik-footer-actions .mobik-top-btn {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff !important;
}

.mobik-footer-actions .mobik-top-btn--solid {
  background: #38bdf8;
  border-color: #38bdf8;
  color: #061153 !important;
}

.mobik-footer-actions .mobik-top-btn--solid:hover {
  background: #7dd3fc;
  border-color: #7dd3fc;
  color: #061153 !important;
}

/* Dark theme: header-top becomes dark surface */
html[data-theme="dark"] .mobik-top-btn {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #f8fafc !important;
}

html[data-theme="dark"] .mobik-top-btn:hover {
  background: rgba(56, 189, 248, 0.16);
  border-color: rgba(125, 211, 252, 0.45);
  color: #e0f2fe !important;
}

html[data-theme="dark"] .mobik-top-btn--solid {
  background: #38bdf8;
  border-color: #38bdf8;
  color: #0b1220 !important;
}

html[data-theme="dark"] .mobik-top-btn--solid:hover {
  background: #7dd3fc;
  border-color: #7dd3fc;
  color: #0b1220 !important;
}

html[data-theme="dark"] .main-menu > ul > li > a:hover,
html[data-theme="dark"] .main-menu .active > a {
  color: #7dd3fc !important;
}

html[data-theme="dark"] .header-tools .mobik-icon-btn,
html[data-theme="dark"] .header-tools .mobik-lang-wrap {
  background: #1f2937;
  border-color: rgba(255, 255, 255, 0.12);
  color: #f3f4f6;
}

html[data-theme="dark"] .header-tools .mobik-lang-select {
  color: #f3f4f6 !important;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23f3f4f6' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.1rem center;
  background-size: 10px;
}

html[data-theme="dark"] .header-tools .mobik-lang-select option {
  color: #111827 !important;
  background-color: #ffffff !important;
}

html[data-theme="dark"] .tv-pricing-section,
html[data-theme="dark"] .tv-project-section,
html[data-theme="dark"] .tv-faq-section,
html[data-theme="dark"] .tv-callus-section,
html[data-theme="dark"] section.space.bg-light,
html[data-theme="dark"] .bg-light {
  background: #0b1220 !important;
}

/* Pricing cards � force dark surfaces (template uses white .pricing-inner-box) */
html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box {
  background: #151c2c !important;
  background-color: #151c2c !important;
  color: #f8fafc !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box::before,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box::before {
  background: #0f172a !important;
  background-color: #0f172a !important;
}

html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan .plan,
html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan span,
html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan .billing-cycle,
html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan .price h2,
html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan .price h2 *,
html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan h4,
html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan p,
html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .features li,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan .plan,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan span,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan .billing-cycle,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan .price h2,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan h4,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan p,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box .features li {
  color: #f8fafc !important;
}

html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan .plan,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-plan .plan {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}

html[data-theme="dark"] .tv-pricing-section .tv-pricing-card .pricing-inner-box .features li i,
html.mobik-dark .tv-pricing-section .tv-pricing-card .pricing-inner-box .features li i {
  color: #38bdf8 !important;
}

html[data-theme="dark"] .tv-pricing-section .tv-pricing-card.style2 .pricing-inner-box,
html.mobik-dark .tv-pricing-section .tv-pricing-card.style2 .pricing-inner-box {
  background: #0b4f6c !important;
  background-color: #0b4f6c !important;
}

/*
 * Universal buttons � readable in light AND dark, anywhere on the site.
 * Solid Mobik blue + white label. Overrides Inotek light/ghost variants.
 */
.theme-btn,
a.theme-btn,
button.theme-btn,
.tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-inner .theme-btn,
.tv-pricing-section .tv-pricing-card.style2 .pricing-inner-box .pricing-inner .theme-btn,
.tv-pricing-section .tv-pricing-card:hover .pricing-inner-box .pricing-inner .theme-btn,
.header-style1 .theme-btn,
.sticky-header .theme-btn,
.callus-box .theme-btn {
  background: #0b4f6c !important;
  background-color: #0b4f6c !important;
  color: #ffffff !important;
  border: 1px solid #0b4f6c !important;
  text-shadow: none !important;
}

.theme-btn .link-effect,
.theme-btn .link-effect .effect-1,
.theme-btn span,
.theme-btn i,
.theme-btn .arrow1,
.theme-btn .arrow-all,
.tv-pricing-section .theme-btn span,
.tv-pricing-section .theme-btn .effect-1,
.header-style1 .theme-btn span,
.header-style1 .theme-btn .effect-1 {
  color: #ffffff !important;
}

.theme-btn:hover,
.theme-btn:focus,
.theme-btn:active,
a.theme-btn:hover,
.tv-pricing-section .tv-pricing-card:hover .pricing-inner-box .pricing-inner .theme-btn,
.tv-pricing-section .tv-pricing-card .pricing-inner-box .pricing-inner .theme-btn:hover {
  background: #083d54 !important;
  background-color: #083d54 !important;
  border-color: #083d54 !important;
  color: #ffffff !important;
}

.theme-btn:hover span,
.theme-btn:hover .effect-1,
.theme-btn:hover i,
.theme-btn:focus span,
.tv-pricing-section .theme-btn:hover span {
  color: #ffffff !important;
}

/* Outline secondary � still high contrast in both themes */
.theme-btn.style2,
a.theme-btn.style2 {
  background: transparent !important;
  background-color: transparent !important;
  border: 2px solid #0b4f6c !important;
  color: #0b4f6c !important;
}

.theme-btn.style2 span,
.theme-btn.style2 .effect-1,
.theme-btn.style2 i {
  color: #0b4f6c !important;
}

.theme-btn.style2:hover,
.theme-btn.style2:focus {
  background: #0b4f6c !important;
  background-color: #0b4f6c !important;
  border-color: #0b4f6c !important;
  color: #ffffff !important;
}

.theme-btn.style2:hover span,
.theme-btn.style2:hover .effect-1,
.theme-btn.style2:hover i {
  color: #ffffff !important;
}

/* Dark theme outline on dark surfaces */
html[data-theme="dark"] .theme-btn.style2,
html.mobik-dark .theme-btn.style2 {
  border-color: #ffffff !important;
  color: #ffffff !important;
  background: transparent !important;
}

html[data-theme="dark"] .theme-btn.style2 span,
html[data-theme="dark"] .theme-btn.style2 .effect-1,
html.mobik-dark .theme-btn.style2 span,
html.mobik-dark .theme-btn.style2 .effect-1 {
  color: #ffffff !important;
}

html[data-theme="dark"] .theme-btn.style2:hover,
html.mobik-dark .theme-btn.style2:hover {
  background: #0b4f6c !important;
  border-color: #0b4f6c !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .theme-btn.style2:hover span,
html.mobik-dark .theme-btn.style2:hover span {
  color: #ffffff !important;
}

html[data-theme="dark"] .tv-project-section .sec-title.text-dark {
  color: #f3f4f6 !important;
}

html[data-theme="dark"] .tv-project-single-box .project-info .title,
html[data-theme="dark"] .tv-project-single-box .project-info .title a,
html[data-theme="dark"] .tv-project-single-box .project-info p {
  color: #ffffff !important;
}

.tv-project-single-box .image-wrapper {
  overflow: hidden;
}

.tv-project-single-box .image-wrapper img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  display: block;
}

/* home-2 service stack � keep template contrast on bg-theme3 */
.tv-service-section .tv-service-item {
  background: transparent !important;
}

.tv-service-section .tv-service-item .service-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tv-service-section .tv-service-item .service-right h6,
.tv-service-section .tv-service-item .service-right h2,
.tv-service-section .tv-service-item .service-right p,
.tv-service-section .tv-service-item .service-right .learn-more,
.tv-service-section .tv-service-item .service-number {
  color: #ffffff !important;
}

.tv-service-section .tv-service-item .service-right .tags span {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}

html[data-theme="dark"] .tv-pricing-card .features li.disabled {
  color: #9ca3af !important;
}

/* Scroll-to-top always usable */
.scrollToTop {
  z-index: 10050;
}

html[data-theme="dark"] .scrollToTop {
  background-color: #1f2937;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .title-wrap .sec-title,
html[data-theme="dark"] .tv-hero-section .hero-title,
html[data-theme="dark"] .tv-breadcrumb-section h1 {
  color: #f8fafc !important;
}

html[data-theme="dark"] .title-wrap:not(.white) .sec-title {
  color: #f8fafc !important;
}

html[data-theme="dark"] .page-body,
html[data-theme="dark"] .page-body p,
html[data-theme="dark"] .lead,
html[data-theme="dark"] section.space p {
  color: #d1d5db !important;
}

html[data-theme="dark"] .accordion-item {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #e5e7eb;
}

html[data-theme="dark"] .accordion-button {
  background: #1f2937 !important;
  color: #f9fafb !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .accordion-button:not(.collapsed) {
  background: #243044 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .accordion-button::after {
  filter: invert(1);
}

html[data-theme="dark"] .accordion-body {
  background: #111827 !important;
  color: #e5e7eb !important;
}

html[data-theme="dark"] .callus-box h2,
html[data-theme="dark"] .callus-box p {
  color: #ffffff !important;
}

html[data-theme="dark"] .menu-area .header-logo a img.logo-light,
html[data-theme="dark"] .sticky-header .header-logo a img.logo-light,
html[data-theme="dark"] .mobile-logo a img.logo-light {
  display: none !important;
}

html[data-theme="dark"] .menu-area .header-logo a img.logo-dark,
html[data-theme="dark"] .sticky-header .header-logo a img.logo-dark,
html[data-theme="dark"] .mobile-logo a img.logo-dark {
  display: block !important;
}

html[data-theme="dark"] .mobik-theme-toggle .icon-sun {
  display: none;
}

html[data-theme="dark"] .mobik-theme-toggle .icon-moon {
  display: inline;
}

html:not([data-theme="dark"]) .mobik-theme-toggle .icon-moon {
  display: none;
}

html:not([data-theme="dark"]) .mobik-theme-toggle .icon-sun {
  display: inline;
}

/* �� Portal / dealer / field (inotek-aligned) �� */
.portal-space { padding-top: 2.5rem; padding-bottom: 4rem; }
.portal-nav-wrap { overflow-x: auto; }
.portal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .75rem;
  padding: .75rem 1rem;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 1rem;
}
.portal-nav a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .45rem .85rem;
  border-radius: .65rem;
  font-weight: 600;
  font-size: .92rem;
  color: #334155;
  text-decoration: none;
}
.portal-nav a:hover { background: rgba(11, 79, 108, .08); color: #0b4f6c; }
.portal-nav a.active { background: #0b4f6c; color: #fff; }
.portal-nav-badge {
  display: inline-flex;
  min-width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  padding: 0 .35rem;
  border-radius: 999px;
  background: #e11d48;
  color: #fff;
  font-size: .7rem;
  font-weight: 700;
}
.portal-card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 1.1rem;
  padding: 1.35rem 1.5rem;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}
.portal-card-title {
  margin: 0 0 .75rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #0f172a;
}
.portal-muted { color: #64748b; font-size: .95rem; }
.portal-link { color: #0b4f6c; font-weight: 600; text-decoration: none; }
.portal-link:hover { text-decoration: underline; }
.portal-table {
  width: 100%;
  border-collapse: collapse;
}
.portal-table th,
.portal-table td {
  padding: .7rem .5rem;
  border-bottom: 1px solid rgba(15, 23, 42, .06);
  text-align: left;
  font-size: .92rem;
}
.portal-table th {
  color: #64748b;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.portal-notify-list { list-style: none; margin: 0; padding: 0; }
.portal-notify-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(15, 23, 42, .06);
}
.portal-notify-item.is-unread { background: rgba(11, 79, 108, .04); margin: 0 -.75rem; padding-left: .75rem; padding-right: .75rem; border-radius: .75rem; }
.portal-notify-title { margin: 0 0 .35rem; font-size: 1.05rem; font-weight: 700; }
.portal-notify-meta { font-size: .8rem; color: #94a3b8; }
.portal-notify-actions { display: flex; flex-direction: column; align-items: flex-end; gap: .35rem; }
.portal-thread { display: flex; flex-direction: column; gap: .85rem; }
.portal-msg {
  padding: 1rem;
  border-radius: .9rem;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, .06);
}
.portal-msg.is-mine { background: rgba(11, 79, 108, .06); }
.portal-msg-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: .85rem;
  color: #64748b;
  margin-bottom: .35rem;
}
.portal-msg-body {
  margin: 0;
  white-space: pre-wrap;
  color: #0f172a;
}
html[data-theme="dark"] .portal-nav,
html[data-theme="dark"] .portal-card,
html[data-theme="dark"] .portal-msg {
  background: #111827;
  border-color: rgba(255,255,255,.08);
}
html[data-theme="dark"] .portal-card-title,
html[data-theme="dark"] .portal-msg-body,
html[data-theme="dark"] .portal-table td { color: #e5e7eb; }
html[data-theme="dark"] .portal-nav a { color: #cbd5e1; }
html[data-theme="dark"] .portal-nav a.active { background: #0b4f6c; color: #fff; }

/* Portal / dealer forms � light + dark */
.portal-form-fields .form-label {
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.4rem;
}
.portal-form-fields .form-control,
.portal-form-fields .form-select,
.portal-form-fields textarea.form-control {
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0 !important;
  min-height: 3rem;
  background: #ffffff !important;
  color: #0f172a !important;
}
.portal-form-fields .form-control:focus,
.portal-form-fields .form-select:focus,
.portal-form-fields textarea.form-control:focus {
  border-color: #0b4f6c !important;
  box-shadow: 0 0 0 0.2rem rgba(11, 79, 108, 0.12) !important;
}
html[data-theme="dark"] .portal-form-fields .form-label {
  color: #cbd5e1;
}
html[data-theme="dark"] .portal-form-fields .form-control,
html[data-theme="dark"] .portal-form-fields .form-select,
html[data-theme="dark"] .portal-form-fields textarea.form-control {
  background: #0b1220 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .portal-form-fields .form-control:focus,
html[data-theme="dark"] .portal-form-fields .form-select:focus,
html[data-theme="dark"] .portal-form-fields textarea.form-control:focus {
  border-color: #38bdf8 !important;
  background: #0b1220 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .portal-muted { color: #94a3b8; }

/* Legacy dealer/field cards inside portal layout */
.portal-space .card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 1.1rem;
  padding: 1.35rem 1.5rem;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}
.portal-space .portal-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.portal-space .btn,
.portal-space .btn.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .55rem 1.1rem;
  border-radius: .65rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
.portal-space .btn.primary { background: #0b4f6c; color: #fff; }
.portal-space .btn:not(.primary) { background: #e2e8f0; color: #0f172a; }
.portal-space table.data { width: 100%; border-collapse: collapse; }
.portal-space table.data th,
.portal-space table.data td {
  padding: .65rem .5rem;
  border-bottom: 1px solid rgba(15, 23, 42, .06);
  text-align: left;
}

/* ---- Auth / utility public forms (login, register, WG, coverage) ---- */
.mobik-auth-section {
  padding-top: 2.5rem;
  padding-bottom: 4.5rem;
}

.mobik-auth-card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.25rem;
  padding: 1.75rem 1.75rem 1.6rem;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}

.mobik-auth-card--wide {
  padding: 2rem 2.1rem;
}

.mobik-auth-card__head {
  margin-bottom: 1.35rem;
}

.mobik-auth-card__title {
  margin: 0 0 0.4rem;
  font-size: clamp(1.45rem, 2.4vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0f172a;
}

.mobik-auth-card__lead {
  margin: 0;
  color: #64748b;
  line-height: 1.6;
  font-size: 0.98rem;
}

.mobik-auth-card__hint,
.mobik-auth-block__hint {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.5;
}

.mobik-auth-card__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  justify-content: center;
  margin-top: 1.35rem;
  padding-top: 1.15rem;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  color: #64748b;
  font-size: 0.95rem;
}

.mobik-auth-card__foot a,
.mobik-auth-link {
  color: #0b4f6c;
  font-weight: 700;
  text-decoration: none;
}

.mobik-auth-card__foot a:hover,
.mobik-auth-link:hover {
  text-decoration: underline;
}

.mobik-auth-form .form-label {
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.4rem;
}

.mobik-auth-form .form-control,
.mobik-auth-form .form-select,
.mobik-auth-form textarea.form-control {
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0 !important;
  min-height: 3rem;
  padding: 0.7rem 0.95rem;
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: none;
}

.mobik-auth-form .form-control::placeholder,
.mobik-auth-form .form-select::placeholder,
.mobik-auth-form textarea.form-control::placeholder {
  color: #94a3b8 !important;
}

.mobik-auth-form .form-control:focus,
.mobik-auth-form .form-select:focus,
.mobik-auth-form textarea.form-control:focus {
  border-color: #0b4f6c !important;
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 0 0 0.2rem rgba(11, 79, 108, 0.12) !important;
}

.mobik-auth-form__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.mobik-check {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #64748b;
  font-size: 0.95rem;
  margin: 0;
  cursor: pointer;
}

.mobik-check input {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: #0b4f6c;
}

.mobik-auth-block {
  margin-bottom: 1.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.mobik-auth-block:last-of-type {
  border-bottom: 0;
  margin-bottom: 1.25rem;
  padding-bottom: 0;
}

.mobik-auth-block__title {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
}

.mobik-meta-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 0.9rem;
  overflow: hidden;
}

.mobik-meta-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.8rem 1rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  font-size: 0.95rem;
}

.mobik-meta-list li:last-child {
  border-bottom: 0;
}

.mobik-meta-list span {
  color: #64748b;
}

.mobik-meta-list strong {
  color: #0f172a;
  text-align: right;
}

.mobik-result-icon {
  width: 4rem;
  height: 4rem;
  margin: 0 auto 1rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 1.75rem;
}

.mobik-result-icon.is-ok {
  background: rgba(16, 185, 129, 0.12);
  color: #059669;
}

.mobik-result-icon.is-bad {
  background: rgba(244, 63, 94, 0.12);
  color: #e11d48;
}

.mobik-result-panel {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1rem;
  background: #f8fafc;
  padding: 1.25rem 1.35rem;
}

.coverage-map-wrap {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1rem;
  overflow: hidden;
  background: #f8fafc;
}

html[data-theme="dark"] .mobik-auth-card,
html[data-theme="dark"] .mobik-result-panel,
html[data-theme="dark"] .coverage-map-wrap {
  background: #111827;
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .mobik-auth-card__title,
html[data-theme="dark"] .mobik-auth-block__title,
html[data-theme="dark"] .mobik-meta-list strong {
  color: #f8fafc;
}

html[data-theme="dark"] .mobik-auth-form .form-label,
html[data-theme="dark"] .mobik-auth-card__lead,
html[data-theme="dark"] .mobik-meta-list span {
  color: #cbd5e1;
}

html[data-theme="dark"] .mobik-auth-form .form-control,
html[data-theme="dark"] .mobik-auth-form .form-select,
html[data-theme="dark"] .mobik-auth-form textarea.form-control {
  background: #0b1220 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .mobik-auth-form .form-control:focus,
html[data-theme="dark"] .mobik-auth-form .form-select:focus,
html[data-theme="dark"] .mobik-auth-form textarea.form-control:focus {
  background: #0b1220 !important;
  color: #f8fafc !important;
  border-color: #38bdf8 !important;
}

html[data-theme="dark"] .mobik-auth-block,
html[data-theme="dark"] .mobik-auth-card__foot,
html[data-theme="dark"] .mobik-meta-list,
html[data-theme="dark"] .mobik-meta-list li {
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .mobik-meta-list {
  background: #0b1220;
}

/* ===== Social icons (header / footer) ===== */
.mobik-top-social,
.mobik-footer-social,
.footer-section .mobik-footer-social.social-icon-one {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.mobik-top-social li,
.mobik-footer-social li,
.footer-section .mobik-footer-social.social-icon-one li {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  line-height: 1;
}

.mobik-top-social a,
.mobik-footer-social a,
.footer-section .mobik-footer-social.social-icon-one li a {
  width: 2.15rem !important;
  height: 2.15rem !important;
  min-width: 2.15rem;
  margin: 0 !important;
  display: inline-grid !important;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  color: #0b4f6c;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  flex-shrink: 0;
}

.mobik-top-social a:hover,
.mobik-footer-social a:hover {
  background: #0b4f6c;
  border-color: #0b4f6c;
  color: #ffffff;
}

.footer-section .mobik-footer-social a,
.footer-section .footer-widget .mobik-footer-social li a {
  border-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  padding-left: 0 !important;
}

.footer-section .mobik-footer-social a::before,
.footer-section .footer-widget .mobik-footer-social li a::before {
  display: none !important;
  content: none !important;
}

.footer-section .mobik-footer-social a:hover,
.footer-section .footer-widget .mobik-footer-social a:hover {
  background: #ffffff;
  color: #0b4f6c;
  border-color: #ffffff;
  padding-left: 0 !important;
}

html[data-theme="dark"] .mobik-top-social a {
  border-color: rgba(255, 255, 255, 0.18);
  color: #e2e8f0;
}

html[data-theme="dark"] .mobik-top-social a:hover {
  background: #0b4f6c;
  border-color: #0b4f6c;
  color: #ffffff;
}

/* ===== Services listing (Inotek tv-service-single-box) ===== */
.mobik-services-page .tv-service-single-box {
  height: 100%;
}

.mobik-services-page .tv-service-single-box .inner-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.mobik-services-page .tv-service-single-box .inner-box .icon i {
  font-size: 2.1rem;
  line-height: 1;
  color: #0b4f6c;
  transition: color 0.35s ease;
}

.mobik-services-page .tv-service-single-box .inner-box .title a {
  color: inherit;
  text-decoration: none;
}

.mobik-services-page .tv-service-single-box .inner-box .title a:hover {
  color: #0b4f6c;
}

.mobik-services-page .tv-service-single-box .inner-box .text {
  flex: 1 1 auto;
}

.mobik-services-page .tv-service-single-box:hover .inner-box .icon i {
  color: #0b4f6c;
}

html[data-theme="dark"] .mobik-services-page.tv-service-section.inner,
html[data-theme="dark"] .mobik-services-page .tv-service-inner,
html.mobik-dark .mobik-services-page.tv-service-section.inner,
html.mobik-dark .mobik-services-page .tv-service-inner {
  background: #0b1220 !important;
}

html[data-theme="dark"] .mobik-services-page .sec-title.text-dark,
html.mobik-dark .mobik-services-page .sec-title.text-dark {
  color: #f8fafc !important;
}

html[data-theme="dark"] .mobik-services-page .sub-title-2,
html.mobik-dark .mobik-services-page .sub-title-2 {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-section.inner .tv-service-inner .tv-service-single-box,
html[data-theme="dark"] .mobik-services-page .tv-service-single-box,
html.mobik-dark .mobik-services-page .tv-service-single-box {
  background: #151c2c !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none;
}

html[data-theme="dark"] .mobik-services-page .tv-service-single-box .inner-box .icon,
html.mobik-dark .mobik-services-page .tv-service-single-box .inner-box .icon {
  background: rgba(11, 79, 108, 0.35) !important;
  border-color: rgba(56, 189, 248, 0.35) !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-single-box .inner-box .icon i,
html.mobik-dark .mobik-services-page .tv-service-single-box .inner-box .icon i {
  color: #7dd3fc !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-section.inner .tv-service-inner .tv-service-single-box .inner-box .title,
html[data-theme="dark"] .mobik-services-page .tv-service-single-box .inner-box .title,
html[data-theme="dark"] .mobik-services-page .tv-service-single-box .inner-box .title a,
html.mobik-dark .mobik-services-page .tv-service-single-box .inner-box .title,
html.mobik-dark .mobik-services-page .tv-service-single-box .inner-box .title a {
  color: #f8fafc !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-single-box .inner-box .title a:hover,
html.mobik-dark .mobik-services-page .tv-service-single-box .inner-box .title a:hover {
  color: #7dd3fc !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-section.inner .tv-service-inner .tv-service-single-box .inner-box p,
html[data-theme="dark"] .mobik-services-page .tv-service-single-box .inner-box .text,
html.mobik-dark .mobik-services-page .tv-service-single-box .inner-box .text {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-single-box .inner-box .border2,
html.mobik-dark .mobik-services-page .tv-service-single-box .inner-box .border2 {
  background-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .mobik-services-page .tv-service-section.inner .tv-service-inner .tv-service-single-box .inner-box .theme-btn,
html[data-theme="dark"] .mobik-services-page .tv-service-single-box .inner-box .theme-btn,
html.mobik-dark .mobik-services-page .tv-service-single-box .inner-box .theme-btn {
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  background: transparent !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-single-box .inner-box .theme-btn .link-effect span,
html.mobik-dark .mobik-services-page .tv-service-single-box .inner-box .theme-btn .link-effect span {
  color: #ffffff !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-single-box:hover .inner-box .icon,
html.mobik-dark .mobik-services-page .tv-service-single-box:hover .inner-box .icon {
  border-color: #38bdf8 !important;
  background: rgba(56, 189, 248, 0.12) !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-single-box:hover .inner-box .icon i,
html.mobik-dark .mobik-services-page .tv-service-single-box:hover .inner-box .icon i {
  color: #38bdf8 !important;
}

html[data-theme="dark"] .mobik-services-page .tv-service-single-box:hover .inner-box .theme-btn,
html.mobik-dark .mobik-services-page .tv-service-single-box:hover .inner-box .theme-btn {
  background: #0b4f6c !important;
  border-color: #0b4f6c !important;
  color: #ffffff !important;
}

/* ==========================================================================
   Theme contrast safety net � readable in light AND dark across the site
   ========================================================================== */

/* Light: keep body copy dark on light surfaces */
html:not([data-theme="dark"]) body,
html:not([data-theme="dark"]) .page-wrapper {
  color: #0f172a;
}

html:not([data-theme="dark"]) .page-body,
html:not([data-theme="dark"]) .page-body p,
html:not([data-theme="dark"]) .lead,
html:not([data-theme="dark"]) section.space p,
html:not([data-theme="dark"]) .mobik-contact-aside,
html:not([data-theme="dark"]) .mobik-contact-aside a {
  color: #334155;
}

html:not([data-theme="dark"]) .page-body h1,
html:not([data-theme="dark"]) .page-body h2,
html:not([data-theme="dark"]) .page-body h3,
html:not([data-theme="dark"]) .page-body h4,
html:not([data-theme="dark"]) .sec-title,
html:not([data-theme="dark"]) .sec-title.text-dark {
  color: #0f172a;
}

html:not([data-theme="dark"]) .sub-title-2:not(.text-white):not(.two) {
  color: #0b4f6c;
}

html:not([data-theme="dark"]) .header-top .list-style-1 li,
html:not([data-theme="dark"]) .header-top .list-style-1 a {
  color: #e2e8f0;
}

/* Dark: force readable text on dark page chrome */
html[data-theme="dark"] body,
html[data-theme="dark"] .page-wrapper,
html.mobik-dark body,
html.mobik-dark .page-wrapper {
  background: #0b1220 !important;
  color: #e5e7eb !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .sec-title,
html[data-theme="dark"] .sec-title.text-dark,
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .title,
html[data-theme="dark"] .page-body h1,
html[data-theme="dark"] .page-body h2,
html[data-theme="dark"] .page-body h3,
html[data-theme="dark"] .page-body h4,
html[data-theme="dark"] .tv-breadcrumb-section h1,
html[data-theme="dark"] .tv-breadcrumb-section .breadcrumb-title,
html.mobik-dark .sec-title,
html.mobik-dark .sec-title.text-dark,
html.mobik-dark .text-dark {
  color: #f8fafc !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] .page-body,
html[data-theme="dark"] .page-body p,
html[data-theme="dark"] .page-body li,
html[data-theme="dark"] .lead,
html[data-theme="dark"] section.space p,
html[data-theme="dark"] section.space li,
html[data-theme="dark"] .sub-title,
html[data-theme="dark"] .sub-title-2,
html[data-theme="dark"] .mobik-contact-aside,
html[data-theme="dark"] .mobik-contact-aside p,
html[data-theme="dark"] .mobik-contact-line,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .muted {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .page-body a,
html[data-theme="dark"] .mobik-contact-aside a,
html[data-theme="dark"] .lead a,
html[data-theme="dark"] section.space .page-body a {
  color: #7dd3fc;
}

html[data-theme="dark"] .page-body a:hover,
html[data-theme="dark"] .mobik-contact-aside a:hover {
  color: #bae6fd;
}

/* Dark surfaces that stay white in the theme � restyle */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .card,
html[data-theme="dark"] .white-bg,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] section.space.bg-light,
html[data-theme="dark"] .tv-pricing-section,
html[data-theme="dark"] .tv-project-section,
html[data-theme="dark"] .tv-faq-section,
html[data-theme="dark"] .tv-service-section.inner,
html[data-theme="dark"] .tv-breadcrumb-section,
html.mobik-dark .bg-light,
html.mobik-dark .bg-white {
  background-color: #0b1220 !important;
  color: #e5e7eb !important;
}

html[data-theme="dark"] .tv-breadcrumb-section .breadcrumb-item,
html[data-theme="dark"] .tv-breadcrumb-section .breadcrumb-item a,
html[data-theme="dark"] .tv-breadcrumb-section li,
html[data-theme="dark"] .tv-breadcrumb-section li a,
html[data-theme="dark"] .breadcrumbs,
html[data-theme="dark"] .breadcrumbs a {
  color: #cbd5e1 !important;
}

/* Global forms (login, inquiry, coverage, portal leftovers) */
html[data-theme="dark"] .form-label,
html[data-theme="dark"] label {
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea.form-control,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background-color: #111827 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html[data-theme="dark"] textarea:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 0.15rem rgba(56, 189, 248, 0.2) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .portal-table td,
html[data-theme="dark"] .portal-table th {
  color: #e5e7eb !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .alert {
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .alert-success {
  background: rgba(16, 185, 129, 0.18) !important;
}

html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .text-danger {
  color: #fda4af !important;
}

html[data-theme="dark"] .alert-danger {
  background: rgba(244, 63, 94, 0.18) !important;
}

/* Mobile drawer / sticky menus */
html[data-theme="dark"] .mobile-menu,
html[data-theme="dark"] .mobile-menu .navigation,
html[data-theme="dark"] .xs-sidebar-group .xs-overlay,
html[data-theme="dark"] .nav-outer .mobile-nav-toggler {
  color: #e5e7eb;
}

html[data-theme="dark"] .mobile-menu .navigation li > a,
html[data-theme="dark"] .mobile-menu .navigation li a {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .header-top .list-style-1 li,
html[data-theme="dark"] .header-top .list-style-1 a,
html[data-theme="dark"] .header-top i {
  color: #cbd5e1 !important;
}

/* Project / service detail pages */
html[data-theme="dark"] .tv-project-section .project-info,
html[data-theme="dark"] .tv-project-section .project-info *,
html[data-theme="dark"] .service-details,
html[data-theme="dark"] .service-details p,
html[data-theme="dark"] .service-details li,
html[data-theme="dark"] .tv-service-details,
html[data-theme="dark"] .tv-service-details p {
  color: #e5e7eb !important;
}

html[data-theme="dark"] .tv-faq-section .accordion-button,
html[data-theme="dark"] .faq-section .accordion-button {
  color: #f8fafc !important;
}

/* Keep intentionally light-on-dark hero/service bands white */
html[data-theme="dark"] .tv-service-section .tv-service-item .service-right h6,
html[data-theme="dark"] .tv-service-section .tv-service-item .service-right h2,
html[data-theme="dark"] .tv-service-section .tv-service-item .service-right p,
html[data-theme="dark"] .tv-service-section .tv-service-item .service-right .learn-more,
html[data-theme="dark"] .tv-service-section .tv-service-item .service-number,
html[data-theme="dark"] .tv-service-section .tv-service-item .service-right .tags span,
html[data-theme="dark"] .callus-box h2,
html[data-theme="dark"] .callus-box p,
html[data-theme="dark"] .sub-title-2.text-white,
html[data-theme="dark"] .sub-title-2.two {
  color: #ffffff !important;
}

/* Contact map block */
html[data-theme="dark"] .mobik-contact-map {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .mobik-contact-aside strong {
  color: #f8fafc !important;
}