/* ===================== DARK MODE STYLES ===================== */

/* Header Dark Mode */
html.dark-mode .site-header {
  background: #1a1f2e;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid #2a3f5f;
}

html.dark-mode .nav-link {
  color: #b6c2d1;
}

html.dark-mode .nav-link:hover {
  color: #6ec1ff;
  background: rgba(11, 99, 206, 0.15);
}

html.dark-mode .header-social a {
  color: #6ec1ff;
}

html.dark-mode .header-social a:hover {
  background: rgba(11, 99, 206, 0.15);
  color: #b3d8ff;
}

html.dark-mode .header-social a.instagram:hover {
  background: rgba(225, 48, 108, 0.2);
  color: #ff6b9d;
}

html.dark-mode .header-social a.facebook:hover {
  background: rgba(24, 119, 242, 0.2);
  color: #5eb3ff;
}

html.dark-mode .header-social a.tiktok:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

html.dark-mode .header-social a.whatsapp:hover {
  background: rgba(37, 211, 102, 0.2);
  color: #5ff596;
}

html.dark-mode .header-social a.x:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

html.dark-mode .header-search .search-box {
  background: #2a3f5f;
  border-color: #3a5f7f;
}

html.dark-mode .header-search .search-box:focus-within {
  border-color: #6ec1ff;
  box-shadow: 0 0 0 2px rgba(110, 193, 255, 0.15);
}

html.dark-mode .header-search .search-input {
  color: #e0e6ef;
  background: #2a3f5f;
}

html.dark-mode .header-search .search-input::placeholder {
  color: #8b95a7;
}

html.dark-mode .header-search .search-btn {
  color: #6ec1ff;
}

html.dark-mode .header-search .search-btn:hover {
  color: #b3d8ff;
}

/* Texto muted em dark mode */
html.dark-mode .text-muted,
html.dark-mode .text-muted.small,
html.dark-mode .footer-info {
  color: #b6c2d1 !important;
}

/* Dropdown e Menu */
html.dark-mode .dropdown-menu {
  background: #2a3f5f;
}

html.dark-mode .dropdown-menu li a {
  color: #b6c2d1;
}

html.dark-mode .dropdown-menu li a:hover {
  background: rgba(11, 99, 206, 0.15);
  color: #6ec1ff;
}

html.dark-mode .submenu {
  background: #1e3a5f;
}

/* Sidebar Dark Mode */
html.dark-mode .categories-sidebar {
  background: #1a1f2e;
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.4);
  border-right-color: #2a3f5f;
}

html.dark-mode .categories-sidebar.open {
  box-shadow: 2px 0 24px rgba(11, 99, 206, 0.2);
}

html.dark-mode .categories-list li {
  border-bottom-color: #2a3f5f;
}

html.dark-mode .categories-list li:hover {
  background: rgba(11, 99, 206, 0.08);
}

html.dark-mode .categories-list li a {
  color: #b6c2d1;
}

html.dark-mode .categories-list li a:hover {
  background: rgba(11, 99, 206, 0.15);
  color: #6ec1ff;
}

html.dark-mode .categories-list li.has-sub > div > .toggle-icon {
  color: #8b95a7;
}

html.dark-mode .categories-list li.has-sub > div > .toggle-icon:hover {
  color: #6ec1ff;
  background: rgba(11, 99, 206, 0.15);
}

/* Menu Toggle */
html.dark-mode .menu-toggle {
  color: #6ec1ff;
}

html.dark-mode .menu-toggle:hover {
  background: rgba(11, 99, 206, 0.15);
}

