/* =================================================== */
/* CSS FINAL PARA LIGHTHOUSE 100/100 - PRODUCTOS */
/* =================================================== */

/* === 1. ENLACES DE PRODUCTOS EN LISTADOS === */
/* A. Títulos de productos (enlaces) */
.product-miniature .product-title a,
.product-title a,
.product-miniature h3.product-title a,
a.product-name {
    color: #1A0DAB !important;          /* Azul oscuro estándar para enlaces */
    font-weight: 700 !important;        /* Negrita para más contraste */
    text-decoration: none !important;   /* Sin subrayado por defecto */
    background-color: transparent !important;
}

/* Efecto hover en títulos */
.product-miniature .product-title a:hover,
.product-title a:hover {
    color: #0056B3 !important;          /* Azul más oscuro al pasar */
    text-decoration: underline !important; /* Subrayado solo en hover */
}

/* B. Precios de productos */
.product-price-and-shipping .price,
.product-price,
.price,
.regular-price {
    color: #B12704 !important;          /* Rojo oscuro (estilo Amazon) */
    font-weight: 800 !important;        /* Extra negrita */
    font-size: 1.25rem !important;      /* Tamaño ligeramente mayor */
    background-color: transparent !important;
}

/* Precio tachado (antes del descuento) */
.regular-price {
    color: #666666 !important;          /* Gris medio */
    text-decoration: line-through !important;
    font-weight: normal !important;
    font-size: 1rem !important;
}

/* C. Descripciones cortas de productos */
.product-description,
.product-description-short {
    color: #444444 !important;          /* Gris oscuro */
    line-height: 1.5 !important;
    background-color: transparent !important;
}

