/**
 * Wayka Producto Styles
 * Layout personalizado para la plantilla producto
**/

/* ==========================================================================
   Plantilla: Producto
   ========================================================================== */

/* Header */
.product-template-default #logo {
    filter: invert(1);
}

/* Galería */
.gallery img {
    background-color: #ffffff60;
}

.elementor-image-gallery .gallery-item img {
    width: 100%;
}

.gp-galeria-mobile.gp-mobile {
    display: none;
}

/* Precio */
p.price {
    margin: 0;
}

/* Categoría */
.tag-categoria span a {
    padding-right: 20px;
}

/* Agregar carrito */
button.single_add_to_cart_button.button {
    align-items: center;
    display: flex;
}

li.product button.single_add_to_cart_button.button::after {
    content: "+";
    font-size: 30px;
    display: inline-block;
    font-weight: 300;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

button.single_add_to_cart_button.button:hover::after {
    transform: rotate(180deg);
}

/* Información adicional */
.e-n-tabs-heading {
    width: 360px;
    justify-content: center !important;
}

.acf-especialidad-producto {
    color: var(--wayka-text);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 80px;
    padding-bottom: 140px;
}

.acf-especialidad-producto__lista {
    width: 25%;
}

.acf-especialidad-producto__bloques {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 70%;
}

.acf-especialidad-producto__contenido p {
    padding-bottom: 20px;
}

/* Epecialidad */
.acf-especialidad-producto__item {
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.20);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.acf-especialidad-producto__item:last-child {
    border-bottom-width: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.acf-especialidad-producto__detalle {
    font-family: 'Monument', 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    font-size: var( --e-global-typography-e2f5ebf-font-size );
}

.acf-especialidad-producto__tag {
    font-family: 'Poppins', sans-serif;
    font-size: var( --e-global-typography-text-font-size );
}

.acf-especialidad-producto h3 {
    font-family: 'Poppins', sans-serif;
    font-size: var( --e-global-typography-b12daf6-font-size );
    margin: 0 0 20px;
}

.acf-especialidad-producto p {
    font-size: var(--e-global-typography-text-font-size);
}

/* Acordeón */
.acf-acordeon {
  border-bottom: 1px solid var(--wayka-gris-tabla);
}

.acf-acordeon__header {
    background-color: transparent!important;
    border-width: 0!important;
    color: var(--wayka-text)!important;
    display: flex!important;
    justify-content: space-between;
    padding: 0 0 20px!important;
    width: 100%!important;
}

.acf-acordeon__title {
    font-family: 'Poppins', sans-serif;
    font-size: var( --e-global-typography-accent-font-size );
}

.acf-acordeon__icon {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    height: 10px;
    transform: rotate(45deg);
    transition: transform .35s ease;
    width: 10px;
}

.acf-acordeon__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease;
}

.acf-acordeon__inner p {
    font-size: var( --e-global-typography-492399a-font-size );
    padding-bottom: 20px;
}

.acf-acordeon.is-open .acf-acordeon__icon {
    transform: rotate(-135deg);
}

.acf-acordeon.acf-acordeon--atributos {
    margin-top: -10px;
}

table.acf-atributos-tabla {
    color: var(--wayka-text)!important;
    font-family: 'Poppins', sans-serif;
    font-size: var(--e-global-typography-492399a-font-size);
    text-align: left;
    padding-bottom: 20px!important;
}

table.acf-atributos-tabla  td, table.acf-atributos-tabla  th {
    border-bottom: 1px solid var(--wayka-gris-tabla)!important;
    padding: 5px 0 10px!important;
}

table.acf-atributos-tabla tr:last-child td, table.acf-atributos-tabla tr:last-child th {
    border-bottom-width: 0!important;
    padding-bottom: 20px!important;
}

/* Material */
.acf-especialidad-producto__materiales-grid {
    display: grid;
    gap: 60px;
    grid-template-columns: repeat(7, 1fr);
    padding-top: 20px;
    width: 100%;
}

.acf-especialidad-producto__material-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
}

.acf-especialidad-producto__material-item .icono {
    align-items: center;
    border: 1px solid var(--wayka-text);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    height: 60px;
    margin: 0 auto;
    width: 60px;
}

.acf-especialidad-producto__material-text {
    font-size: var( --e-global-typography-text-font-size );
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

/* Agregar */
.elementor-add-to-cart.elementor-product-simple {
    display: flex;
    flex-direction: column;
}

/* Cantidad */
input.qty {
    border-radius: 10px!important;
    height: 50px!important;
    padding: 0!important;
    width: 55px!important;
}

input.qty, .elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]) {
    background-color: var(--wayka-light)!important;
}

/* Stock */
.product p.stock {
    color: var(--wayka-text)!important;
    font-family: 'Poppins', sans-serif;
    font-size: var( --e-global-typography-01e8201-font-size )!important;
    order: 2;
    padding-top: 15px!important;
}

/* Relacionado */
.activado a {
    background-color: var(--wayka-text)!important;
    color: var(--wayka-light)!important;
}
section.related.products > h2 {
    display: none;
}

.related.products {
    grid-template-columns: repeat(1, 1fr)!important;
}

