/* ============================================================
   Echando Raíces — normas de formato de texto en toda la web
   Añadido 2026-07-16: mayúscula solo en la primera letra de los
   títulos, nunca todo en mayúsculas (salvo acrónimos como CBD).
   El tema de PrestaShop fuerza mayúsculas en varios sitios vía
   CSS (text-transform: uppercase) aunque el texto guardado ya
   esté bien escrito — aquí se desactiva esa transformación.
   Revisar tras cada actualización del tema por si cambian los
   nombres de clase usados aquí.
   ============================================================ */

/* ============================================================
   Sistema de bordes redondeados — sitio completo (2026-07-29)
   Validado con Victoria sobre la propuesta del carrito: acciones/
   botones 8px, imágenes 8px, tarjetas/contenedores 10px.

   Este archivo carga en todas las páginas, así que aquí van las
   reglas GENÉRICAS de Bootstrap (.card, .btn-primary, .btn-secondary,
   .form-control) que no tienen ya un override propio más específico
   en el CSS de su página (category/product/product-cards). Donde sí
   existe ese override específico (p. ej. "body.page-category .card",
   o ".add-to-cart"), gana por especificidad y se ha actualizado a
   los mismos valores directamente en su propio archivo — no se
   duplica la regla aquí para no tener dos fuentes de verdad. */
:root {
  --hr-radius-accion: 8px;
  --hr-radius-imagen: 8px;
  --hr-radius-card: 10px;
}

.card {
  border-radius: var(--hr-radius-card) !important;
}
.btn-primary,
.btn-secondary {
  border-radius: var(--hr-radius-accion) !important;
}
.form-control {
  border-radius: var(--hr-radius-accion) !important;
}

/* Títulos de sección de producto: "Productos destacados", "En oferta",
   "Novedades"... */
.products-section-title {
  text-transform: none !important;
}

/* Etiquetas de producto: "Nuevo", "Pack" (el "-20%" no lleva letras,
   no le afecta) */
.product-flag {
  text-transform: none !important;
}

/* Bloque de texto libre / SEO al final de la portada */
#custom-text h2 {
  text-transform: none !important;
}

/* Tarjetas de subcategoría en las páginas de categoría
   (p. ej. "Flores de CBD" en la página de CBD) */
#subcategories .subcategory-name {
  text-transform: none !important;
}

/* Pie de página: títulos de columna ("Productos", "Nuestra empresa",
   "Información de la tienda") y el enlace "Su cuenta" */
#footer .h3,
#footer .text-uppercase,
.footer-container .h3,
.footer-container .text-uppercase {
  text-transform: none !important;
}

/* Botones (p. ej. "Suscribirse" en el pie de página). Aplica a todo
   el sitio, no solo a la home: es la misma norma de mayúscula solo
   inicial, y todos los textos de botón ya están bien escritos en
   origen (revisar si en el futuro se añade un botón nuevo). */
.btn-primary,
.btn-secondary {
  text-transform: none !important;
}