/*@font-face {*/
/*    font-family: 'Poppins Light';*/
/*    src: url('./assets/fonts/Poppins-Light.ttf') format('truetype');*/
/*    !*font-weight: normal;*!*/
/*    !*font-style: normal;*!*/
/*}*/

@font-face {
    font-family: 'Jost Light';
    src: url('./assets/fonts/Jost-300-Light.ttf') format('truetype');
    /*font-weight: 300;*/
}

@font-face {
    font-family: 'Jost Regular';
    src: url('./assets/fonts/Jost-400-Book.ttf') format('truetype');
    /*font-weight: 500;*/
}

@font-face {
    font-family: 'Jost Medium';
    src: url('./assets/fonts/Jost-500-Medium.ttf') format('truetype');
    /*font-weight: 500;*/
}

/*@font-face {*/
/*    font-family: 'Jost';*/
/*    src: url('./assets/fonts/Jost-Light.ttf') format('truetype');*/
/*    font-weight: 300;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Jost';*/
/*    src: url('./assets/fonts/Jost-Regular.ttf') format('truetype');*/
/*    font-weight: 400;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Jost';*/
/*    src: url('./assets/fonts/Jost-Medium.ttf') format('truetype');*/
/*    font-weight: 500;*/
/*}*/

/*@import url(//fonts.googleapis.com/css2?family=Jost:wght@400;600;700&display=swap);*/

/* utils start */
.hide-gallery {
    display: none !important;
}
/* utils end */

/* owl-carousel start */
#gp-slider .owl-nav .owl-prev,
#gp-slider .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    font-size: 50px;
    /*font-family: Arial, serif;*/
}

#gp-slider .owl-nav .owl-prev {
    left: -30px;
}

#gp-slider .owl-nav .owl-next {
    left: auto;
    right: -30px;
}
/* owl-carousel end */

/* owl-carousel-product-new start */
#product-news-slider .owl-nav .owl-prev,
#product-news-slider .owl-nav .owl-next {
    position: absolute;
    top: 28%;
    font-size: 50px;
    /*font-family: Arial, serif;*/
    /*font-family: 'Jost Light';*/
}

#product-news-slider .owl-nav .owl-prev {
    left: -30px;
}

#product-news-slider .owl-nav .owl-next {
    left: auto;
    right: -30px;
}

/*.product-news-slider {*/
/*    display: flex;*/
/*    gap: 20px;*/
/*    overflow-x: auto;*/
/*}*/

#product-news-slider .slider-item {
    text-align: center;
    /*padding-left: 50px;*/
    /*padding-right: 50px;*/
}

#product-news-slider .slider-item a {
    text-decoration: none;
    color: #000;
}

#product-news-slider .slider-item a:hover {
    text-decoration: underline;
}

#product-news-slider .product-img {
    width: 100%;
    transition: opacity .3s ease;
}

#product-news-slider .color-swatches {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
}

#product-news-slider .swatch {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    /*border: 1px solid #ccc;*/
}

#product-news-slider .swatch-active {
    position: relative;
}

#product-news-slider .swatch-active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.1);
}



/* theme start */

body {
    /*font-family: 'Poppins Light',-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;*/
    font-family: 'Jost Light',-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    /*font-family: 'Jost',-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;*/
    background-color: #fff !important;
    font-size: 16px;
    /*font-weight: 300;*/
}

body.full-width-content #page {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
}

#primary-menu a {
    /*font-weight: 500;*/
    /*font-weight: bold;*/
    /*line-height: 35px;*/
    line-height: 25px;
    font-family: 'Jost Regular', sans-serif;
}


.inside-header {
    padding: 20px 50px !important;
}

.footer-widgets-container {
    padding: 40px 35px !important;
}

#menu-footer-menu li {
    margin-bottom: 0;
}

#menu-footer-menu a {
    color: #000000;
    text-decoration: none;
    font-size: 16px;
}


.product .color-swatches {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
}

.product .shop-color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
}

.product .swatch-active {
    position: relative;
}

.product .swatch-active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.1);
}

.product .woocommerce-LoopProduct-link {
    color: #000;
    text-decoration: none;
}

.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title {
    text-decoration: underline;
}

.product .woocommerce-loop-product__title {
    text-align: center;
}


/* Contenedor centrado */
.custom-woo-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 900px;
    margin: 0 auto 20px;
    text-align: center;
}

