/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
	/* -------------------------------------------------------------------------
   * SEMANTIC TOKENS
   * ------------------------------------------------------------------------- */
    /* --- Border: Width --- */
  --border-width-none: 0px;
  --border-width-x-small: 1px;
  --border-width-small: 2px;
  --border-width-medium: 4px;
  /* --- Border: Radius --- */
  --border-radius-none: 0px;
  --border-radius-x-small: 4px;
  --border-radius-small: 8px;
  --border-radius-medium: 16px;
  --border-radius-large: 24px;
  --border-radius-x-large: 32px;
  --border-radius-round: 999px;
  /* --- Spacing --- */
  --spacing-none: 0px;
  --spacing-x-small: 8px;
  --spacing-small: 16px;
  --spacing-medium: 24px;
  --spacing-large: 32px;
  --spacing-x-large: 48px;
  /* --- Container --- */
  --container-x-small: 384px;
  --container-small: 588px;
  --container-medium: 792px;
  --container-x-large: 1200px;
}
/***** Estilo Global ****/
ul{
	margin-left:var(--spacing-medium);
}

/*------
 * Estilos de WooCommerce para estilo personalizado de e-commerce y crowdfunding
 * ----------*/

/** margin auto - arcive productos **/

.woocommerce-archive-wrapper {
	max-width:var(--gb-container-width);
	margin-left:auto;
	margin-right:auto;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images{
	margin-bottom:var(--spacing-small);
}
.woocommerce-product-gallery__image{
	border-radius:var(--border-radius-small);
	overflow:clip;
	margin-bottom:var(--spacing-small);
}
.woocommerce div.product form.cart{
	margin-bottom:var(--spacing-x-small);
}
form.cart{
	background-color:var(--base-2);
	border-radius: var(--border-radius-large);
	padding:var(--spacing-medium);
	display:flex;
	flex-direction:column;
}
@media (max-width:767px){
	form.cart{
		border-radius: var(--border-radius-medium);
		padding:var(--spacing-small);
	}
}
.open-pricing{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-x-small);
}

.open-pricing__title{
	font-size:1.25rem;
	font-weight:700;
	line-height:1.25em;
	margin-bottom:var(--spacing-x-small)
}
.open-pricing__input-container {
	display: flex;
    align-items: center;
    margin: var(--spacing-none);
    gap: var(--spacing-none);
    border: solid var(--border-width-x-small) var(--contrast-3);
    padding: var(--spacing-medium);
    border-radius: var(--border-radius-medium);
	background-color:var(--base-2);
}
.open-pricing__input-symbol {
    font-size: 2rem;
    color: var(--contrast-2);
    font-weight: 600;
}
span.open-pricing__input-decimals {
    font-size: 2rem;
    font-weight: 700;
}
.open-pricing__input input#wcj_open_price{
	color: var(--contrast);
    background-color: var(--base-2);
    border-color: var(--base);
	border-width:var(--border-width-none);
	font-size:2rem;
	width: 100%;
    text-align: right;
    padding: var(--spacing-none);
	font-weight: 700;
}
.open-pricing__rules{
	font-size:0.875rem;
	line-height:1.25rem;
	text-align:center;
	margin-bottom:var(--spacing-none);
}
.button.single_add_to_cart_button.button.alt {
	border-radius:var(--border-radius-round);
	margin-top:var(--spacing-small);
	align-self:stretch;
}


 /* ------------ Progress bar------------------*/

.project-remaining__progress-bar progress, .project-card__progress-bar progress{
  /* Reset default appearance for better control */
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 12px; /* Set a consistent height */
  border: var(--border-width-x-small) solid var(--contrast-3); /* Add a border */
  border-radius: var(--border-radius-round); /* Optional: rounded corners */
}

/* Styling the background (unfilled part) in Chrome, Safari, Edge, Opera */
progress::-webkit-progress-bar {
  background-color: var(--base);
  border-radius: var(--border-radius-round);
}

/* Styling the filled value in Chrome, Safari, Edge, Opera */
progress::-webkit-progress-value {
  background-color: var(--primary-500); /* The progress color */
  border-radius: var(--border-radius-round);
}

/* Styling the entire bar in Firefox */
progress::-moz-progress-bar {
  background-color: var(--primary-500); /* The progress color */
  border-radius: var(--border-radius-round);
}

/*------------------------Forminator Style--------------------------*/
.forminator-button.forminator-button{
	border-radius:var(--border-radius-round);
}
#forminator-module-779 a.forminator-save-draft-link {
	color:var(--secundary-700);
}