/*
 * Legacy Theme - estilos migrados del theme Astra hijo (Peusso).
 * Antes vivian en wp-content/themes/astra-hijo/style.css.
 */

.woocommerce-checkout #billing_country_field.peusso-hidden-country,
.woocommerce-checkout #billing_country_field:has(input[type="hidden"]) {
    display: none !important;
}

.woocommerce-checkout #billing_factura_a_field {
    justify-content: center;
    align-content: center;
}

.woocommerce-checkout #billing_cuit_field label .optional {
    display: none;
}

@media (min-width: 769px) {
    .woocommerce-checkout #numero_direccion_field {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-end;
    }
}

.woocommerce-checkout #numero_direccion_field label {
    white-space: normal;
}





.woocommerce-checkout .wko-card-img {
    position: relative;
    display: block;
    width: 100%;
}

.woocommerce-checkout .wko-card-img img#wko-credit-card-icon,
.woocommerce-checkout .wko-card-img img#wko-cvv-icon {
    position: absolute !important;
    top: 50% !important;
    left: 14px !important;
    z-index: 2 !important;
    width: 38px !important;
    max-height: 24px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.woocommerce-checkout .wko-card-img input#wko-card-number,
.woocommerce-checkout .wko-card-img input#wko-card-cvv {
    width: 100%;
    padding-left: 64px;
}



.peusso-product-sku,
.peusso-single-product-sku,
.peusso-single-product-sku-below-description,
.peusso-cart-item-sku {
    display: block;
    color: #5f6670;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.3;
    text-transform: uppercase;
}

.peusso-product-sku {
    margin: 0.3rem 0 0.45rem;
}

.peusso-single-product-sku {
    margin: 0.35rem 0 0.8rem;
}

.peusso-single-product-sku-below-description {
    margin: 0.9rem 0 0.4rem;
    font-size: 0.95rem;
}

.peusso-cart-item-sku {
    margin-top: 0.2rem;
    font-size: 0.78rem;
}

a .peusso-product-sku,
a .peusso-single-product-sku,
a .peusso-cart-item-sku {
    text-decoration: none;
}

/* --------------------------------------------------------------
 * Peusso: fix flechas del gallery-slider-for-woocommerce.
 * El plugin genera CSS `content:"\e814"` con la font `spwgfontello`
 * pero el navegador la resuelve vacía. Sobrescribimos las flechas
 * con SVG chevrons inline (independientes de la font del plugin).
 * Los botones son flex containers de 38x38 (main) o 25x107 (thumb-nav).
 * Usamos position: absolute + inset: 0 para que el ::before ocupe
 * TODO el botón sin depender de height:100% (que falla en flex).
 * -------------------------------------------------------------- */
#wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-prev,
#wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-next,
#wpgs-gallery .gallery-navigation-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-prev,
#wpgs-gallery .gallery-navigation-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-next {
    position: absolute; /* asegura que el ::before absolute se ancle al botón */
}

#wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-prev::before,
#wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-next::before,
#wpgs-gallery .gallery-navigation-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-prev::before,
#wpgs-gallery .gallery-navigation-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-next::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 55% auto !important;
    font-size: 0 !important; /* neutraliza el font-family: spwgfontello */
    pointer-events: none;
}

#wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-prev::before,
#wpgs-gallery .gallery-navigation-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-prev::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>") !important;
}

#wpgs-gallery .wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-next::before,
#wpgs-gallery .gallery-navigation-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-next::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") !important;
}

/* Flechas del thumb strip: el plugin las oculta por default y sólo las
 * muestra en hover. Forzamos que sean visibles siempre. */
#wpgs-gallery .gallery-navigation-carousel .wcgs-spswiper-arrow {
    opacity: 1 !important;
}

/* Estado disabled del swiper (primera/última posición): atenuar */
#wpgs-gallery .wcgs-spswiper-arrow.spswiper-button-disabled {
    opacity: 0.35 !important;
    cursor: default;
}

#wpgs-gallery .gallery-navigation-carousel-wrapper {
    position: relative;
}

/* Peusso: unificar fuente del buscador Fibo a Poppins */
.dgwt-wcas-search-wrapp,
.dgwt-wcas-search-wrapp *,
.dgwt-wcas-search-input,
.dgwt-wcas-sf-wrapp,
.dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-suggestions-wrapp *,
.dgwt-wcas-st,
.dgwt-wcas-st-title,
.dgwt-wcas-suggestion {
	font-family: "Poppins", sans-serif !important;
}