/**

 * Cloud Win — tema Classic (Croster-02 + identidade cloudwin.com.br)
 * Overrides visuais Classic — folhas Neon permanecem carregadas; regras abaixo de html[data-theme="classic"].
 */



html[data-theme="classic"] {

  color-scheme: light;

  --cw-bg: #e8f0f8;

  --cw-bg-soft: #f0f5fb;

  --cw-surface: #ffffff;

  --cw-blue: #0273d4;

  --cw-cyan: #00b4d8;

  --cw-violet: #6366f1;

  --cw-text: #0f172a;

  --cw-text-soft: #334155;

  --cw-muted: #64748b;

  --cw-border: rgba(2, 115, 212, 0.14);

  --cw-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);

  --cw-grad-title: linear-gradient(135deg, #0273d4, #00b4d8);

}



html[data-theme="classic"] body.rackon-client {

  --rk-bg: var(--cw-bg);

  --rk-bg-deep: var(--cw-bg);

  --rk-surface: var(--cw-surface);

  --rk-glass: #ffffff;

  --rk-border: var(--cw-border);

  --rk-text: var(--cw-text);

  --rk-muted: var(--cw-muted);

  --rk-ink: var(--cw-text);

  --rk-glow: var(--cw-shadow);

  --rk-shadow: var(--cw-shadow);

  color-scheme: light;

  background-color: var(--cw-bg) !important;

  color: var(--cw-text-soft) !important;

}



/* ——— Base ——— */

html[data-theme="classic"] body {

  background-color: var(--cw-bg) !important;

  color: var(--cw-text-soft) !important;

}



html[data-theme="classic"] body::before,

html[data-theme="classic"] body::after,

html[data-theme="classic"] #main-body::before,

html[data-theme="classic"] #main-body-smb::before,

html[data-theme="classic"] .rk-page-hero__smoke,

html[data-theme="classic"] .rk-page-hero__grid,

html[data-theme="classic"] .rk-page-hero__icons,

html[data-theme="classic"] .rk-float-icon,
html[data-theme="classic"] .rk-cloud-layer {
  display: none !important;
}



html[data-theme="classic"] #main-body,

html[data-theme="classic"] #main-body-smb,

html[data-theme="classic"] .main-content,

html[data-theme="classic"] .primary-content,

html[data-theme="classic"] .body-container {

  background: transparent !important;

}



/* ——— Header / Navbar (Croster claro) ——— */

html[data-theme="classic"] .cros-navbar,

html[data-theme="classic"] #main-navbar .navbar,

html[data-theme="classic"] .navbar-main {

  background: rgba(255, 255, 255, 0.96) !important;

  border-bottom: 1px solid var(--cw-border) !important;

  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;

  backdrop-filter: none !important;

}



html[data-theme="classic"] .cros-navbar .navbar-nav > li > a,

html[data-theme="classic"] .cros-navbar .nav-link,

html[data-theme="classic"] #header .nav > li > a,

html[data-theme="classic"] #mobile-header .nav > li > a {

  color: var(--cw-text-soft) !important;

  text-shadow: none !important;

  background: transparent !important;

  box-shadow: none !important;

}



html[data-theme="classic"] .cros-navbar .navbar-nav > li > a:hover,

html[data-theme="classic"] .cros-navbar .nav-link:hover,

html[data-theme="classic"] #header .nav > li > a:hover {

  color: var(--cw-blue) !important;

  background: rgba(2, 115, 212, 0.08) !important;

}



html[data-theme="classic"] .cros-navbar .navbar-nav > .active > a,

html[data-theme="classic"] .cros-navbar .nav > .active > a {

  color: #fff !important;

  background: var(--cw-grad-title) !important;

  box-shadow: 0 4px 14px rgba(2, 115, 212, 0.22) !important;

}



html[data-theme="classic"] .dropdown-menu {

  background: #fff !important;

  border: 1px solid var(--cw-border) !important;

  box-shadow: var(--cw-shadow) !important;

}



html[data-theme="classic"] .dropdown-menu > li > a {

  color: var(--cw-text-soft) !important;

}



html[data-theme="classic"] .dropdown-menu > li > a:hover {

  background: rgba(2, 115, 212, 0.08) !important;

  color: var(--cw-blue) !important;

}



