/*
Theme Name: storefront-son
Description: Tema hijo para hacer personalizaciones de código
Theme URI: https://www.sinaptica.cat
Template: storefront
Author: israelvalcarce
Author URI: https://www.israelvalcarce.com
Version: 1.1.34
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  storefront-son

*/

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline: none; !important;
}


/*centrar el contenido despues de quitar el sidebar */


/* Ajusta el ancho del contenido principal */
.content-area {
    width: 100% !important; /* Haz que el contenido principal ocupe todo el ancho */
}

/* Ajusta el contenedor del contenido */
.site-main {
    margin: 0 auto !important; /* Centra el contenido */
    max-width: 1200px !important; /* Define un ancho máximo para mejorar la legibilidad (opcional) */

}

/* Opcional: Asegúrate de que no haya espacio reservado para la barra lateral */
.sidebar {
    display: none; /* Oculta cualquier referencia restante de la barra lateral */
}

.site-content {
    display: block; /* Asegura que el contenedor principal no tenga diseño de columnas */
}

.site-search{
    display: none; /*Oculta el buscador*/
}


/*centrar logo*/

.site-branding {
    text-align: center;
    width: 100% !important;
}

.custom-logo-link {
    display: flex !important;
    justify-content: center !important;
}

/*centrar menu*/
.primary-navigation{

    display: flex !important;
    justify-content: center !important;

}

.main-navigation {
    width: 100% !important;
}
/*ajustar carrito*/
.cart-contents_custom {

    float: none !important;
    position: absolute;
    top: 100px;
    right: 120px;
}


/* quitar los titulos de las paginas */

h1.entry-title {
    display: none;
}

.product_title{
    display:block !important;
}


/*height de la imagen de cabecera de la home*/

#post-59 {

    height:500px;

}


.taller_estampacio {
     background-color: darkcyan;
     width:100vw;
     text-align: center;

     height:400px;
    display: flex; /* Activa flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    background-image: url("https://www.sinaptica.cat/wp-content/uploads/2025/01/Home_tallers_pet.jpg");
    background-repeat: no-repeat;
    background-size: cover;

 }


.taller_estampacio h2 {
    font-size: 2rem;
    color: #fff;
    margin:0;
    font-weight: 800;
}



/* estillos del footer */
#colophon{
    background-color: black;
    color:#fff;
    display: flex; /* Activa flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */

}

.social-media {
    margin-top: 20px;
}
.social-media a {
    text-decoration: none;
    color: #5dc1b9;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: color 0.3s ease;
}
.social-media a:hover {
    color: #00858a;
}
.social-media img {
    width: 24px;
    height: 24px;
}

.site-footer a:not(.button):not(.components-button) {
    color: #ffffff;!important;
}

/* botones + - del carrito */

.wc-block-components-quantity-selector__button ,.wc-block-components-quantity-selector__button--plus{
    background-color: #ddd !important;
    border-radius:0 !important;;
    padding:0 !important;
}
.wc-block-cart-item__remove-link{
    color:#D3A61F  !important;
    background-color: #eee !important;
    padding:2px !important;
    border-radius:0 !important;



}


/*hacemos la imagen de sinaptica ull width */

.elementor-widget-container img.attachment-full.size-full.wp-image-193 {
    display: block;
    width: 100vw; /* Ocupar todo el ancho de la pantalla */
    max-width: 100vw;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%); /* Corrige el desplazamiento */
}


/*poner pastilla en foto gallery*/

.bwg-item {
    position: relative;
}

.bwg-item a {
    display: block;
    position: relative;
}

.bwg-item .bwg-title2 {
    position: absolute;
    bottom: 25px;
    left: 0%;
    width: 90%;
    background: rgba(0, 0, 0, 1);
    color: white;
    text-align: center;
    padding: 15px !important;
    font-size: 12px !important;
    font-weight: bold;
    text-align: left !important;
}

.bwg-item0 .bwg-title1, .bwg-item0 .bwg-ecommerce1 {
    opacity:1 !important;
}

.bwg-zoom-effect-overlay{
    opacity:1 !important;

}

/* Solo botones de la home en mayúsculas */
.home .button {
    text-transform: uppercase !important;


}

/*borrar compra por marcas*/

.storefront-woocommerce-brands{
    display: none !important;
}
@media (max-width: 768px) {
    .primary-navigation{
        display: none !important;
    }

    button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before {

        left: 0.5em;

    }

    #site-navigation-menu-toggle{

        background-color: white !important;
        color: #444444 !important;
        border: 1px solid #404040 !important;

    }

    .cart-contents_custom {
        float: none !important;
        position: absolute;
        top: 50px;
        right: 10px;


}