/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/*PRODUCTOS DESTACADOS*/
.products li.product img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    width: auto;
    height: auto;
}

.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* título y precio alineados al final */
    height: 350px; /* altura uniforme, ajustar según tus imágenes y contenido */
    justify-content: flex-start;
}

/* Contenedor <a> específico de los productos */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px; /* Ajusta la altura fija */
    overflow: hidden;
    background: #fff; /* Opcional: fondo blanco uniforme */
}


/*SELECTOR DE VARIANTES*/
/* Contenedor de variaciones + precio */
.ferreteria-loop-variations-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Contenedor de formulario compacto */
.ferreteria-loop-variations form.cart {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 5px 0;
}

.ferreteria-loop-variations table.variations {
    margin: 0;
    border: none;
}

.ferreteria-loop-variations table.variations td.label {
    display: none;
}

.ferreteria-loop-variations select {
    padding: 4px 6px;
    font-size: 13px;
    line-height: 1.2;
    max-width: 120px;
}

.ferreteria-loop-variations .single_add_to_cart_button {
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.2;
}

.woocommerce ul.products li.product .astra-shop-summary-wrap {
    margin-top: 2rem !important;      /* Elimina espacios inconsistentes */
    align-self: center !important;    /* Centra verticalmente dentro del li.product */
}

/* Carrusel de marcas */
.ferreteria-marcas-slider {
    padding: 0 1rem;
}

/* Contenedor del slide */
.ferreteria-marcas-slider .marca-slide {
    display: flex !important;
    align-items: center;       /* centra verticalmente */
    justify-content: center;   /* opcional: centra horizontalmente si quieres */
    height: 100px;             /* altura uniforme para todos los slides */
    padding: 10px;             /* espacio interno */
}

/* Imagen de la marca */
.ferreteria-marcas-slider .marca-slide img {
    max-height: 80%;           /* evita que se salga de la caja */
    width: auto;               /* mantiene proporción */
    display: block;            /* elimina espacios inferiores de imagen */
}

/* Hover: ligeramente agranda la marca */
.ferreteria-marcas-slider .marca-slide:hover img {
    transform: scale(1.1);
}

/* Opcional: sombra al pasar mouse */
.ferreteria-marcas-slider .marca-slide:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Flechas del slider */
.ferreteria-marcas-slider .slick-prev:before,
.ferreteria-marcas-slider .slick-next:before {
    color: #333;           /* cambia el color de las flechas */
    font-size: 24px;       /* tamaño de las flechas */
    opacity: 1;            /* visibilidad completa */
}

/* Posición opcional de las flechas */
.ferreteria-marcas-slider .slick-prev {
    left: -25px;           /* ajusta según tu diseño */
    z-index: 10;
}

.ferreteria-marcas-slider .slick-next {
    right: -25px;          /* ajusta según tu diseño */
    z-index: 10;
}

/* Puntos de navegación (si decides activarlos) */
.ferreteria-marcas-slider .slick-dots li button:before {
    font-size: 10px;
    color: #999;
}

/* Contenedor de cada slide */
.productos-destacados-carousel .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
}

/* Contenedor de la imagen */
.producto-img-wrapper {
    display: flex;
    align-items: center;       /* centra vertical */
    justify-content: center;   /* centra horizontal */
    width: 100%;
    height: 250px;             /* altura fija para todas las imágenes */
    margin-bottom: 10px;
    overflow: hidden;
    padding: 1rem;
}

.producto-img-wrapper img,
.productos-destacados-carousel .item a img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    display: block;
}

/* Título del producto */
.productos-destacados-carousel .item h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0;
    min-height: 40px;       /* altura uniforme de títulos */
}

/* Precio */
.productos-destacados-carousel .item .price {
    font-size: 14px;
    color: #e53935;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Botón Añadir al carrito o Seleccionar opciones */
.productos-destacados-carousel .item .button {
    font-size: 13px;
    padding: 6px 12px;
    background-color: #007cba;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
}

/* Flechas Slick */
.productos-destacados-carousel .slick-prev,
.productos-destacados-carousel .slick-next {
    z-index: 10;
    color: #333;
}

.productos-destacados-carousel .slick-prev:before,
.productos-destacados-carousel .slick-next:before {
    font-size: 20px;
    color: #333;
}

/* Mantener título, precio y botón separados uniformemente */
.productos-destacados-carousel .item h3,
.productos-destacados-carousel .item .price,
.productos-destacados-carousel .item .button {
    margin-bottom: 5px;
}

/* Contenedor de info (nombre, precio, botón) */
.producto-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Ocultar botón "Ver carrito" que aparece tras añadir al carrito */
.added_to_cart,
.woocommerce-message .button.wc-forward {
    display: none !important;
}

.elementor-heading-title {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

/*FOOTER*/
.ferreteria-footer-modern {
    background: #1a1a1a;
    color: #fff;
    padding: 3rem 1rem;
    font-family: sans-serif;
}
.footer-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
}
.footer-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-section h4 {
    margin-bottom: 1rem;
    color: #ffffff;
}
.footer-section p {
    margin-bottom: 0.5rem;
}
.footer-section a {
    margin-bottom: 0.5rem;
}
.footer-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-section ul li {
    margin-bottom: 0.5rem;
}
.footer-bottom {
    text-align: center;
    margin-top: 2rem;
    font-size: 0.9rem;
    color: #ccc;
}
.footer-container-categories {
    display: flex;
    flex-direction: row;
}
/* Responsivo */
@media (max-width: 768px) {
    .footer-inner {
        flex-direction: column;
        gap: 1.5rem;
    }
}