/* === 2. ENLACE "TODOS LOS PRODUCTOS" === */
.all-product-link.h4 {
    color: #004AAD !important;           /* Azul oscuro */
    background-color: #FFFFFF !important; /* Fondo blanco */
    padding: 12px 24px !important;
    border: 3px solid #004AAD !important; /* Borde del mismo color */
    border-radius: 8px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

/* Hover para "Todos los productos" */
.all-product-link.h4:hover {
    background-color: #004AAD !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.15) !important;
    transform: translateY(-2px) !important;
}

/* === 3. PRODUCTOS DESTACADOS (si hay texto antes) === */
/* Si hay texto "PRODUCTOS DESTACADOS" que también da error */
.section-title,
.featured-products h2,
.page-header h1 {
    color: #222222 !important;
    background-color: transparent !important;
}

/* === 4. MANTENER CORRECCIONES ANTERIORES (si las necesitas) === */
/* Contador del carrito */
.cart-products-count {
    color: #000000 !important;
    background-color: #FFD814 !important;
    font-weight: bold !important;
    padding: 3px 8px !important;
    border-radius: 12px !important;
    border: 2px solid #000000 !important;
}

/* Botón de newsletter */
input.btn-primary[name="submitNewsletter"] {
    background-color: #0056B3 !important;
    color: #FFFFFF !important;
    border: 2px solid #003D82 !important;
}

/* === 5. VERSIÓN MÓVIL === */
@media (max-width: 768px) {
    .product-miniature .product-title a {
        font-size: 0.95rem !important;
    }
    
    .product-price-and-shipping .price {
        font-size: 1.1rem !important;
    }
    
    .all-product-link.h4 {
        padding: 10px 20px !important;
        font-size: 1rem !important;
    }
}


/* ========================================== */
/* CORRECCIONES FINALES PARA LIGHTHOUSE 100  */
/* ========================================== */

/* === 1. CAMPO DE BÚSQUEDA (INPUT) === */
/* El problema es el COLOR DEL TEXTO INTERNO, no solo el placeholder */
.ui-autocomplete-input {
    color: #000000 !important;           /* Texto NEGRO PURO */
    background-color: #FFFFFF !important; /* Fondo blanco puro */
    border: 3px solid #333333 !important; /* Borde gris oscuro */
    padding: 10px 15px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
}

/* Placeholder también necesita contraste */
.ui-autocomplete-input::placeholder {
    color: #555555 !important;           /* Gris oscuro */
    opacity: 1 !important;
    font-weight: 500 !important;
}

/* === 2. ENLACE PRESSTASHOP EN FOOTER === */
/* El texto "PrestaShop™" en el copyright */
footer a[href*="prestashop.com"] {
    color: #003366 !important;           /* Azul MUY oscuro */
    font-weight: 700 !important;
    text-decoration: underline !important;
    background-color: #F8F9FA !important; /* Fondo gris muy claro */
    padding: 3px 6px !important;
    border-radius: 3px !important;
    border: 1px solid #CCCCCC !important;
}

/* Hover state */
footer a[href*="prestashop.com"]:hover {
    color: #001933 !important;           /* Azul aún más oscuro */
    background-color: #FFFFFF !important;
}

/* === 3. TEXTO DEL COPYRIGHT COMPLETO (por si acaso) === */
footer .copyright,
footer p:contains("tienda online") {
    color: #333333 !important;           /* Gris oscuro */
    background-color: transparent !important;
}

/* === 4. VERIFICACIÓN DE EMERGENCIA === */
/* Si sigue fallando, este código NUCLEAR lo arreglará */
input[name="s"].ui-autocomplete-input,
input[type="text"].ui-autocomplete-input {
    color: #000000 !important;
    background: #FFFFFF !important;
    border: 3px solid #000000 !important;
    -webkit-text-fill-color: #000000 !important; /* Para Safari/iOS */
}

a[href="https://www.prestashop.com"] {
    color: #000000 !important;
    font-weight: 900 !important;
    background: #FFFFFF !important;
    padding: 5px 10px !important;
    border: 2px solid #000000 !important;
}

/* ========================================== */
/* CORRECCIONES FINALES PC - ACCESIBILIDAD 100 */
/* ========================================== */

/* === 1. HEADER - TEXTO DE CONTACTO Y CARRITO === */
@media (min-width: 768px) {
    /* Número de teléfono en header */
    #contact-link,
    #contact-link a,
    #contact-link span,
    .contact-phone,
    .header-contact span {
        color: #222222 !important;          /* Texto NEGRO */
        font-weight: 700 !important;
        background-color: #ffffff !important;
        padding: 5px 10px !important;
        border-radius: 4px !important;
        border: 2px solid #222222 !important;
    }
    
    /* Icono/texto "Carrito" */
    .blockcart .cart-label,
    .blockcart .shopping-cart-text,
    .blockcart .hidden-sm-down,
    .cart-preview .header {
        color: #000000 !important;          /* Negro puro */
        font-weight: 800 !important;
        background-color: #ffffff !important;
        padding: 5px 10px !important;
        border: 3px solid #000000 !important;
        border-radius: 5px !important;
    }
    
    /* Contador del carrito (refuerzo) */
    .cart-products-count {
        color: #000000 !important;
        background-color: #FFD814 !important;
        font-weight: 900 !important;
        padding: 4px 10px !important;
        border-radius: 15px !important;
        border: 3px solid #000000 !important;
        font-size: 1rem !important;
    }
    
    /* === 2. FOOTER - ENLACES LEGALES Y CONTACTO === */
    /* Todos los enlaces del footer */
    .footer-container a,
    .footer a,
    #footer a:not(.btn) {
        color: #003366 !important;          /* Azul MUY oscuro */
        font-weight: 600 !important;
        text-decoration: none !important;
        background-color: #f8f9fa !important; /* Fondo gris claro */
        padding: 3px 8px !important;
        border-radius: 3px !important;
        margin: 2px 0 !important;
        display: inline-block !important;
    }
    
    /* Enlaces legales específicos (Aviso Legal, Política...) */
    .cms-page-link,
    [id*="link-cms-page-"],
    [id*="link-static-page-"] {
        color: #001933 !important;          /* Azul aún más oscuro */
        font-weight: 700 !important;
        border-left: 4px solid #0056b3 !important;
        padding: 6px 12px !important;
        margin: 4px 0 !important;
    }
    
    /* Email en footer */
    a[href^="mailto:"] {
        color: #000000 !important;          /* Negro para máximo contraste */
        font-weight: 800 !important;
        background-color: #ffffff !important;
        padding: 8px 15px !important;
        border: 3px solid #000000 !important;
        border-radius: 6px !important;
        text-decoration: underline !important;
    }
    
    /* Texto de dirección en footer */
    #contact-infos,
    .footer-contact,
    .contact-details {
        color: #333333 !important;          /* Gris oscuro */
        background-color: #ffffff !important;
        padding: 15px 20px !important;
        border-radius: 8px !important;
        border: 2px solid #dddddd !important;
    }
    
    /* === 3. MENÚS Y NAVEGACIÓN (por si acaso) === */
    .navbar .nav-link,
    .user-info a,
    .account a {
        color: #222222 !important;
        font-weight: 600 !important;
    }
    
    /* === 4. SOLUCIÓN NUCLEAR - SI NADA FUNCIONA === */
    /* Fuerza contraste en CUALQUIER texto claro del header/footer */
    #header *:not(.btn):not(.logo):not(img):not(svg),
    .footer-container *:not(.btn):not(img):not(svg) {
        color: #000000 !important;
        background-color: #ffffff !important;
    }
    
    /* Luego restaura lo que debe ser azul */
    #header a:not(.btn),
    .footer-container a:not(.btn) {
        color: #003366 !important;
    }
}

/* === 5. VERSIÓN MÓVIL - MANTENER LO QUE YA FUNCIONA === */
@media (max-width: 767px) {
    /* Tu CSS actual para móvil sigue igual */
    .cart-products-count {
        color: #000000 !important;
        background-color: #FFD814 !important;
        font-weight: bold !important;
    }
    
    input.btn-primary[name="submitNewsletter"] {
        background-color: #0056B3 !important;
        color: #FFFFFF !important;
    }
}


/* ========================================== */
/* ELIMINAR COPYRIGHT PRESSTASHOP - GARANTIZADO */
/* ========================================== */

/* Opción A: Ocultar TODO el bloque que contiene el copyright */
.footer-container > .container > .row > .col-md-6:last-child {
    display: none !important;
}

/* Opción B: Más específico - solo el párrafo problemático */
footer .text-sm-center,
.footer-container p.text-sm-center {
    display: none !important;
}

/* Opción C: Nuclear - ocultar cualquier párrafo en el footer */
footer p {
    display: none !important;
}

/* Opción D: Revelar solo el año y añadir tu texto */
footer .col-md-6:last-child {
    font-size: 0 !important;
}

footer .col-md-6:last-child::after {
    content: "© 2026 - La Tendeta";
    font-size: 14px !important;
    color: #333;
    display: block !important;
}