html[data-theme="classic"] .cros-navbar .logo img.logo-light,
html[data-theme="classic"] .cros-navbar a.logo img.logo-light,
html[data-theme="classic"] #navbar-side .logo img.logo-light {
  display: none !important;
}

html[data-theme="classic"] .cros-navbar a.logo,
html[data-theme="classic"] #navbar-side a.logo,
html[data-theme="classic"] .navbar-header a.logo,
html[data-theme="classic"] .logo-section > a.logo {
  background: url("https://cloudwin.com.br/assets/img/logo.png") no-repeat left center / contain !important;
  width: clamp(130px, 18vw, 168px) !important;
  height: 42px !important;
  min-height: 42px !important;
}

html[data-theme="classic"] .cros-navbar a.logo img,
html[data-theme="classic"] #navbar-side a.logo img,
html[data-theme="classic"] .navbar-header a.logo img,
html[data-theme="classic"] .logo-section > a.logo img {
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
}

html[data-theme="classic"] .cros-navbar .logo .logo-dark:not(img),
html[data-theme="classic"] .cros-navbar a.logo .logo-dark:not(img) {
  display: none !important;
}

/* Navbar dark (setting Croster) → força claro no Classic */
html[data-theme="classic"] .cros-navbar.dark,
html[data-theme="classic"] .cros-navbar.primary,
html[data-theme="classic"] .navbar-side.dark {
  background: rgba(255, 255, 255, 0.98) !important;
}

html[data-theme="classic"] .cros-navbar.dark .navbar-nav > li > a,
html[data-theme="classic"] .cros-navbar.dark .nav-link {
  color: var(--cw-text-soft) !important;
}

/* Suporte produto — cards legíveis */
html[data-theme="classic"] .product-support-card,
html[data-theme="classic"] .product-support-card.cap-pd-meta-card {
  background: #fff !important;
  border: 1px solid var(--cw-border) !important;
  box-shadow: var(--cw-shadow) !important;
}

