/* =====================================
   PALETA INSPIRADA EN LA TIENDA ANTIGUA
   ===================================== */
:root {
  --tdm-orange: #d35400;        /* naranja principal (barra, botones) */
  --tdm-orange-dark: #a64000;   /* naranja oscuro (hover) */
  --tdm-grey-bg: #f3f3f3;       /* fondo general */
  --tdm-border: #dcdcdc;        /* bordes suaves */
  --tdm-text: #333333;          /* texto principal */
  --tdm-link-top: #555555;      /* enlaces de la barra superior */
}

/* Fondo general gris claro */
body {
  background-color: var(--tdm-grey-bg) !important;
  color: var(--tdm-text) !important;
}

/* Zona central en blanco (como en la 1.6) */
#wrapper,
#content-wrapper,
#main {
  background-color: #ffffff !important;
}

/* =====================================
   BARRA SUPERIOR (inicio, contacto...)
   ===================================== */

#header .header-nav,
#header .header-nav .container {
  background-color: #f7f7f7 !important;
  border-bottom: 1px solid var(--tdm-border);
}

#header .header-nav a {
  color: var(--tdm-link-top) !important;
  font-size: 0.85rem;
}

/* =====================================
   MENÚ PRINCIPAL NARANJA
   ===================================== */

#_desktop_top_menu,
#_desktop_top_menu .navbar {
  background-color: var(--tdm-orange) !important;
}

#_desktop_top_menu .navbar a,
#_desktop_top_menu .navbar .nav-link,
#_desktop_top_menu .top-menu > li > a {
  color: #ffffff !important;
  font-weight: 700;
  text-transform: none;
}

#_desktop_top_menu .top-menu > li:hover > a,
#_desktop_top_menu .navbar a:hover {
  background-color: var(--tdm-orange-dark) !important;
  color: #ffffff !important;
}

/* Submenús desplegables en blanco con texto naranja */
#_desktop_top_menu .popover {
  background-color: #ffffff !important;
  border: 1px solid var(--tdm-border);
}

#_desktop_top_menu .popover li > a {
  color: var(--tdm-orange-dark) !important;
  font-weight: 600;
}

#_desktop_top_menu .popover li > a:hover {
  color: #000000 !important;
}

/* =====================================
   BOTONES (Añadir al carrito, etc.)
   ===================================== */

.btn-primary,
.btn.btn-primary {
  background-color: var(--tdm-orange) !important;
  border-color: var(--tdm-orange-dark) !important;
  color: #ffffff !important;
  font-weight: 600;
}

.btn-primary:hover,
.btn.btn-primary:hover {
  background-color: var(--tdm-orange-dark) !important;
  border-color: var(--tdm-orange-dark) !important;
}

/* Botones secundarios (por si acaso) */
.btn-outline-primary,
.btn-secondary {
  border-color: var(--tdm-orange) !important;
  color: var(--tdm-orange) !important;
}

.btn-outline-primary:hover,
.btn-secondary:hover {
  background-color: var(--tdm-orange) !important;
  color: #ffffff !important;
}

/* =====================================
   LISTAS DE PRODUCTOS
   ===================================== */

.product-miniature {
  border: 1px solid var(--tdm-border);
}

.product-miniature .product-title a {
  color: #000000 !important;
  font-weight: 600;
}

/* precios */
.product-price,
.current-price span {
  color: #000000 !important;
  font-weight: 700;
}

/* etiquetas de descuento */
.product-flags .discount {
  background-color: var(--tdm-orange) !important;
}

/* =====================================
   FOOTER
   ===================================== */

#footer {
  background-color: #f7f7f7 !important;
  border-top: 1px solid var(--tdm-border);
}

#footer h4 {
  color: #000000 !important;
  font-weight: 700;
}

#footer a {
  color: var(--tdm-orange-dark) !important;
}

#footer a:hover {
  color: #000000 !important;
}
/* ===============================
   AUMENTAR TAMAÑO DEL LOGO
   =============================== */

/* contenedor del logo */
#_desktop_logo,
#header .logo {
  display: block !important;
}

/* imagen del logo (todas las variantes habituales) */
#_desktop_logo img,
#header .logo img,
#header .logo a img,
.logo img {
  height: 94px !important;     /* AJUSTA AQUÍ EL TAMAÑO */
  width: auto !important;
  max-height: none !important;
  max-width: none !important;
  display: block !important;
  margin-top: -32px !important;
}
/* ===========================================
   REDUCIR ALTURA DEL MENÚ PRINCIPAL (Classic PS8)
   =========================================== */

/* 1. Reducir padding vertical del menú */
#_desktop_top_menu .top-menu > li > a {
  padding-top: 15px !important;
  padding-bottom: 5px !important;
  line-height: 20px !important;
}

/* 2. Ajustar la altura del contenedor del menú */
#_desktop_top_menu .menu,
#_desktop_top_menu .top-menu {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  min-height: 60px !important;
}

/* 3. Bajar un poco el menú para separarlo del logo */
#header .header-bottom,
#header .header-bottom .container,
#header .header-bottom .row {
  margin-top: 20px !important;
}
/* ===============================
   MENÚ NARANJA MÁS FINO
   =============================== */

/* Separar un poco el menú del logo */
#_desktop_top_menu.menu.js-top-menu {
  margin-top: 8px !important;
}

/* Hacer las pestañas del menú más bajas */
#_desktop_top_menu .top-menu > li > a {
  padding-top: 6px !important;     /* baja si lo quieres aún más fino */
  padding-bottom: 6px !important;
  line-height: 20px !important;
}
/* ======================================
   FONDO DEL BLOQUE DE INFORMACIÓN DEL PRODUCTO
   ====================================== */

.product-miniature .product-description,
.product-miniature .product-description .product-title,
.product-miniature .product-description .product-price-and-shipping {
  background-color: #851b0c !important;
  padding: 12px !important;
}

/* Texto en blanco para que se lea bien */
.product-miniature .product-description a,
.product-miniature .product-price,
.product-miniature .product-price .price,
.product-miniature .product-price-and-shipping,
.product-miniature .product-description .product-title a {
  color: #ffffff !important;
}

/* Precio tachado (precio antiguo) */
.product-miniature .product-price-and-shipping .regular-price,
.product-miniature .regular-price,
span.regular-price {
  color: #deaa7a !important;
}


/* Opcional: Quitar el borde gris de la tarjeta */
.product-miniature {
  border: none !important;
}