/*
 * Samsung Internet / Chrome Android “forçar modo escuro” ignoram color-scheme: light.
 * Estilos em prefers-color-scheme: dark (mesmas cores do tema claro) fazem o navegador
 * respeitar o design em vez de inverter automaticamente.
 * Aplicado em todas as landings via partials/force_light_color_scheme.html
 */

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light only;
    --blue-dark: #0a1e36;
    --blue-mid: #16365d;
    --blue-light: #1e4d8c;
    --orange: #ff6b1a;
    --orange-dark: #e05107;
    --green: #10b981;
    --green-dark: #059669;
    --light-bg: #f0f4f8;
    --white: #ffffff;
    --text: #0f172a;
    --text-muted: #475569;
    --border: rgba(10, 30, 54, 0.08);
    --brand-deep-teal: #005768;
    --brand-vibrant-green: #209e4f;
    --promotores-green: #209e4f;
    --promotores-green-dark: #059669;
    --promotores-navy: #005768;
    --parceiros-blue: #5d93d1;
    --parceiros-blue-dark: #4292d1;
    --parceiros-navy: #1a2b48;
    --empresas-blue: #4292d1;
    --empresas-blue-dark: #2d7ab8;
    --hero-m-blue: #4292d1;
    --hero-m-navy: #1d2e4d;
  }

  html {
    color-scheme: light only !important;
    background-color: #f0f4f8 !important;
  }

  body,
  body.page-variante5,
  body.page-promotores,
  body.page-parceiros,
  body.page-empresas {
    background-color: #f0f4f8 !important;
    color: #0f172a !important;
  }

  /* ─── Navbar / menu ─── */
  .navbar {
    background: #ffffff !important;
    border-bottom-color: rgba(10, 30, 54, 0.08) !important;
  }

  .desktop-menu a,
  .mobile-menu a,
  .btn-login,
  .mobile-menu-login,
  .nav-cta {
    color: #0a1e36 !important;
  }

  .hamburger span {
    background: #0a1e36 !important;
  }

  .mobile-menu,
  .login-dropdown,
  .login-dropdown-mobile {
    background: #ffffff !important;
  }

  .login-dropdown a,
  .login-dropdown-mobile a {
    color: #0a1e36 !important;
  }

  .navbar-badge-promotores {
    background: rgba(32, 158, 79, 0.12) !important;
    color: #059669 !important;
  }

  /* ─── Secções ─── */
  .section,
  .benefits-section,
  .testimonials-section,
  .promotores-como-funciona {
    background: #ffffff !important;
    color: #0f172a !important;
  }

  .plans-section,
  .faq-section {
    background: #f0f4f8 !important;
    color: #0f172a !important;
  }

  .section[style*="light-bg"],
  .section[style*="f3fafe"] {
    background: #f0f4f8 !important;
  }

  .section-title,
  .benefit-card h3,
  .empresas-rh-list h4 {
    color: #0a1e36 !important;
  }

  .section-sub,
  .benefit-card p,
  .testimonial-text,
  .empresas-rh-list p,
  .plan-desc {
    color: #475569 !important;
  }

  .section-tag {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #059669 !important;
  }

  /* Cabeçalho azul dos cards de diferenciais — títulos sempre brancos */
  .sc-head,
  .sc-head-text h3,
  .sc-head-text p,
  .sc-head-text .sc-tag {
    color: #ffffff !important;
  }

  /* ─── Cards (home, parceiros, empresas) ─── */
  .benefit-card,
  .plan-card,
  .testimonial-card,
  .faq-item,
  .empresas-form-card {
    background: #ffffff !important;
    color: #0f172a !important;
  }

  .benefit-card {
    background: #f0f4f8 !important;
  }

  .testimonial-card {
    background: #f0f4f8 !important;
  }

  .faq-item {
    background: #ffffff !important;
  }

  .faq-q {
    color: #0a1e36 !important;
  }

  .faq-a-inner,
  .faq-a {
    color: #475569 !important;
  }

  .plan-name {
    color: #0a1e36 !important;
  }

  .plan-price .currency,
  .plan-price .amount {
    color: #10b981 !important;
  }

  .testimonial-author {
    color: #0a1e36 !important;
  }

  /* ─── Savings (card azul intencional) ─── */
  .savings-card {
    background: linear-gradient(135deg, #255a83 0%, #3a8dcd 100%) !important;
    color: #ffffff !important;
  }

  .savings-card,
  .savings-card * {
    color: #ffffff !important;
  }

  .savings-callout {
    background: linear-gradient(135deg, #255a83 0%, #3a8dcd 100%) !important;
    color: #ffffff !important;
  }

  /* ─── Hero home (variante5) ─── */
  .hero-info {
    background: #4292d1 !important;
    color: #ffffff !important;
  }

  .hero-info-title,
  .hero-info .hero-sub,
  .hero-info .hero-checks li {
    color: #ffffff !important;
  }

  .hero-slide-5-message-card {
    background: rgb(45 94 154 / 97%) !important;
    color: #0a1e36 !important;
  }

  /* ─── Promotores ─── */
  .promotores-steps-list li {
    color: #005768 !important;
  }

  .promotores-steps-list li::before {
    background: #209e4f !important;
  }

  .hero-promotores-promo-card,
  .hero-promotores-promo-card--mobile {
    background: rgba(255, 255, 255, 0.97) !important;
    color: #005768 !important;
  }

  body.page-promotores .hero-promotores-call {
    color: #005768 !important;
  }

  body.page-promotores .hero-promotores-call strong {
    color: #209e4f !important;
  }

  body.page-promotores .hero-promotores-mobile-stack {
    background: #e8f5ec !important;
  }

  /* ─── Parceiros ─── */
  body.page-parceiros .hero-parceiros-promo-head {
    background: #ffffff !important;
  }

  body.page-parceiros .hero-parceiros-promo-title {
    color: #1a2b48 !important;
  }

  body.page-parceiros .hero-parceiros-promo-body {
    background: #5d93d1 !important;
  }

  body.page-parceiros .hero-parceiros-bullets li {
    color: #ffffff !important;
  }

  body.page-parceiros .hero-parceiros-bullets li::before {
    background: #ffffff !important;
  }

  body.page-parceiros .hero-parceiros-mobile-stack {
    background: #e8eef5 !important;
  }

  /* ─── Empresas ─── */
  body.page-empresas .hero-empresas-card,
  body.page-empresas .hero-empresas-card--top {
    background: #4292d1 !important;
    color: #ffffff !important;
  }

  body.page-empresas .hero-empresas-headline,
  body.page-empresas .hero-empresas-bullets li,
  body.page-empresas .hero-empresas-tagline {
    color: #ffffff !important;
  }

  body.page-empresas .hero-empresas-bullets li::before {
    /* Só a cor de fundo — não usar shorthand background ou remove o SVG do tick */
    background-color: rgba(255, 255, 255, 0.22) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 12px 12px !important;
  }

  .empresas-orcamento {
    background: linear-gradient(135deg, #0a1e36 0%, #16365d 100%) !important;
    color: #ffffff !important;
  }

  .empresas-form-aside {
    background: linear-gradient(160deg, #059669 0%, #10b981 100%) !important;
    color: #ffffff !important;
  }

  .empresas-form-aside h3,
  .empresas-form-aside > p,
  .empresas-form-perks li {
    color: #ffffff !important;
  }

  .empresas-form-body label {
    color: #0a1e36 !important;
  }

  /* ─── Sticky bar / botões ─── */
  .sticky-bar {
    background: #ffffff !important;
    border-top-color: rgba(10, 30, 54, 0.08) !important;
  }

  .sticky-price .s-label,
  .sticky-price .s-period {
    color: #475569 !important;
  }

  .sticky-price .s-amount {
    color: #ff6b1a !important;
  }

  .btn-primary,
  button.btn-primary,
  a.btn-primary,
  .sticky-btn,
  button.sticky-btn {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
  }

  .btn-secondary {
    background: transparent !important;
    color: #0f172a !important;
    border-color: rgba(10, 30, 54, 0.15) !important;
  }

  /* ─── Formulários / modal contrato ─── */
  input,
  select,
  textarea,
  .empresas-form-body input,
  .empresas-form-body select,
  .empresas-form-body textarea {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(10, 30, 54, 0.15) !important;
  }

  #contrato-modal .bg-white,
  #politica-privacidade-modal .bg-white,
  #termos-servico-modal .bg-white,
  #promo-bem-vindo-modal .bg-white,
  #coberturas-start-modal .bg-white {
    background-color: #ffffff !important;
    color: #0f172a !important;
  }

  /* Overlay do modal: manter escurecimento para o hero continuar visível atrás */
  #contrato-modal:not(.hidden),
  #politica-privacidade-modal:not(.hidden),
  #termos-servico-modal:not(.hidden),
  #promo-bem-vindo-modal:not(.hidden),
  #coberturas-start-modal:not(.hidden) {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }

  #contrato-modal input,
  #contrato-modal select,
  #contrato-modal textarea {
    background-color: #ffffff !important;
    color: #0f172a !important;
  }

  #cookie-banner {
    background: #ffffff !important;
    color: #0f172a !important;
  }

  /* ─── Footer escuro (intencional) ─── */
  footer.bg-gray-800 {
    background-color: #1f2937 !important;
    color: #ffffff !important;
    color-scheme: dark;
  }

  footer.bg-gray-800 a,
  footer.bg-gray-800 button,
  footer.bg-gray-800 h3 {
    color: inherit !important;
  }

  footer.bg-gray-800 .text-gray-400 {
    color: #9ca3af !important;
  }
}