/*
Theme Name: DA NA BE Child
Theme URI: https://danabe.es
Description: Tema hijo de Botiga para DA NA BE.
Author: DA NA BE
Template: botiga
Version: 1.0.0
Text Domain: danabe-child
*/

/**
 * WooCommerce - Categorías
 * Overlay verde oliva sobre las imágenes.
 */
.product-category-item-layout5 ul.products li.product-category a:after {
    background: rgba(94, 108, 88, 0.60);
}

/**
 * WooCommerce - Coming Soon
 * Ocultar el título del sitio dejando únicamente el logo.
 */
.woocommerce-coming-soon-header-logo-title .wp-block-site-title {
    display: none;
}

/**
 * WooCommerce -  Coming Soon
 * Logo circular adicional.
 */
.danabe-coming-soon-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 35px;
}

.danabe-coming-soon-logo img {
    display: block;
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
}
/**
 * DA NA BE - Header transparente sobre el Hero
 */

/* Arriba de la página */
.bhfb-main_header_row {
    background-color: transparent !important;
    border-bottom-color: transparent !important;

    transition:
        background-color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* Al hacer scroll */
.sticky-header-active .bhfb-main_header_row {
    background-color: #FFFCF8 !important;
    border-bottom-color: #E6E0D9 !important;
}

/**
 * DA NA BE - Hero detrás del header
 */

/**
 * DA NA BE - Hero detrás del header
 */
/* Escritorio */
body.home .danabe-hero {
    margin-top: -70px;
}

/* Tablet y móvil */
@media (max-width: 991px) {
    body.home .danabe-hero {
        margin-top: -100px;
    }
}

/**
 * DA NA BE - Cabecera de páginas WooCommerce
 */

.woocommerce-page-header {
    background-image: url('https://danabe.es/wp-content/uploads/2026/09/background-home.jpeg');
    background-size: cover;
    background-position: center;
    min-height: 180px;
    display: flex;
    align-items: center;
    margin-top: -70px;
}


/* Tablet y móvil */
@media (max-width: 991px) {
    .woocommerce-page-header {
        margin-top: -100px;
.woocommerce-page-header .container {
    width: 100%;
}

.woocommerce-page-header .page-title {
    margin: 0;
    text-align: center;
}


/**
 * Extra Product Addons - Formulario
 * 
 */
.epofw_addon_str_div .epofw_td_label {
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    word-wrap: break-word !important;

}