/*
Theme Name: Mi Tema Kadence Hijo
Theme URI: https://tu-sitio.com/
Author: Tu Nombre
Author URI: https://tu-sitio.com/
Description: Un tema hijo para el tema Kadence.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: kadence
Text Domain: kadence-hijo
*/

/*
---------------------------------------------
Estilos Personalizados
---------------------------------------------
*/

body {
    background-color: #f0f0f0;
}

h1 {
    color: #333;
    font-size: 2.5em;
}

/*
 * 1. Solución para el URL en el encabezado (Estimación)
 * Esta clase oculta el texto que no quieres ver. Necesitarás inspeccionar el elemento
 * en tu navegador para confirmar la clase CSS exacta.
 * Basado en la estructura común de Kadence, puede ser el logo/título del sitio.
 */
.site-header .site-title a[href^="https://estilovanguardia.store"],
.site-header .header-content-inner p {
    display: none !important;
}

/*
 * 2. Solución para el carrito fuera de margen (Estimación)
 * Esto podría ser un problema de ancho o de cómo se muestra el contenedor del carrito.
 * Aumentar el 'z-index' lo asegura sobre otros elementos.
 */
.header-actions-wrap .cart-header-extra {
    /* Si el contenedor del carrito está afectando el ancho general, intenta esto */
    display: flex;
    align-items: center;
    /* Esto ayuda si el carrito se va por detrás de otros elementos */
    z-index: 100;
}
/* Estilo específico para el icono del carrito dentro del menú de navegación */
.navbar .navbar-nav .nav-link .bi-bag {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    /* Asegura que el contenedor del enlace/icono tenga suficiente espacio y no flote */
    box-sizing: content-box;
}

/*
 * Estilos para la página de inicio personalizada
 */

/* Sección Hero */
.mi-contenido-principal .seccion-hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.mi-contenido-principal .seccion-hero .btn-lg {
    transition: all 0.3s ease;
}

.mi-contenido-principal .seccion-hero .btn-lg:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* Secciones con tarjetas */
.seccion-productos-destacados .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 1rem;
}

.seccion-productos-destacados .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.seccion-productos-destacados .card-img-top {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

/* Sección de Testimonios */
.bg-light {
    background-color: #f8f9fa !important;
}

/*
 * Estilos para el menú de navegación
 */
.navbar .navbar-nav .nav-link {
    font-weight: 500;
    color: #495057;
    padding: 10px 15px;
    transition: color 0.3s ease;
}

.navbar .navbar-nav .nav-link:hover {
    color: #000;
}

/* La siguiente sección de estilos para .navbar .navbar-nav .bi-bag ha sido movida/combinada
   con la Solución para el carrito fuera de margen (punto 2) arriba para claridad. */

/*
 * Código para el menú del footer
 */
.footer-menu-legal .list-inline {
    display: flex; /* Esto los alinea horizontalmente */
    justify-content: center; /* Centra los elementos */
    padding: 0;
    list-style: none;
    margin: 0;
}

/* Agrega un poco de espacio entre los elementos */
.footer-menu-legal .list-inline li {
    margin: 0 10px;
}

.footer-menu-legal .list-inline a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-menu-legal .list-inline a:hover {
    color: #007bff;
}

/*
 * Esto elimina el color de fondo y el contorno de las flechas del carrusel
 */
.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus {
    background-color: transparent;
    outline: none;
    box-shadow: none;
}

/*
 * Estilos para el botón principal de la sección Hero
 */
.hero-section-custom .btn-main {
    background-color: #333;
    color: #fff;
    border: 2px solid #333;
    transition: all 0.3s ease;
}

.hero-section-custom .btn-main:hover {
    background-color: #fff;
    color: #333;
}

/*
 * ***************************************************************
 * CENTRAR ELEMENTOS CLAVE EN LA FICHA DE PRODUCTO DE WOOCOMMERCE
 * ***************************************************************
 */
.single-product .summary {
    text-align: center;
}

.single-product .summary .product_title,
.single-product .summary .price,
.single-product .summary .woocommerce-product-rating,
.single-product .summary .cusrev-rating-injected {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Manejo específico del rating inyectado (cusrev) */
.single-product .summary .cusrev-rating-injected {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Asegura que el botón 'Añadir al carrito' también se centre */
.single-product .summary .cart {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

/* OCULTA EL BOTÓN EN INGLÉS DEL PLUGIN LPR */
a.lpr-cart-button {
    display: none !important;
}

/* Esto corrige la visualización del enlace de accesibilidad (combinado) */
.skip-link.screen-reader-text,
.skip-link,
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    /* 'display: none !important' estaba repetido y es redundante/menos semántico que las propiedades de accesibilidad */
}