/* Inputs y selects */
.custom-woo-filters input[type="search"],
.custom-woo-filters select,
.custom-woo-filters button {
    max-width: 180px;
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Botón distinto */
.custom-woo-filters button {
    background-color: #333;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s;
}
.custom-woo-filters button:hover {
    background-color: #555;
}

#filter-geschlecht,
#filter-breite-steg,
#filter-form,
#filter-grobe,
#filter-sort {
    visibility: hidden;
}

#shop-custom-filters .ss-value-delete,
#shop-custom-filters .ss-deselect {
    display: none !important;
}

#shop-custom-filters .ss-main {
    /*max-width: 180px;*/
    max-width: 120px;
    width: 100%;
    border: 0;
}

#shop-custom-filters .ss-value {
    background-color: transparent;
}

#shop-custom-filters .ss-value-text {
    /*color: #7a7a7a !important;*/
    color: #000 !important;
    padding: 2px 0;
    font-size: 14px;
}

#shop-custom-filters .ss-values .ss-value:not(:last-child)::after {
    content: ", ";
    margin-right: 2px;
    margin-left: 2px;
    font-size: 14px;

}

#shop-custom-filters #filter-product-search {
    height: 30px;
    background-color: #fff;
    border-radius: 0;
    font-size: 14px;
    margin: auto 0;
}

.ss-search {
    display: none !important;
}

.ss-option {
    font-size: 14px;
}

.ss-placeholder,
.ss-single
{
    font-size: 14px;
    color: #000 !important;
}

.ss-main:focus {
    box-shadow: none !important;
}

body.post-type-archive-product .woocommerce-pagination {
    display: none;
}

body.post-type-archive-product .page-title {
    text-align: center;
    font-size: 16px;
    /*font-weight: bold;*/
    margin-bottom: 10px;
    font-family: 'Jost Regular', sans-serif;
}

#primary-menu {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}


#primary-menu ul.menu > li.menu-right {
    margin-left: auto;
    margin-right: 20px;
}

#primary-menu ul.menu > li.menu-account {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('./assets/images/user.svg'); /* tu SVG */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
    margin-right: 20px;
}

/* BARRA DE FILTROS */

.custom-woo-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
    position: relative;
    
}

#shop-custom-filters #filter-product-search {
    height: 30px;
    background-color: #fff;
    border-radius: 0;
    font-size: 14px;
    margin: 0px;
    position: absolute;
    /*right: 0;*/
    right: 4%;
}
/* 3. Ajuste para pantallas pequeñas (Mobile) */
@media (max-width: 768px) {
    #shop-custom-filters.custom-woo-filters {
        flex-direction: column !important;
        height: auto !important;
    }
    
    #filter-product-search {
        position: static !important; /* Vuelve al flujo normal en móvil */
        transform: none !important;
        margin: 10px auto !important;
        width: 100% !important;
    }
}

/* Posicionar correctamente el icono de lupa dentro de las slides WVG 
.woo-variation-gallery-slider .slick-slide {
    position: relative; /* para posicionar iconos absolute dentro 
}

.woo-variation-gallery-trigger,
.woo-variation-gallery-trigger-clone {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    border: none !important;
    text-decoration: none !important;
}

.woo-variation-gallery-trigger span.dashicons,
.woo-variation-gallery-trigger-clone span.dashicons {
    color: #000;
    font-size: 18px;
}

/* asegurar que el trigger original también esté posicionado correctamente
.woo-variation-gallery-trigger.woo-variation-gallery-trigger-position-top-right {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 60;
}
    

/* ========== BOTÓN GRAVITY FORMS A NEGRO ========== */
.gform_button,
.gform_wrapper .gform_button,
#gform_submit_button_3 {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

.gform_button:hover,
.gform_wrapper .gform_button:hover,
#gform_submit_button_3:hover {
    background-color: #333333 !important;
    opacity: 0.8 !important;
}

/* CONFIGURACIONES B2B */
/* Selector exacto para el mensaje de login del plugin B2B */
p.wcb2b_login_message {
    display: none !important;
}

/* También ocultamos el contenedor por si queda algún margen residual */
.wcb2b_login_message {
    display: none !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* DISEÑO "MEIN KONTO" - LIMPIEZA Y CUADRÍCULA */

/* 1. Ocultar navegación vertical de la izquierda y sidebar */
.woocommerce-MyAccount-navigation {
    display: none !important;
}

/* 2. Expandir el contenido al 100% de ancho */
.woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
}

