/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

/* Estilo para el menú principal en negrita y mayúsculas */
.main-navigation a {
    font-weight: bold;
    text-transform: uppercase;
}

/* Estilo para el menú secundario en negrita y mayúsculas */
.secondary-navigation a {
    font-weight: bold;
    text-transform: uppercase;
}

/* Ajustar el espaciado del footer */
#colophon {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Opcional: Reducir el espacio en los widgets del footer */
.widget {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Contenedor de producto */
.woocommerce ul.products li.product {
    position: relative;
}

/* Descripción corta oculta por defecto */
.product-description-short {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);  /* Fondo oscuro */
    color: #fff; /* Texto blanco */
    padding: 10px;
    text-align: center;
    font-size: 90%;
}

/* Mostrar descripción al pasar el cursor sobre la imagen */
.woocommerce ul.products li.product:hover .product-description-short {
    display: block;
}