/* Forma de los botones y selector de cantidad.

   Los botones de la tienda eran pastillas (radio 999px) y se veian ovalados.
   Aqui pasan todos a rectangulo de esquinas redondeadas, con un solo radio para
   toda la web. Los botones que son solo un icono siguen redondos, que ahi la
   pastilla si tiene sentido.

   Esta hoja se carga la ultima a proposito: muchas de las reglas originales
   llevan !important, asi que hace falta pisarlas desde fuera. */

.icf-v2{
	--gc-r:14px;   /* botones grandes */
	--gc-r-md:12px;/* botones medianos y pestanas */
	--gc-r-sm:10px;/* pastillas de opcion */
}

/* ------------------------------------------------- botones de accion */
html body.icf-v2 .single_add_to_cart_button,
html body.icf-v2 button.single_add_to_cart_button,
html body.icf-v2 .icf-product-cta,
html body.icf-v2 .icf-product-page button.single_add_to_cart_button.icf-product-cta,
html body.icf-v2 button.single_add_to_cart_button.icf-product-cta,
html body .icf-cart .icf-checkout,
html body.icf-v2 .gcpk__btn,
html body.icf-v2 .gcpk__cta-accion,
html body.icf-v2 .gcc-barra__btn,
html body #v2cd .gcm__botones a,
html body.icf-v2 .gcp__btn,
html body.icf-v2 .gcpkm__add{
	border-radius:var(--gc-r) !important
}

/* El filo cromado de los botones sigue el mismo contorno. */
html body.icf-v2 .gcpk__btn::before,
html body.icf-v2 .gcp__btn::after{border-radius:var(--gc-r) !important}

/* ------------------------------------------- botones medianos y pestanas */
html body.icf-v2 .gcpk__pers,
html body.icf-v2 .gcc-prog__ir,
html body.icf-v2 .gct__tab,
html body.icf-v2 .gcp__links a,
html body .icf-body .woocommerce button.button,
html body .icf-body .woocommerce a.button,
html body .icf-body .woocommerce input.button,
html body .icf-body .woocommerce button.button:hover,
html body .icf-cart .icf-cart-promo button,
html body .icf-cart .icf-cart-promo input{
	border-radius:var(--gc-r-md) !important
}
html body.icf-v2 .gct__tab::before{border-radius:var(--gc-r-md) !important}

/* --------------------------------------------------- pastillas de opcion */
html body.icf-v2 .gcpkm__op span,
html body.icf-v2 .gcpkm__texto,
html body.icf-v2 .tawcvs-swatches .swatch,
html body.woocommerce div.product .cart.variations_form .tawcvs-swatches .swatch{
	border-radius:var(--gc-r-sm) !important
}

/* Los botones que solo llevan un icono se quedan redondos. */
html body.icf-v2 .gcc-sug__nav,
html body #v2cd .v2cd__close,
html body #v2cd a.gcm__quitar,
html body.icf-v2 .gcpkm__x,
html body.icf-v2 .icf-product-gallery__nav{border-radius:50% !important}


/* =========================================================== cantidad ==== */
/* Antes era una pastilla de 128 px con dos botones de 48 y el numero perdido
   en medio: mucho aire y ninguna forma. Ahora es una pieza compacta, con los
   signos separados del numero por un filete. */
html body .icf-cart .icf-qty,
html body.icf-v2 .icf-qty{
	display:inline-flex;align-items:stretch;overflow:hidden;
	border:1.5px solid #e2e4e8 !important;border-radius:var(--gc-r-md) !important;
	background:#fff !important;height:40px
}
html body .icf-cart .icf-qty button,
html body.icf-v2 .icf-qty button{
	width:36px;min-width:36px;height:auto;padding:0;border:0;background:#fff;color:#0a0a0b;
	font:600 18px/1 'Bricolage Grotesque',sans-serif;cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	transition:background .15s ease,color .15s ease
}
html body .icf-cart .icf-qty button:hover:not([disabled]),
html body.icf-v2 .icf-qty button:hover:not([disabled]){background:#0a0a0b;color:#fff}
html body .icf-cart .icf-qty button[disabled],
html body.icf-v2 .icf-qty button[disabled]{opacity:.28;cursor:default}
html body .icf-cart .icf-qty [data-qty-display],
html body.icf-v2 .icf-qty [data-qty-display]{
	min-width:34px;display:flex;align-items:center;justify-content:center;
	border-left:1.5px solid #e2e4e8;border-right:1.5px solid #e2e4e8;
	font:700 14px/1 'Bricolage Grotesque',sans-serif;color:#0a0a0b;
	font-variant-numeric:tabular-nums
}
/* El campo de verdad sigue oculto: quien manda son los dos botones. */
html body .icf-cart .icf-qty .quantity,
html body .icf-cart .icf-qty input.qty,
html body .icf-cart .icf-qty .icf-qty__input{
	position:absolute !important;width:1px !important;height:1px !important;
	overflow:hidden !important;clip:rect(0 0 0 0) !important;opacity:0 !important
}
@media (max-width:560px){
	html body .icf-cart .icf-qty{height:38px}
	html body .icf-cart .icf-qty button{width:34px;min-width:34px}
}

/* El plugin de tallas gana con .woocommerce.single-product .cart.variations_form
   y las deja como elipses (52x37 con radio 50%). Hay que igualar su peso. */
html body.woocommerce.single-product .cart.variations_form .tawcvs-swatches .swatch,
html body.woocommerce.single-product .cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle,
html body.woocommerce.single-product .cart.variations_form .tawcvs-swatches .swatch::before,
html body.woocommerce.single-product .cart.variations_form .tawcvs-swatches .swatch::after{
	border-radius:var(--gc-r-sm) !important
}