/* 
Theme Name: Taltavull theme
Description: Custom theme
Template: storefront
Version: 1.0.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */




.label {
    color: inherit;
    text-align: inherit;
    display: block;
}

/*  Remove stupid purple link outlines.  Accessibility be damned.   */
a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
   outline: none;
}

/* Change purple (#96588a) button colour */
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
    background-color: #77cde3;
    border-color: #77cde3;
    color: #ffffff;
	border-radius: 5px;
}

/* Change purple (#96588a) hover button colour */
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover, .widget a.button:hover, .site-header-cart .widget_shopping_cart a.button:hover {
    background-color: #48c5e4;
    border-color: #48c5e4;
    color: #ffffff;
}


body.storefront-full-width-content .right-sidebar .content-area {
    width: 100%;
    margin: 0;
}



/* Ocultar migas de pan */

.storefront-breadcrumb{
 display:none;
}

.site-content {
    margin-top: 20px;
}


/* Ajustes header */

@media (min-width: 1020px) {
   .site-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px; /* Ajusta el padding según necesites */
    }

    .site-branding {
        order: 1; /* Coloca el logo a la izquierda */
    }

    .storefront-primary-navigation {
        order: 2; /* Coloca el menú en el centro */
        flex-grow: 1; /* Permite que el menú ocupe el espacio restante */
        text-align: center;
    }

    #site-header-cart {
        order: 3; /* Coloca el carrito a la derecha */
    }

    header#masthead {
		display: flex;
		padding-top: 20px;
	}

}


/* Ocultar boton seleccionar opciones */
.woocommerce ul.products li.product a.button.product_type_variable {
	display: none !important;
}

/* Ocultar filtros y botón en escritorio */
#toggle-filters{
	display: none;
}

@media (max-width: 767px) {
	/* Para que salgan arriba */
	.site-content .col-full {
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	
	/* Mostrar el botón y ocultar los filtros en móvil */
	#toggle-filters {
		display: block;
		margin-bottom: 10px;
		padding: 10px 20px;
		background-color: #000;
		color: #fff;
		border: none;
		cursor: pointer;
	}

	#secondary {
		display: none;
	}

	/* Estilos adicionales para los filtros desplegados */
	#secondary.open {
		display: block;
	}

	/* Listar dos productos en movil*/
	ul.products.columns-3 li.product {
		width: 50% !important;
		float: left !important;
		clear: none !important;
		padding: 7px;
	}
}


.cart_totals {
    width: 100% !important;
}