/* 3. Estilo del mensaje de bienvenida (Hallo Testkunde...) */
.woocommerce-MyAccount-content p:first-child {
    font-family: 'Jost Light', sans-serif;
    font-size: 18px;
    color: #000;
    margin-bottom: 30px;
    text-align: left;
}

.woocommerce-MyAccount-content p:first-child a {
    text-decoration: underline;
    color: #4b89b1; /* Color azul del link de la imagen */
}

/* 4. Ocultar el link de "Dashboard" en las cajas para que solo queden 4 */
.wcmamtx_dashboard_link.dashboard-link {
    display: none !important;
}

/* 5. Crear la grilla de 2x2 para las cajas de la derecha */
/* WooCommerce Dashboard Links suele usar una estructura de párrafos o listas */

.wcmtx-my-account-links {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    max-width: 600px !important;
    margin: 50px auto !important;
}

/* Estilo de los bloques (Bestellungen, Adresse, etc.) */
.wcmamtx_dashboard_link { 
    border: 1px solid #f2f2f2 !important;
    text-align: center;
    transition: border 0.3s ease;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #fff !important;
}

.wcmamtx_dashboard_link:hover {
    border-color: #000 !important;
}

/* Iconos más grandes */
.wcmamtx_dashboard_link .wcmtx_icon_src {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 40px !important;
}


/* Texto de los links */
.wcmamtx_dashboard_link a {
    text-decoration: none !important;
	font-size: 24px !important;
    color: #000 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100%;
}


a.link-social {
    width: 22px;
    height: 22px;
    background-color: #ede9e0;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #1d1d1b;
}

.link-social-container {
    padding: 5px;
    background-color: #ede9e0;
    line-height: 1;
    display: inline-block;
}

a.link-facebook {
    background-image: url('./assets/images/facebook-f.svg');
}

a.link-instagram {
    background-image: url('./assets/images/instagram.svg');
}

/*
   MENÚ REGSONN - SOLUCIÓN FINAL: EXCLUSIÓN POR JERARQUÍA
*/

@media (min-width: 1025px) {

    /* 1. EL PUENTE (Área de contacto ampliada) */
    .main-navigation ul > li {
        position: relative !important;
    }

    .main-navigation ul > li::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 10;
    }

    /* 2. ESTADO BASE (OCULTO) */
    .main-navigation ul ul.sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: max-content !important;
        max-width: 95vw;
        z-index: 100;
        display: inline-flex !important;
        flex-direction: row !important;
        /*gap: 20px;*/
        /*padding: 10px 0 !important;*/
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        opacity: 0;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        pointer-events: none;
        transform: translateY(10px) !important;
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    /* 3. PERSISTENCIA (PÁGINA ACTUAL) */
    .main-navigation ul li.current-menu-ancestor > ul.sub-menu,
    .main-navigation ul li.current-menu-parent > ul.sub-menu,
    .main-navigation ul li:has(.current-menu-item) > ul.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    /* 4. REGLA ANTI-SOLAPAMIENTO (BORRADO SELECTIVO) */
    .main-navigation .main-nav > ul:hover li.current-menu-ancestor > .sub-menu,
    .main-navigation .main-nav > ul:hover li:has(.current-menu-item) > .sub-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
    }

    .main-navigation .main-nav > ul > li.current-menu-ancestor:hover > .sub-menu,
    .main-navigation .main-nav > ul > li:has(.current-menu-item):hover > .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    /* 5. PRIORIDAD DE HOVER */
    .main-nav ul li:hover > .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
        z-index: 120 !important;
    }

    /* 6. ESTILO DE ENLACES*/
    .main-navigation ul ul.sub-menu li a {
        padding: 5px 20px !important;
        font-family: 'Jost Regular', sans-serif !important;
        font-size: 14px;
        white-space: nowrap;
        text-decoration: none !important;
        color: #000 !important;
        /*font-weight: 700 !important; */
        transition: font-weight 0.2s ease;
    }

    .main-navigation .main-nav ul ul.sub-menu li:first-child a {
        padding-left: 20px !important;
    }

    /* ESTADO SELECCIONADO Y HOVER*/
    .main-navigation ul ul.sub-menu li.current-menu-item > a,
    .main-navigation ul ul.sub-menu li a:hover {
        color: #7f7f7f !important;
        /*font-weight: 300 !important; */
    }

    /* 7. ESTILO DEL MENÚ PRINCIPAL */
    .main-navigation .main-nav > ul > li > a {
        color: #000 !important;
        /*font-weight: 700 !important;*/
    }

    .main-navigation .main-nav ul li.current-menu-ancestor > a,
    .main-navigation .main-nav ul li.current-menu-parent > a {
        color: #000 !important;
        /*font-weight: 700 !important;*/
    }

}

