/*
Theme Name: Ruta5
Theme URI: https://ebyb.eu/ruta5
Author: acalfieri
Author URI: https://ebyb.eu
Description: Ruta5 is based on Twenty Twenty-Three and is a custom FSE theme
Requires at least: 6.3
Tested up to: 6.3
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: ruta5
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

:root {
	--wp--preset--color--base: #fafafa;
	--wp--preset--color--contrast: #25142d;
	--wp--preset--color--primary: #ff0000;
	--wp--preset--color--secondary: #ff6000;
	--wp--preset--color--tertiary: #ffceb2;
	--wp--preset--gradient--base-to-tertiary: linear-gradient(0deg, #fafafa, #ffceb2);
	--wp--preset--gradient--tertiary-to-base: linear-gradient(180deg, #fafafa, #ffceb2);
	
	--wp--preset--background-image--grunge: url('assets/images/grunge-wall.png');
	--wp--preset--background-image--concrete: url('assets/images/concrete-wall.png');
	--wp--preset--font-family--piazzolla: Piazzolla;
	--wp--preset--font-family--titilliumweb: 'Titillium Web';
}

body {
	background-color: #fafafa;
}

main:not(.woocommerce .site-main) {
	min-height: 80vh;
}

header, footer {
}

/*--------------------------------------------------------------
1. Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-size: 12px;
	font-size: 1rem;
	line-height: 1;
	padding: .8rem 1rem;
	font-family: Piazzolla;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	background-color: var(--wp--preset--color--secondary);
}

.wc-block-mini-cart__button:hover,
.wc-block-mini-cart__button:focus {
	border-color: transparent;
	background-color: transparent;

}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
	background-color: var(--wp--preset--color--secondary);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	line-height: 1.8;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
	color: #555;
	background-color: var(--wp--preset--color--base);
	border: 1px solid #ccc;
	border-radius: 3px;
	line-height: 1.8;
	padding: 3px;
	font-size: 16px;
	font-family: var(--wp--preset--font-family--piazzolla);
}

textarea {
	width: auto;
}

/* Navigation Button */

.wp-block-navigation__responsive-container-close:hover,
.wp-block-navigation__responsive-container-open:hover,
.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation__responsive-container-open:focus {
	background: transparent;
	border: none;
	color: currentColor;
}

.wp-admin .footer-logo-img,
.footer-logo-img {
	max-height: 1.2rem;
}

@media only screen and (max-width: 768px) {
	footer .wp-block-group > .wp-block-group:not(.copyright-logo) {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		margin-bottom: var(--wp--preset--spacing--40);
	}

	footer .wp-block-group .copyright-logo {
		
	}
}

/* Core/Navigation Mobile */

@media only screen and (max-width: 768px) {

	.main-navigation .wp-block-navigation__responsive-container-content {
		gap: 4px;

	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
		padding-top: 0;

	}

	ul.wp-block-navigation__container {

	}

	li.wp-block-navigation-item,
	li.wp-block-navigation-link {

	}

	a.wp-block-navigation-item__content {

	}

	/* Y adentro del <a> hay un <span> for the label */

	span.wp-block-navigation-item__label {

	}

}


/*--------------------------------------------------------------
2. Blocks
--------------------------------------------------------------*/
.wp-block-media-text {
}

.wp-block-social-link {
	border-radius: 3px;
}

.wp-block-group.trapeze {
	border: 0px solid red;
}

.resaltado {
	font-weight: bold;
	font-size: 1.3em;
}


/*--------------------------------------------------------------
3. WooCommerce
--------------------------------------------------------------*/

.woocommerce-page main {
	max-width: calc(1100px + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left));
	margin-left: auto;
	margin-right: auto;
}

.woocommerce-page main .woocommerce::after,
.woocommerce-page main .woocommerce::before {
	content: " ";
	display: table;
}
.woocommerce-page main .woocommerce::after {
	clear: both;
}

.woocommerce .product h1 {
	
}

.woocommerce .sku_wrapper {
	display: none;
}

.woocommerce .wc-tabs {
	font-size: var(--wp--preset--font-size--small);
}

.woocommerce .wp-element-button,
.woocommerce .wp-block-button {
	font-size: var(--wp--preset--font-size--small);
}

.woocommerce ul.products {
	padding-inline-start: 0;
	display: flex;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
	.woocommerce ul.products {
		justify-content: space-between;
	}
}

.woocommerce ul.products li.product {
	list-style: none;
	margin-top: var(--wp--style--block-gap);
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	display: block;
	border: 0;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
	font-size: var(--wp--preset--font-size--medium);
	text-decoration: none;
	margin-bottom: 0;
}

.woocommerce ul.products li.product a.button {
	padding: 0.8rem 10%;
	margin-left: auto;
	margin-right: auto;
}

.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
	max-width: 840px;
}