/* Variaciones */
table.variations tr {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

table.variations label {
    font-family: 'Poppins', sans-serif!important;
    font-size: var( --e-global-typography-text-font-size )!important;
    margin-bottom: 10px;
    padding-left: 0;
}

/* Oculta los selects originales (pero siguen existiendo para WooCommerce) */
.variations select {
    height: 0!important;
    opacity: 0!important;
    position: absolute!important;
    pointer-events: none!important;
    width: 0!important;
}

.variations .reset_variations {
    visibility: hidden;
    font-size: .83em;
}

.elementor-sticky__spacer form.variations_form a.reset_variations{
  display:none !important;
}

/* Contenedor de botones */
.wk-attr-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin: 0 0 20px;
}

/* Botón */
.wk-attr-btn {
    background: var(--wayka-light)!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: var(--wayka-text)!important;
    margin: 0 !important;
    max-height: 40px;
    min-height: 40px;
    min-width: 40px;
    padding: 0 10px!important;
    text-align: center;
    transition: all .4s;
}

a.reset_variations {
    text-decoration: underline;
}

.wk-attr-btn:hover, a.reset_variations:hover {
    opacity: .4;
}

/* Seleccionado */
.wk-attr-btn.is-active {
    border-color: var(--wayka-text)!important;
}

/* Disabled (cuando esa opción no está disponible por combinaciones) */
.wk-attr-btn.is-disabled {
    opacity: .4;
    cursor: not-allowed;
}

.woocommerce-variation-price {
    padding-bottom: 20px;
}

.woocommerce-variation-price span.price {
    font-size: var( --e-global-typography-b12daf6-font-size )!important;
    font-weight: 600;
}

/* Vistos rencientemente */
.e-n-tabs-heading {
    background-color: var(--wayka-light);
    border-radius: 50px;
    padding: 10px;
    width: 360px;
}

/* Galería */
.gp-galeria-vertical {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gp-figura {
    margin: 0;
    line-height: 0;
}

.gp-figura img {
    background-color: var( --e-global-color-48ac21d );
    border-radius: 10px;
    width: 100%;
    height: auto;
    display: block;
}

.gp-figura--destacada img {
    transition: opacity .25s ease;
}

.gp-figura--destacada img.gp-cambiando {
    opacity: 0;
}

/*** Responsive ***/
@media (max-width: 767px) {
    /* Información adicional */
    .acf-especialidad-producto {
        flex-direction: column;
        row-gap: 40px;
        padding-bottom: 100px;
    }
    
    .acf-especialidad-producto__lista {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between;
        order: 2;
        width: 100%;
    }
    .acf-especialidad-producto__item {
        width: 46%;
    }
    
    .acf-especialidad-producto__item:last-child {
        border-bottom: 0.8px solid rgba(0, 0, 0, 0.20);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    .acf-especialidad-producto__bloques {
        order: 1;
        width: 100%;
    }
    
    .acf-especialidad-producto__materiales-grid {
        gap: 20px;
        grid-template-columns: repeat(4, 1fr);
        padding-top: 0;
    }
    
    .acf-especialidad-producto__materiales {
        order: 3;
    }
    
    .acf-especialidad-producto__detalle {
        font-size: 18px;
    }
    
    .acf-acordeon__title {
        font-size: 14px;
    }

    .acf-especialidad-producto__tag, .acf-especialidad-producto__material-text {
        font-size: 10px;
    }
    
    .acf-especialidad-producto__material-item .icono {
        height: 45px;
        width: 45px;
    }
    
    /* Recientemente */
    .e-n-tabs-heading {
        width: 330px;
    }
    
    /* Galería */
    .gp-desktop { 
        display: none; 
    }
    
    .gp-mobile  { 
        display: block; 
    }

    .gp-galeria-mobile {
        display: flex!important;
        flex-direction: column;
        gap: 10px;
    }

    .gp-mobile__principal {
        margin: 0;
        line-height: 0;
    }
    
    .gp-mobile__principal img {
        background-color: var( --e-global-color-48ac21d )!important;
        border-radius: 10px!important;
        transition: opacity .25s ease;
        width: 100%!important;
    }

    .gp-mobile__thumbs {
        background-color: var( --e-global-color-48ac21d )!important;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        padding: 10px;
        scrollbar-width: thin;
        scrollbar-color: #ddd transparent;
    }

    .gp-mobile__thumb {
        background-color: var(--wayka-light)!important;
        flex-shrink: 0;
        width: 72px;
        height: 72px;
        border-radius: 50px!important;
        overflow: hidden;
        border: 2px solid transparent;
        padding: 0;
        cursor: pointer;
        transition: border-color .2s ease;
    }
    
    .gp-mobile__thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background: none;
    }
    
    .gp-mobile__thumb--active {
        border-color: var(--wayka-text);
    }

}

@media (max-width: 350px) {
    /* Agregar */
    .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
        flex-direction: column;
        gap: 10px;
    }
    
    button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
        margin-left: 0!important;
    }

    /* Recientemente */
    .e-n-tabs-heading {
        background-color: transparent;
        box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
        gap: 10px!important;
        padding: 0;
        width: 100%;
    }
}