/* ESTILO DEL BLOQUE DE LOGIN */
.b2b-login-block p {
    font-weight: 300 !important; /* Peso ligero para instrucciones */
    color: #000;
    margin-bottom: 20px;

}

.b2b-login-block .form-row {
    display: block;
}

.b2b-login-block input[type='text'],
.b2b-login-block input[type='password']
{
    width: 100%;
    max-width: 400px;
    padding: 12px;
    border: 1px solid #ccc;
    font-family: 'Jost Light', sans-serif;
    display: block;
}

.b2b-login-block .b2b-button {
    background-color: #000;
    color: #fff;
    padding: 12px 40px;
    font-weight: 700 !important; /* Negrita para el botón */
    border: none;
    cursor: pointer;
    text-transform: uppercase;
}

.b2b-login-block a {
    color: #000;
    text-decoration: underline;
}

.b2b-login-block .woocommerce-form-login__submit {
    display: block;
    margin-top: 15px;
}

/*
   DISEÑO PÁGINA DE CONTACTO (LOOK BOUTIQUE)
*/

/* 1. Ajuste general de las columnas en la página de contacto */
/*.page .entry-content .wp-block-columns {*/
/*    align-items: center;*/
/*    gap: 10% !important;*/
/*    margin-top: 60px;*/
/*}*/

/* 2. Columna Izquierda: Formulario (Gravity Forms) */
.gform_wrapper.gravity-theme .ginput_container input,
.gform_wrapper.gravity-theme .ginput_container textarea {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1.5px solid #000 !important;
    border-radius: 0 !important;
    padding: 10px 5px !important;
    box-shadow: none !important;
    font-family: 'Poppins Light', sans-serif !important;
    font-size: 16px !important;
}

/* Estilo para el texto que aparece dentro del campo (Placeholder) */
::placeholder {
    color: #999 !important;
    font-weight: 300;
}

/* 3. Botón de Envío (Negro Sólido y Redondeado) */
.gform_wrapper.gravity-theme .gform_footer input.gform_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 15px 60px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: opacity 0.3s;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.gform_wrapper.gravity-theme .gform_footer input.gform_button:hover {
    opacity: 0.8;
}

/* 4. Columna Derecha: Service-Hotline */
/* Ajuste de tipografía para que se vea ligera y moderna */
.wp-block-column h2 {
    font-weight: 300 !important;
    letter-spacing: 2px;
}

.wp-block-column p {
    line-height: 1.8;
}

/* Estilo para el número de teléfono y email para que resalten */
.wp-block-column .has-large-font-size {
    font-size: 2.5rem !important;
    font-weight: 300 !important;
    margin: 20px 0 !important;
}


.menu-item-has-children .dropdown-menu-toggle {
    display: none !important;
}

/*PÁGINA CARRITO*/

/* Tabla Warenkorb*/
.woocommerce table.shop_table {
    text-align: left;
    width: 100%;
    border-collapse: separate;
    background-color: #fff !important;
    border-radius: 5px;
    font-family: 'Jost Light', sans-serif !important; /* Mantener la consistencia de fuente */
}
.woocommerce-cart-form table.shop_table thead th {
    background-color: #fff !important;
}

.woocommerce-cart-form .product-name a {
    color: #000 !important;
    text-decoration: none !important;
    transition: opacity 0.3s ease;
}

.woocommerce-cart-form .product-name a:hover {
    opacity: 0.6; 
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
    background-color: #000 !important;
    color: #fff !important;
    transition: opacity 0.3s ease;
}

/* Tabla Checkout*/

#place_order, 
.woocommerce-cart .actions .button[name="update_cart"] {
    background-color: #000 !important;
    color: #fff !important;
    transition: opacity 0.3s ease;
}