/* Elementos de texto escuro */
html.dark-mode .cupom {
  background: linear-gradient(135deg, #1a2332 60%, #1e3a5f 100%);
  border-color: #2a5f8f;
  box-shadow: 0 4px 24px 0 rgba(11, 99, 206, 0.15), 0 1.5px 4px 0 rgba(0, 0, 0, 0.3);
}

html.dark-mode .cupom-titulo {
  color: #6ec1ff;
}

html.dark-mode .cupom-loja-label {
  background: #1e3a5f;
  color: #6ec1ff;
}

html.dark-mode .cupom-code {
  background: linear-gradient(90deg, #1a2332 60%, #1e3a5f 100%);
  color: #6ec1ff;
}

html.dark-mode .cupom-desc {
  color: #b6c2d1;
}

html.dark-mode .cupom-loja {
  color: #6ec1ff;
}

html.dark-mode .cupom-autor {
  color: #7a8695;
}

html.dark-mode .cupons-header h2 {
  color: #6ec1ff;
  text-shadow: 0 2px 12px rgba(11, 99, 206, 0.3);
}

html.dark-mode .cupons-header p {
  color: #b6c2d1;
}

html.dark-mode .cupons-stats {
  background: linear-gradient(135deg, #1a2332 0%, #1e3a5f 100%);
  border-color: #2a5f8f;
}

html.dark-mode .stat-label {
  color: #8b95a7;
}

html.dark-mode .stat-value {
  color: #6ec1ff;
}

html.dark-mode .cupons-search input,
html.dark-mode .cupons-search select {
  background: #1a2332;
  color: #e0e6ef;
  border-color: #2a3f5f;
}

html.dark-mode .cupons-search input:focus,
html.dark-mode .cupons-search select:focus {
  border-color: #6ec1ff;
  box-shadow: 0 0 0 3px rgba(110, 193, 255, 0.15);
}

html.dark-mode .cupons-search button {
  background: #0b63ce;
  box-shadow: 0 2px 8px rgba(11, 99, 206, 0.3);
}

html.dark-mode .cupons-search button:hover {
  background: #094a9c;
  box-shadow: 0 4px 16px rgba(11, 99, 206, 0.4);
}

html.dark-mode .cupons-search a {
  background: #2a3f5f;
  color: #e0e6ef;
}

html.dark-mode .cupons-search a:hover {
  background: #3a5f7f;
}

html.dark-mode .cupons-grid .cupom {
  background: linear-gradient(135deg, #1a2332 0%, #1e3a5f 100%);
  border-color: #2a5f8f;
}

html.dark-mode .cupons-grid .cupom:hover {
  box-shadow: 0 12px 24px rgba(11, 99, 206, 0.25);
  border-color: #3a7faf;
}

html.dark-mode .cupons-grid .cupom-titulo {
  color: #e0e6ef;
}

html.dark-mode .cupons-grid .cupom-code {
  background: linear-gradient(135deg, #0b63ce 0%, #094a9c 100%);
  color: #fff;
}

html.dark-mode .cupons-grid .cupom-code:hover {
  background: linear-gradient(135deg, #094a9c 0%, #073a8a 100%);
}

html.dark-mode .cupons-grid .cupom-desc {
  color: #b6c2d1;
}

html.dark-mode .cupons-grid .cupom-loja {
  border-top-color: #2a5f8f;
  color: #6ec1ff;
}

html.dark-mode .cupons-grid .cupom-loja a {
  color: #6ec1ff;
}

html.dark-mode .cupons-grid .cupom-loja a:hover {
  color: #b3d8ff;
}

html.dark-mode .cupons-grid .cupom-autor {
  border-top-color: #2a5f8f;
  color: #7a8695;
}

html.dark-mode .badge-cupom-label {
  color: #6ec1ff;
}

html.dark-mode .badge-cupom-code {
  background: #1a2332;
  color: #6ec1ff;
  border-color: #2a5f8f;
}

html.dark-mode .cupom-anim {
  background: #1e3a5f !important;
  box-shadow: 0 0 0 4px #2a5f8f;
}

html.dark-mode .wide-ad-bar {
  background: linear-gradient(90deg, #1a2332 0%, #1e3a5f 100%);
  color: #6ec1ff;
  box-shadow: 0 2px 12px rgba(11, 99, 206, 0.2);
}

html.dark-mode .wide-ad-bar a:visited {
  color: #6ec1ff;
}

html.dark-mode .badge-validade {
  background: linear-gradient(90deg, #1e3a5f 60%, #1a2332 100%);
  color: #6ec1ff;
  box-shadow: 0 1px 4px rgba(11, 99, 206, 0.2);
}

html.dark-mode .badge-validade .validade-label,
html.dark-mode .badge-validade .validade-data {
  color: #6ec1ff;
}

html.dark-mode .cronometro {
  background: #1a2332;
  color: #6ec1ff;
  border-color: #2a5f8f;
}

html.dark-mode .cronometro.expirado {
  background: #8b3a3a;
  border-color: #c94747;
}

html.dark-mode .section-title {
  color: #e0e6ef;
  text-shadow: 0 2px 12px rgba(11, 99, 206, 0.15);
  background: linear-gradient(90deg, #6ec1ff 0%, #5db8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

html.dark-mode h1, html.dark-mode .h1,
html.dark-mode .lojas-title, html.dark-mode .ofertas-title {
  color: #6ec1ff;
}

html.dark-mode h2, html.dark-mode .h2 {
  color: #6ec1ff;
}

html.dark-mode .rel-card {
  background: #1a2332;
  border-color: #2a5f8f;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

html.dark-mode .rel-card:hover {
  box-shadow: 0 6px 16px rgba(11, 99, 206, 0.2);
}

html.dark-mode .rel-card h4 {
  color: #e0e6ef;
}

html.dark-mode .rel-preco {
  color: #ff6b6b;
}

html.dark-mode .carousel-wrapper {
  color: #e0e6ef;
}

html.dark-mode .carousel-relacionados {
  scroll-behavior: smooth;
}

html.dark-mode .carousel-relacionados::-webkit-scrollbar-track {
  background: #1a2332;
}

html.dark-mode .carousel-relacionados::-webkit-scrollbar-thumb {
  background: #2a5f8f;
}

html.dark-mode .carousel-relacionados::-webkit-scrollbar-thumb:hover {
  background: #3a7faf;
}

html.dark-mode .loja-card {
  background: #1a2332;
  border-color: #2a5f8f;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

html.dark-mode .loja-card:hover {
  box-shadow: 0 12px 32px rgba(11, 99, 206, 0.2);
  border-color: #3a7faf;
}

html.dark-mode .loja-logo {
  background: linear-gradient(135deg, #1e3a5f 0%, #1a2332 100%);
  border-color: #2a5f8f;
}

html.dark-mode .loja-nome {
  color: #6ec1ff;
}

html.dark-mode .loja-desc {
  color: #b6c2d1;
}

html.dark-mode .loja-btn {
  background: linear-gradient(90deg, #0b63ce 0%, #0952a8 100%);
  box-shadow: 0 4px 12px rgba(11, 99, 206, 0.3);
}

html.dark-mode .loja-btn:hover {
  background: linear-gradient(90deg, #0952a8 0%, #073a8a 100%);
  box-shadow: 0 6px 20px rgba(11, 99, 206, 0.4);
}

html.dark-mode .lojas-desc {
  color: #b6c2d1;
}

/* Botões para Dark Mode */
html.dark-mode .btn-view,
html.dark-mode .btn-view:link,
html.dark-mode .btn-view:visited,
html.dark-mode .btn-view:active {
  background: #2a3f5f;
  color: #6ec1ff;
  border-color: #3a5f7f;
}

html.dark-mode .btn-view:hover,
html.dark-mode .btn-view:focus {
  background: #3a5f7f;
  color: #b3d8ff;
  border-color: #5a7faf;
  box-shadow: 0 8px 24px rgba(11, 99, 206, 0.2);
}

html.dark-mode .btn-ghost.btn-sm,
html.dark-mode .btn.btn-ghost.btn-sm {
  background: #1a2332;
  color: #e0e6ef;
  border-color: #2a5f8f;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

html.dark-mode .btn-ghost.btn-sm:hover,
html.dark-mode .btn.btn-ghost.btn-sm:hover {
  background: #2a3f5f;
  color: #fff;
  border-color: #0b63ce;
  box-shadow: 0 4px 16px rgba(11, 99, 206, 0.3);
}

/* Badge styles para Dark Mode */
html.dark-mode .badge-loja {
  background: linear-gradient(135deg, #1e3a5f 0%, #2a5f8f 100%);
  color: #6ec1ff;
  border-color: rgba(110, 193, 255, 0.15);
  box-shadow: 0 2px 8px rgba(11, 99, 206, 0.15);
}

html.dark-mode .badge-validade {
  background: #1a2332;
  border-color: #2a5f8f;
  color: #6ec1ff;
}

html.dark-mode .badge-pix {
  background: #1e3a2f;
  color: #5ff596;
}

html.dark-mode .badge-pix-inline {
  background: #1e3a2f;
  color: #5ff596;
}

/* Input styles */
html.dark-mode .filter-btn-clear {
  background: #2a3f5f;
  border-color: #3a5f7f;
  color: #e0e6ef;
}

html.dark-mode .filter-btn-clear:hover {
  background: #3a5f7f;
  border-color: #5a7faf;
}

html.dark-mode .cupons-empty {
  color: #7a8695;
}

html.dark-mode .cupons-empty-icon {
  color: #2a5f8f;
}

html.dark-mode .cupons-empty h3 {
  color: #b6c2d1;
}

html.dark-mode .cupons-empty p {
  color: #7a8695;
}

html.dark-mode .pagination-btn {
  background: #0b63ce;
}

html.dark-mode .pagination-btn:hover {
  background: #0952a8;
  box-shadow: 0 2px 8px rgba(11, 99, 206, 0.3);
}

html.dark-mode .pagination-info {
  color: #b6c2d1;
}

html.dark-mode #toast-container .toast-message {
  background: #0b63ce;
  box-shadow: 0 4px 12px rgba(11, 99, 206, 0.3);
}

html.dark-mode .privacy-title {
  color: #6ec1ff;
}

html.dark-mode .privacy-section {
  background: #1a2332;
  box-shadow: 0 2px 16px rgba(11, 99, 206, 0.1);
}

html.dark-mode .privacy-section h2 {
  color: #6ec1ff;
}

html.dark-mode .privacy-section p {
  color: #b6c2d1;
}

html.dark-mode .btn-cupom-ver,
html.dark-mode a.btn-cupom-ver,
html.dark-mode button.btn-cupom-ver {
  background: #1a2332;
  color: #e0e6ef;
  border-color: #2a5f8f;
}

html.dark-mode .btn-cupom-ver:hover,
html.dark-mode .btn-cupom-ver:focus,
html.dark-mode a.btn-cupom-ver:hover,
html.dark-mode a.btn-cupom-ver:focus {
  background: #0b63ce;
  border-color: #0b63ce;
}

/* Lojas filter buttons dark mode */
html.dark-mode .loja-filter-btn {
  background: #1a2332;
  border-color: #2a5f8f;
  color: #e0e6ef;
}

html.dark-mode .loja-filter-btn:hover {
  background: #2a3f5f;
  border-color: #0b63ce;
}

html.dark-mode .loja-filter-btn.active {
  background: linear-gradient(135deg, #0b63ce 0%, #0952a8 100%);
  color: #fff;
  border-color: #0b63ce;
  box-shadow: 0 4px 12px rgba(11, 99, 206, 0.4);
}

html.dark-mode .loja-filter-icon {
  background: #1e3a5f;
  color: #6ec1ff;
}

html.dark-mode .loja-filter-btn.active .loja-filter-icon {
  background: rgba(110, 193, 255, 0.2);
  color: #fff;
}

html.dark-mode .lojas-filter-scroll::-webkit-scrollbar-track {
  background: #1a2332;
}

html.dark-mode .lojas-filter-scroll::-webkit-scrollbar-thumb {
  background: #2a5f8f;
}

html.dark-mode .lojas-filter-scroll::-webkit-scrollbar-thumb:hover {
  background: #3a7faf;
}

/* Alert styles */
html.dark-mode .alert-success {
  background: #1e3a2f;
  border-color: #2a5f4f;
  color: #5ff596;
}

html.dark-mode .alert-danger {
  background: #3a1a1f;
  border-color: #5f2a3f;
  color: #ff6b6b;
}

html.dark-mode .alert-warning {
  background: #3a3a1a;
  border-color: #5f5f2a;
  color: #ffd966;
}

/* Modal */
html.dark-mode .modal-content {
  background: #1a2332;
  color: #e0e6ef;
}

html.dark-mode .modal-header {
  border-bottom-color: #2a5f8f;
}

html.dark-mode .modal-footer {
  border-top-color: #2a5f8f;
}

/* Search box */
html.dark-mode .search-box input,
html.dark-mode .search-box select {
  background: #1a2332;
  color: #e0e6ef;
  border-color: #2a5f8f;
}

html.dark-mode .search-box input:focus,
html.dark-mode .search-box select:focus {
  border-color: #6ec1ff;
  box-shadow: 0 0 0 3px rgba(110, 193, 255, 0.15);
}

html.dark-mode .search-box button {
  background: #0b63ce;
}

html.dark-mode .search-box button:hover {
  background: #0952a8;
}

/* Scroll scrollbar dark mode */
html.dark-mode ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html.dark-mode ::-webkit-scrollbar-track {
  background: #1a2332;
}

html.dark-mode ::-webkit-scrollbar-thumb {
  background: #2a5f8f;
  border-radius: 4px;
}

html.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #3a7faf;
}