html[data-theme="classic"] .product-support-card .card-header {
  background: linear-gradient(135deg, #f8fbff, #eef6ff) !important;
  border-bottom: 1px solid rgba(2, 115, 212, 0.1) !important;
}

html[data-theme="classic"] .product-support-card .card-header h4 {
  color: #0f172a !important;
}

html[data-theme="classic"] .support-item {
  background: #f8fbff !important;
  border: 1px solid rgba(2, 115, 212, 0.08) !important;
}

html[data-theme="classic"] .support-item h5 {
  color: #0f172a !important;
}

html[data-theme="classic"] .support-item p {
  color: #64748b !important;
}

html[data-theme="classic"] .support-icon {
  background: linear-gradient(145deg, #0273d4, #025aa5) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(2, 115, 212, 0.22);
}

html[data-theme="classic"] .cap-btn-outline {
  border-color: rgba(2, 115, 212, 0.35) !important;
  color: #0273d4 !important;
  background: #fff !important;
}



/* ——— Sidebar categorias ——— */

html[data-theme="classic"] .sidebar.sidebar-primary,

html[data-theme="classic"] .sidebar-primary .list-group-item,

html[data-theme="classic"] .navbar-side {

  background: var(--cw-surface) !important;

  border-color: var(--cw-border) !important;

  box-shadow: var(--cw-shadow) !important;

  color: var(--cw-text-soft) !important;

}



html[data-theme="classic"] .sidebar-primary .list-group-item {

  color: var(--cw-text-soft) !important;

  border-color: rgba(0, 0, 0, 0.06) !important;

}



html[data-theme="classic"] .sidebar-primary .list-group-item.active,

html[data-theme="classic"] .sidebar-primary .list-group-item:hover {

  background: rgba(2, 115, 212, 0.08) !important;

  color: var(--cw-blue) !important;

}



/* ——— Cards / painéis ——— */

html[data-theme="classic"] .TM-card,

html[data-theme="classic"] .panel,

html[data-theme="classic"] .panel-body,

html[data-theme="classic"] .card,

html[data-theme="classic"] .tile,

html[data-theme="classic"] .bg-white,

html[data-theme="classic"] .cap-hero,

html[data-theme="classic"] .cap-home-hero,

html[data-theme="classic"] .cap-home-card,

html[data-theme="classic"] .cap-home-panel,

html[data-theme="classic"] .rk-page-hero {

  background: var(--cw-surface) !important;

  border: 1px solid var(--cw-border) !important;

  box-shadow: var(--cw-shadow) !important;

  color: var(--cw-text-soft) !important;

}



html[data-theme="classic"] h1,

html[data-theme="classic"] h2,

html[data-theme="classic"] h3,

html[data-theme="classic"] h4,

html[data-theme="classic"] .text-gradient,

html[data-theme="classic"] .header-lined h1,

html[data-theme="classic"] .cap-hero__title {

  background: none !important;

  -webkit-text-fill-color: var(--cw-blue) !important;

  color: var(--cw-blue) !important;

  text-shadow: none !important;

}



html[data-theme="classic"] .text-muted,

html[data-theme="classic"] label,

html[data-theme="classic"] p {

  color: var(--cw-muted) !important;

}



html[data-theme="classic"] a {

  color: var(--cw-blue);

}



/* ——— Botões ——— */

html[data-theme="classic"] .btn-primary,

html[data-theme="classic"] .cap-home-btn-primary,

html[data-theme="classic"] .cap-btn-primary {

  background: linear-gradient(135deg, #0273d4, #025aa5) !important;

  color: #fff !important;

  border: none !important;

  box-shadow: 0 4px 14px rgba(2, 115, 212, 0.25) !important;

}



html[data-theme="classic"] .btn-checkout,

html[data-theme="classic"] .cros-pricing-table .btn-order-now,

html[data-theme="classic"] #order-standard_cart .btn-checkout {

  background: linear-gradient(135deg, #0adb00, #028a00) !important;

  color: #fff !important;

  box-shadow: 0 4px 14px rgba(10, 219, 0, 0.22) !important;

}



html[data-theme="classic"] .btn-outline-primary {

  background: #fff !important;

  border: 1px solid rgba(2, 115, 212, 0.35) !important;

  color: var(--cw-blue) !important;

}



/* ——— Tabelas ——— */

html[data-theme="classic"] table.dataTable tbody tr {

  background: #fff !important;

}



html[data-theme="classic"] table.dataTable tbody tr:nth-child(even) {

  background: #f8fafc !important;

}



html[data-theme="classic"] table.dataTable tbody td {

  color: var(--cw-text-soft) !important;

  border-color: rgba(0, 0, 0, 0.06) !important;

}



html[data-theme="classic"] table.dataTable tbody td a {

  color: var(--cw-blue) !important;

}



/* ——— Orderform / planos ——— */

html[data-theme="classic"] #order-standard_cart {

  background: linear-gradient(165deg, #f0f7ff 0%, #f8fafc 42%, #eef6ff 100%) !important;

  border: 1px solid rgba(2, 115, 212, 0.12) !important;

  border-radius: 1.15rem !important;

  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06) !important;

  color: #334155 !important;

}



html[data-theme="classic"] #order-standard_cart::before,

html[data-theme="classic"] #order-standard_cart .products::after,

html[data-theme="classic"] #order-standard_cart .cros-pricing-container::before,

html[data-theme="classic"] #order-standard_cart .header-lined::before,

html[data-theme="classic"] #order-standard_cart .header-lined::after {

  display: none !important;

}



html[data-theme="classic"] .products::before {

  content: "" !important;

  position: absolute;

  inset: 0;

  border-radius: 32px;

  background: linear-gradient(135deg, rgba(226, 232, 240, 0.2), rgba(191, 219, 254, 0.15));

  z-index: -1;

}



html[data-theme="classic"] .cros-pricing-table,

html[data-theme="classic"] .cros-pricing-table.light {

  background: linear-gradient(155deg, rgba(255, 255, 255, 0.98) 0%, #f4f8ff 100%) !important;

  border: 1px solid rgba(79, 70, 229, 0.12) !important;

  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important;

  color: var(--cw-text) !important;

}



html[data-theme="classic"] .cros-pricing-table h4,

html[data-theme="classic"] .cros-pricing-table .cost,

html[data-theme="classic"] .cros-pricing-table .price-highlight {

  color: var(--cw-blue) !important;

  -webkit-text-fill-color: var(--cw-blue) !important;

  background: none !important;

}



html[data-theme="classic"] .order-summary,

html[data-theme="classic"] #order-standard_cart .order-summary {

  background: var(--cw-surface) !important;

  border: 1px solid var(--cw-border) !important;

  box-shadow: var(--cw-shadow) !important;

  color: var(--cw-text-soft) !important;

}



html[data-theme="classic"] .order-summary h2,

html[data-theme="classic"] .order-summary .summary-total,

html[data-theme="classic"] .order-summary .amount {

  color: var(--cw-blue) !important;

  text-shadow: none !important;

  background: none !important;

  -webkit-text-fill-color: var(--cw-blue) !important;

}



html[data-theme="classic"] .order-summary .summary-line,

html[data-theme="classic"] .order-summary li {

  color: var(--cw-text-soft) !important;

  border-color: rgba(0, 0, 0, 0.06) !important;

}



/* Configure product — usa estilos inline do tpl; garante legibilidade */

html[data-theme="classic"] .os-card,

html[data-theme="classic"] .os-card.selected {

  background: linear-gradient(150deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 249, 255, 0.95) 100%) !important;

  border-color: rgba(148, 163, 184, 0.22) !important;

  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;

}



