/*
 * Lacute / SMMsun V3 visual fixes
 * - Light mode only
 * - Larger desktop scale / readable typography
 * - Stronger card, form and table contrast
 * - Public service list width/visibility fixes
 * - Footer typography improvements
 */

:root {
  --smm-v3-border: #d8e7f1;
  --smm-v3-soft: #f2f9fd;
  --smm-v3-soft-2: #e8f6fd;
  --smm-v3-ink: #14283b;
  --smm-v3-muted: #60768a;
  --smm-v3-blue: #079edc;
  --smm-v3-blue-dark: #047db1;
}

/* Always stay in light mode even when an old browser preference exists. */
body.smmsun-dashboard,
body.smmsun-dashboard.dark {
  --smm-text: #132238;
  --smm-muted: #60768a;
  --smm-line: #dce8f1;
  background: #f4f9fd !important;
  color: var(--smm-v3-ink) !important;
}
body.smmsun-dashboard.dark .app-sidebar,
body.smmsun-dashboard.dark .app-header,
body.smmsun-dashboard.dark .d-card,
body.smmsun-dashboard.dark .card,
body.smmsun-dashboard.dark .dhs-item,
body.smmsun-dashboard.dark .dropdown-menu,
body.smmsun-dashboard.dark .accordion .card-header,
body.smmsun-dashboard.dark table.table,
body.smmsun-dashboard.dark .notification li {
  background: #fff !important;
  border-color: var(--smm-v3-border) !important;
  color: var(--smm-v3-ink) !important;
}
body.smmsun-dashboard.dark .app-sidebar .sidebar-header .app-user .user-name,
body.smmsun-dashboard.dark .dhs-item--text,
body.smmsun-dashboard.dark .smmsun-panel-section-title h2,
body.smmsun-dashboard.dark .accordion .btn-header-link,
body.smmsun-dashboard.dark .blog-side h4 { color: #10283d !important; }
body.smmsun-dashboard.dark .form-control,
body.smmsun-dashboard.dark .ss-input,
body.smmsun-dashboard.dark .dfb-input,
body.smmsun-dashboard.dark textarea.form-control,
body.smmsun-dashboard.dark select.form-control {
  background: #f7fbfe !important;
  border-color: #d7e5ef !important;
  color: #173148 !important;
}
body.smmsun-dashboard.dark table.table thead th,
body.smmsun-dashboard.dark .services-header td,
body.smmsun-dashboard.dark .accordion .card-body {
  background: #eef7fc !important;
  color: #425f76 !important;
}
body.smmsun-dashboard.dark table.table tbody td { border-color: #e4edf4 !important; color: #324d63 !important; }

/* Dark-mode control is removed in markup; keep this as a safety net for caches. */
.smmsun-dashboard .darkMode { display: none !important; }

/* ---------- Desktop scale: stop the interface feeling "zoomed out" ---------- */
@media (min-width: 1200px) {
  .smmsun-dashboard .app-sidebar { width: 300px !important; }
  .smmsun-dashboard .app-header { left: 300px !important; height: 88px !important; }
  .smmsun-dashboard .app-header .row-100 { min-height: 88px !important; }
  .smmsun-dashboard .app-content,
  .smmsun-dashboard .app-content:not(.sidebar-inact) {
    padding-left: 300px !important;
    padding-top: 88px !important;
    margin-left: 0 !important;
  }
  .smmsun-dashboard .app-content > .container-fluid {
    max-width: 1820px !important;
    padding-left: 38px !important;
    padding-right: 38px !important;
  }
  .smmsun-dashboard .app-sidebar.sidebar-inact { width: 84px !important; }
  .smmsun-dashboard .app-content.sidebar-inact { padding-left: 84px !important; }
  .smmsun-dashboard .app-header.sidebar-inact { left: 84px !important; }

  body.smmsun-public .container,
  body.smmsun-public .smmsun-header .container,
  body.smmsun-public .hs-area .container,
  body.smmsun-public .services-list > .container {
    max-width: 1380px !important;
  }
}

/* Dashboard readable typography */
.smmsun-dashboard .app-sidebar .sidebar-menu li a.menu-link { min-height: 52px; font-size: 15px !important; }
.smmsun-dashboard .app-sidebar .sidebar-menu .menu-icon { font-size: 17px; }
.smmsun-dashboard .app-sidebar .sidebar-header .app-user .user-name { font-size: 20px; }
.smmsun-dashboard .app-sidebar .sidebar-header .app-user .user-balance { min-width: 165px; min-height: 46px; font-size: 15px; }
.smmsun-dashboard .hea-ann-title { min-height: 44px; font-size: 14px; }
.smmsun-dashboard .dhr-marquee { font-size: 13px; }
.smmsun-dashboard .smmsun-quick-funds { height: 44px; font-size: 14px; }
.smmsun-dashboard .header-btn { width: 44px; height: 44px; }

.smmsun-dashboard-welcome { min-height: 154px; padding: 30px 32px; }
.smmsun-dashboard-welcome h1 { font-size: 29px; }
.smmsun-dashboard-welcome p { font-size: 14px; }
.smmsun-welcome-kicker { font-size: 12px; }
.smmsun-soft-btn,
.smmsun-primary-dashboard-btn { min-height: 46px; padding: 0 18px; font-size: 13px; }

.smmsun-dashboard .dhs-item {
  min-height: 138px;
  border-color: #d9e7f0 !important;
  box-shadow: 0 14px 36px rgba(31,76,111,.08) !important;
}
.smmsun-dashboard .dhs-item--icon {
  width: 62px;
  height: 62px;
  background: #e5f6fd !important;
  border: 1px solid #bfe5f7 !important;
}
.smmsun-dashboard .dhs-item--icon-img {
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(51%) sepia(92%) saturate(2219%) hue-rotate(162deg) brightness(93%) contrast(96%) !important;
}
.smmsun-dashboard .dhs-item--title { color: #60768a !important; font-size: 14px !important; }
.smmsun-dashboard .dhs-item--text { color: #0d2438 !important; font-size: 25px !important; }

.smmsun-panel-section-title span { font-size: 11px; }
.smmsun-panel-section-title h2 { font-size: 23px; }
.smmsun-panel-section-title p { color: #60768a; font-size: 13px; }

.smmsun-dashboard .d-card,
.smmsun-dashboard .card {
  border-color: #d7e5ef !important;
  box-shadow: 0 14px 38px rgba(31,76,111,.075) !important;
}
.smmsun-dashboard .d-card-body { padding: 27px; }
.smmsun-dashboard .d-card-body label,
.smmsun-dashboard .dc-blue label,
.smmsun-dashboard .dc-dblue label { color: #314e65 !important; font-size: 13px !important; }
.smmsun-dashboard .form-control,
.smmsun-dashboard .ss-input,
.smmsun-dashboard .dfb-input,
.smmsun-dashboard textarea.form-control,
.smmsun-dashboard select.form-control {
  min-height: 52px;
  background: #f6fafc !important;
  border-color: #cedfe9 !important;
  color: #183148 !important;
  font-size: 14px !important;
}
.smmsun-dashboard .form-control::placeholder,
.smmsun-dashboard .ss-input::placeholder { color: #8aa0b1 !important; opacity: 1; }
.smmsun-dashboard .form-control:focus,
.smmsun-dashboard .ss-input:focus,
.smmsun-dashboard .dfb-input:focus {
  background: #fff !important;
  border-color: #51bce9 !important;
}
.smmsun-dashboard .btn-primary,
.smmsun-dashboard .btn-secondary { min-height: 48px; font-size: 14px; }
.smmsun-dashboard .fastside .nav-link,
.smmsun-dashboard .orderNav a,
.smmsun-dashboard .nav-pills .nav-link { min-height: 48px; font-size: 13px; }

/* Table contrast */
.smmsun-dashboard table.table,
.smmsun-public table.table { background: #fff !important; }
.smmsun-dashboard table.table thead th,
.smmsun-public table.table thead th {
  background: #eaf5fb !important;
  color: #35556d !important;
  border-bottom-color: #cfe0ea !important;
  font-size: 12px !important;
}
.smmsun-dashboard table.table tbody td,
.smmsun-public table.table tbody td {
  color: #304d63 !important;
  border-color: #e0eaf1 !important;
  font-size: 13px !important;
}
.smmsun-dashboard table.table tbody tr:nth-child(even):not(.services-header) td,
.smmsun-public table.table tbody tr:nth-child(even):not(.services-header) td { background: #fbfdff; }
.smmsun-dashboard table.table tbody tr:hover td,
.smmsun-public table.table tbody tr:hover td { background: #f2f9fd !important; }

.smmsun-dashboard .services-header td,
.smmsun-public .services-header td { background: transparent !important; padding-top: 14px !important; padding-bottom: 8px !important; }
.smmsun-dashboard .services-header .services-title,
.smmsun-public .services-header .services-title {
  min-height: 50px !important;
  padding: 10px 18px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #0ca5e5, #078bc5) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 20px rgba(8,145,201,.16) !important;
}
.smmsun-dashboard .sDetayBtn,
.smmsun-public .sDetayBtn {
  min-height: 34px !important;
  padding: 7px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #0b9ed9 !important;
  border: 1px solid #078bc2 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 15px rgba(7,139,194,.16) !important;
}
.smmsun-dashboard .table-service-id-box { background: #e4f5fd !important; color: #078bc2 !important; border: 1px solid #c7e8f7; }

/* ---------- Public pages: stronger visibility and larger presentation ---------- */
body.smmsun-public { font-size: 15px; }
.smmsun-public .smmsun-header { height: 76px !important; }
.smmsun-public .smmsun-menu a,
.smmsun-public .smmsun-login-link { font-size: 14px !important; }
.smmsun-public .smmsun-signup-btn { min-width: 94px; height: 39px; font-size: 13px; }
.smmsun-public .smmsun-brand img { max-width: 165px; max-height: 46px; }

.smmsun-public .hs-area { padding-top: 38px !important; }
.smmsun-public .services-list { padding-top: 22px !important; }
.smmsun-public .d-card,
.smmsun-public .card {
  border-color: #d4e3ed !important;
  box-shadow: 0 16px 42px rgba(31,76,111,.09) !important;
}
.smmsun-public .d-card-body { padding: 30px !important; }
.smmsun-public .services-search .ss-input,
.smmsun-public .form-control {
  min-height: 52px;
  background: #f6fafc !important;
  border-color: #cedfe9 !important;
  color: #193349 !important;
  font-size: 14px !important;
}
.smmsun-public .services-search .ss-input::placeholder,
.smmsun-public .form-control::placeholder { color: #7f96a8 !important; opacity: 1; }

/* Landing page was intentionally built with 7-10px copy; normalize it for real desktop use. */
.smmsun-public .smmsun-hero { min-height: 520px; padding-top: 60px; padding-bottom: 58px; }
.smmsun-public .smmsun-hero h1 { font-size: clamp(42px, 4.1vw, 62px) !important; }
.smmsun-public .smmsun-hero p { font-size: 14px !important; line-height: 1.75 !important; }
.smmsun-public .smmsun-eyebrow { font-size: 13px; }
.smmsun-public .smmsun-stat strong { font-size: 15px !important; }
.smmsun-public .smmsun-stat small { font-size: 11px !important; }
.smmsun-public .smmsun-section { padding-top: 84px; padding-bottom: 84px; }
.smmsun-public .smmsun-section-heading > span,
.smmsun-public .smmsun-transform-copy > span,
.smmsun-public .smmsun-about-copy > span,
.smmsun-public .smmsun-testimonial-copy > span { font-size: 13px !important; }
.smmsun-public .smmsun-section-heading h2,
.smmsun-public .smmsun-transform-copy h2,
.smmsun-public .smmsun-about-copy h2,
.smmsun-public .smmsun-testimonial-copy h2 { font-size: 34px !important; }
.smmsun-public .smmsun-section-heading p,
.smmsun-public .smmsun-transform-copy p,
.smmsun-public .smmsun-about-copy p { font-size: 13px !important; }
.smmsun-public .smmsun-platform-tabs a { min-height: 46px; font-size: 12px !important; }
.smmsun-public .smmsun-mini-label,
.smmsun-public .smmsun-text-link { font-size: 11px !important; }
.smmsun-public .smmsun-feature-service h3 { font-size: 19px !important; }
.smmsun-public .smmsun-feature-service p { font-size: 12px !important; }
.smmsun-public .smmsun-growth-card div { font-size: 11px !important; }
.smmsun-public .smmsun-growth-card small { font-size: 9px !important; }
.smmsun-public .smmsun-growth-card b { font-size: 12px !important; }
.smmsun-public .smmsun-step h3,
.smmsun-public .smmsun-reason h3 { font-size: 14px !important; }
.smmsun-public .smmsun-step p,
.smmsun-public .smmsun-reason p { font-size: 11.5px !important; }
.smmsun-public .smmsun-testimonial blockquote { font-size: 13px !important; }
.smmsun-public .smmsun-testimonial-meta strong { font-size: 12px !important; }
.smmsun-public .smmsun-testimonial-meta small { font-size: 10px !important; }
.smmsun-public .smmsun-bento-card h3 { font-size: 14px !important; }
.smmsun-public .smmsun-bento-card p { font-size: 11px !important; }
.smmsun-public .smmsun-faq-grid summary { font-size: 12px !important; padding-top: 17px; padding-bottom: 17px; }
.smmsun-public .smmsun-faq-grid details p { font-size: 11px !important; }

/* Footer: single footer remains; make it legible rather than tiny. */
.smmsun-public .smmsun-footer { padding: 52px 0 20px !important; }
.smmsun-public .smmsun-footer-brand p { max-width: 370px; font-size: 11px !important; }
.smmsun-public .smmsun-footer h4 { font-size: 12px !important; }
.smmsun-public .smmsun-footer-grid a:not(.smmsun-brand) { font-size: 11px !important; margin-bottom: 9px; }
.smmsun-public .smmsun-footer-bottom { font-size: 10px !important; }
.smmsun-public .smmsun-footer-socials span { width: 30px; height: 30px; font-size: 11px; }

/* Modal headers were inherited from the old purple theme. */
.modal-header { background: #eef8fd !important; border-bottom: 1px solid #d7e6ef !important; }
.modal-header h4,
.modal-title { color: #173148 !important; }

@media (max-width: 1199.98px) {
  .smmsun-dashboard .app-sidebar { width: 250px !important; }
  .smmsun-dashboard .app-header { left: 250px !important; }
  .smmsun-dashboard .app-content { padding-left: 250px !important; margin-left: 0 !important; }
}

@media (max-width: 991.98px) {
  .smmsun-dashboard .app-sidebar { width: 275px !important; transform: translateX(-100%); }
  .smmsun-dashboard .app-sidebar.sidebar-inact { transform: translateX(0); }
  .smmsun-dashboard .app-header { left: 0 !important; height: 72px !important; }
  .smmsun-dashboard .app-content,
  .smmsun-dashboard .app-content.sidebar-inact { padding-left: 0 !important; padding-top: 72px !important; }
  .smmsun-public .smmsun-header { height: 62px !important; }
}

@media (max-width: 767.98px) {
  .smmsun-dashboard .dhs-item--title { font-size: 11px !important; }
  .smmsun-dashboard .dhs-item--text { font-size: 19px !important; }
  .smmsun-dashboard .d-card-body { padding: 18px; }
  .smmsun-public .d-card-body { padding: 18px !important; }
  .smmsun-public .smmsun-section-heading h2,
  .smmsun-public .smmsun-transform-copy h2,
  .smmsun-public .smmsun-about-copy h2,
  .smmsun-public .smmsun-testimonial-copy h2 { font-size: 27px !important; }
}