/* Theme base styles moved from functions.php inline to avoid breaking theme design
   Non-intrusive, low-specificity rules. Keep this file small and override in component CSS when needed.
*/

/* Body: soft neutral background, no aggressive gradients */
body {
  background: #f8fafc; /* light neutral */
  color: #1e293b;
  min-height: 100vh;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headings and links: subtle and consistent */
h1, h2, h3, h4, h5, h6 {
  color: #0f172a; /* dark navy */
  margin: 0 0 0.6em 0;
}

a {
  color: #2563eb;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Content panels: use light background without !important */
.banner-campana,
.bienvenida-principal,
.destacados-block,
.nuestros-productos-listado,
.nuestros-productos-beneficios {
  background: #ffffff; /* plain white panels */
  color: #0f172a;
  box-shadow: 0 2px 12px rgba(37,99,235,0.06);
  border-radius: 8px;
  padding: 0.6rem;
}

/* Cart link styles (non-invasive) */
.menu-cart .cart-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 6px;
  background: transparent;
  transition: all 0.15s ease;
}

.menu-cart .cart-link:hover {
  background: rgba(37,99,235,0.04);
  transform: translateY(-1px);
}

.menu-cart .cart-count {
  font-weight: 700;
  color: #1e40af;
  font-size: 15px;
  min-width: 22px;
  text-align: center;
}

.menu-cart .cart-total {
  font-weight: 700;
  color: #059669;
  font-size: 15px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .menu-cart .cart-link { padding: 4px 8px; gap: 6px; }
  .menu-cart .cart-count, .menu-cart .cart-total { font-size: 14px; }
}