html[data-theme="classic"] .os-card__title,

html[data-theme="classic"] .os-card__ver,

html[data-theme="classic"] .os-card div,

html[data-theme="classic"] .os-card div small {

  color: var(--cw-text-soft) !important;

  text-shadow: none !important;

}



html[data-theme="classic"] .os-card.selected {

  border-color: var(--cw-blue) !important;

  box-shadow: 0 0 0 2px rgba(2, 115, 212, 0.18) !important;

}



html[data-theme="classic"] .product-configurable-options,

html[data-theme="classic"] #productConfigPane,

html[data-theme="classic"] .config-option-group {

  background: var(--cw-surface) !important;

  color: var(--cw-text-soft) !important;

}



html[data-theme="classic"] .nav-tabs .nav-link {

  color: var(--cw-muted) !important;

  background: #fff !important;

}



html[data-theme="classic"] .nav-tabs .nav-link.active {

  color: var(--cw-blue) !important;

  border-color: var(--cw-border) !important;

  background: #fff !important;

}



html[data-theme="classic"] .form-control {

  background: #fff !important;

  border-color: rgba(0, 0, 0, 0.12) !important;

  color: var(--cw-text) !important;

}



/* ——— Footer ——— */

html[data-theme="classic"] .sec.footer,

html[data-theme="classic"] .block-footer,

html[data-theme="classic"] .sfooter {

  background: #fff !important;

  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;

  color: var(--cw-muted) !important;

}



/* ——— Login ——— */

html[data-theme="classic"] body.login {

  background-color: var(--cw-bg) !important;

}



html[data-theme="classic"] body.login .logincontainer,

html[data-theme="classic"] body.login .cap-login-card {

  background: #fff !important;

  border: 1px solid rgba(0, 0, 0, 0.08) !important;

  box-shadow: var(--cw-shadow) !important;

}



/* ——— Alertas / verificação e-mail ——— */

html[data-theme="classic"] .alert-warning,

html[data-theme="classic"] .verification-banner,

html[data-theme="classic"] .email-verification-banner {

  background: #fff8eb !important;

  border-color: rgba(245, 158, 11, 0.35) !important;

  color: #92400e !important;

}



html[data-theme="classic"] .tile.cap-home-tile::before,

html[data-theme="classic"] .tile.cap-home-tile::after {

  display: none !important;

}



html[data-theme="classic"] .tile.cap-home-tile .stat {

  text-shadow: none !important;

  color: var(--cw-blue) !important;

}



/* Transição suave */

html[data-theme-transition] body,

html[data-theme-transition] .cros-navbar,

html[data-theme-transition] .TM-card,

html[data-theme-transition] .panel,

html[data-theme-transition] #order-standard_cart {

  transition:

    background-color 0.35s ease,

    color 0.28s ease,

    border-color 0.3s ease,

    box-shadow 0.35s ease !important;

}