/*** CONFIGURACIÓN DE COLORES GLOBALES - MARKETPRINT ***/

:root {
  /* 1. Enlaces (Azul "Market") */
  --bs-link-color: #005CBB;
  --bs-link-hover-color: #00448A; /* Un tono más oscuro para el efecto hover */

  /* 2. Textos (Gris Pizarra del subtítulo del logo) */
  --bs-body-color: #2D3748;       /* Texto general de la web */
  --bs-heading-color: #1A202C;    /* Títulos H1, H2, H3... casi negro */

  /* 3. Identidad de marca (Azul principal) */
  --bs-primary: #005CBB;
  --bs-primary-rgb: 0, 92, 187;


}

/*** PERSONALIZACIÓN DEL BOTÓN DE COMPRA (Magenta "Print") ***/
/* Forzamos que los botones principales de llamada a la acción (como Añadir al carrito) 
   utilicen el color Magenta para maximizar los clics de compra al estilo e-commerce moderno */

.btn-primary, 
#submit-custom-text,
.add-to-cart {
  background-color: #E21B79 !important;
  border-color: #E21B79 !important;
  color: #ffffff !important;
}

.btn-primary:hover, 
.add-to-cart:hover {
  background-color: #C11063 !important; /* Un magenta más oscuro al pasar el ratón */
  border-color: #C11063 !important;
}

/* Color para los precios destacados en listados y fichas */
.current-price, .product-price {
  color: #E21B79 !important;
  font-weight: bold;
}

/* ==========================================================================
   PERSONALIZACIÓN DE ELEMENTOS ESPECÍFICOS (MARKETPRINT)
   ========================================================================== */

/* 1. Etiquetas de "Nuevo" (Product Flags)
   Cambiamos el fondo al Azul Corporativo de tu logo */
.product-flags .product-flag.new,
.badge.bg-primary,
.product-flag.new {
    background-color: #005CBB !important;
    color: #ffffff !important;
}

/* 2. Botón inferior "Todos los productos destacados"
   Le aplicamos el azul de la marca al texto y al borde */
.all-product-link,
.btn-outline-primary {
    color: #005CBB !important;
    border-color: #005CBB !important;
    background-color: transparent !important;
}

/* Efecto al pasar el ratón (Hover) por el botón inferior
   Hacemos que se rellene con tu azul corporativo */
.all-product-link:hover,
.btn-outline-primary:hover {
    background-color: #005CBB !important;
    border-color: #005CBB !important;
    color: #ffffff !important;
}

/* 3. Ajuste fino para los enlaces y títulos de productos
   Por si quieres asegurar el tono exacto de azul o cambiar el hover */

a{
    color: #005CBB  !important;
}

a:hover {
    color: #E21B79 !important; /* El título se vuelve magenta al pasar el ratón */
}

.product-title a, 
.product-thumbnail + div a {
    color: #005CBB !important;
    text-decoration: none;
}

.product-title a:hover {
    color: #E21B79 !important; /* El título se vuelve magenta al pasar el ratón */
}

.footer .footer__main a{
    color: #ffffff !important;
}

.footer .footer__main a:hover{
    color: #666666 !important;
}

.ps-imageslider__figcaption h2, h3{
    color: #ffffff !important;
}

.text-primary-emphasis {
    color: #005CBB !important;
}

/* ==========================================================================
   COLOR DE LOS ICONOS DE CONFIANZA (SELECTOR ULTRA-PRECISO)
   ========================================================================== */

/* Apuntamos directamente a los caminos de color dentro del bloque de confianza */
div.reassurance svg path {
    fill: #005CBB !important;   /* Pinta el icono con tu Azul Corporativo */
    stroke: none !important;     /* Nos aseguramos de no meter líneas raras */
}


.header-nav { 
    display: none !important; 
}

#_desktop_ps_customersignin,
#_desktop_ps_shoppingcart {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
}

#_desktop_ps_searchbar { 
    order: 2 !important; 
}
#_desktop_ps_customersignin { 
    order: 3 !important; 
    margin-left: 1.5rem !important; /* Separación del buscador */
}
#_desktop_ps_shoppingcart { 
    order: 4 !important; 
    margin-left: 1rem !important; /* Separación del login */
}


@media (max-width: 767px) {
    #_desktop_ps_customersignin,
    #_desktop_ps_shoppingcart {
        display: none !important;
    }
}