.text-justify {
    text-align: justify;
}


/* DISEÑO HERRAMIENTA QA VARIANTES - IMÁGENES GIGANTES */

/* Aumentar el ancho de la tabla para dar espacio a las fotos */
.qa-comparison-tool .qa-table-bruta.giant-images {
    width: 100%;
    table-layout: fixed; /* Ayuda a controlar anchos */
}

.qa-comparison-tool .qa-table-bruta th,
.qa-comparison-tool .qa-table-bruta td {
    vertical-align: top !important; /* Alinear todo arriba para facilitar comparación */
    padding: 20px !important;
}

/* Estilo del contenedor de la galería en la celda */
.qa-comparison-tool .qa-image-gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* Estilo de cada imagen individual: GRANDE */
.qa-comparison-tool .qa-variation-image {
    width: 100% !important;
    max-width: 400px !important; /* Tamaño máximo generoso */
    height: auto !important;
    border: 1px solid #eee;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}   

/* El círculo de color para comparar */
.qa-comparison-tool .qa-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto;
    border: 2px solid #000;
}

/* ESTILOS REPORTE B2B */
.b2b-price-report-container {
    padding: 20px;
    max-width: 100%;
    overflow-x: auto;
}

.b2b-product-section {
    margin-bottom: 50px;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.b2b-product-section h3 {
    margin-top: 0;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Jost Medium', sans-serif;
}

.b2b-report-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.b2b-report-table th, 
.b2b-report-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}

.b2b-report-table th {
    background-color: #f9f9f9;
    font-weight: bold;
    color: #333;
}

.b2b-report-table .col-variant,
.b2b-report-table td:first-child {
    text-align: left;
    background-color: #fff; 
    min-width: 200px;
}

.b2b-report-table td small {
    color: #888;
}

/* Oculta la frase completa: "El pedido #123 se realizó el... y está actualmente [Estado]" */
.woocommerce-view-order p:nth-child(1) {
    display: none !important;
}

/* Oculta cualquier etiqueta de estado (mark) que pueda aparecer en la vista de detalle */
.woocommerce-view-order mark.order-status {
    display: none !important;
}

/*.wc-nav-buttons {*/
/*    !*margin-bottom: 20px;*!*/
/*    margin-bottom: 0 !important;*/
/*    !*display: flex;*!*/
/*    !*gap: 10px;*!*/
/*    text-align: right;*/
/*    width: 100%;*/
/*    padding-left: 15px;*/
/*    !*padding-right: 25px;*!*/
/*    padding-right: 38px;*/
/*}*/

#primary-menu .button {
    /*background: #f5f5f5;*/
    color: #333;
    /*border: 1px solid #ddd;*/
    /*font-size: 0.8em;*/
    background-color: transparent !important;
    padding: 0 10px !important;
    font-size: 0.8em !important;
    display: inline-block;
    margin-top: 5px;
    margin-right: 20px !important;
}

.wc-back,
.wc-shop {
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wc-back {
    background-image: url('assets/images/arrow-left.svg') !important;

}

.wc-shop {
    background-image: url('assets/images/basket.svg') !important;

}

/*.wc-nav-buttons .button:hover {*/
/*    background: #eaeaea;*/
/*}*/

.wc-nav-buttons .button:hover {
    color: #333 !important;
}

.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0 !important;
}

.separate-containers .inside-article {
    padding-top: 0 !important;
}

.product .tax-info {
    display: none !important;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    border-top: 0 !important;
    padding: 1em 2em 1em 2em !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before
{
    display: none !important;
    content: '' !important;
}

/* Fix for WooCommerce "Show Password" button in Gravity Forms */
.gform_wrapper .woocommerce-Input--password + .show-password-input {
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background: transparent; /* Removes the solid blue color */
    color: #333; /* Color of the icon */
    border: none;
}

/* Ensure the icon is visible (WooCommerce uses a font icon) */
.show-password-input::after {
    content: "\e039"; /* WooCommerce eye icon code */
    font-family: 'WooCommerce';
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    display: none !important;
}


figure.imagen-70-percent img {
    width: 70% !important;
    margin: 0 auto;
}

.video-mt-5 {
    margin-top: 5px;
}


@media (max-width: 1024px) {
    #shop-custom-filters {
        justify-content: flex-start;
    }
}