/*
Theme Name:     Afan Grafico Child Theme
Theme URI:      https://afangrafico.com
Template:       kadence
Author:         Afan Grafico
Author URI:     https://afangrafico.com
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/* General
--------------------------------------------- */
.home .item-at-start .custom-logo {
    display: none!important;
}

@media (max-width: 767px) {
    .fenefa {
        transform: scale(3)
    }
}

.kadence-shop-top-item.kadence-woo-ordering {
    display: none;
}

/* Woocommerce general
--------------------------------------------- */

.ac-idioma-1 { color: var(--global-palette1); }
.ac-idioma-2 { color: var(--global-palette4); }
.ac-idioma-3, .woocommerce-loop-category__title .count { color: var(--global-palette5)!important; }
.ac-separador { color: var(--global-palette1); font-weight: 500; }

.related.products > h2 {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--global-palette4);
}

@media (max-width: 767px) {
    .related.products > h2 {
        letter-spacing: 3px;
        font-size: 30px;
    }
}

/* Valoraciones
------------------ */
.woocommerce .woocommerce-review-link {
    font-size: 18px;
}

.woocommerce .star-rating {
    color: #d4a15f;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: -10px;
}

/* Avisos tienda
------------------ */

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error {
    background-color: var(--global-palette8);
    color: var(--global-palette1);
    margin-bottom: 50px;
}

.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-error a {
    background-color: var(--global-palette5);
    color: var(--global-palette1);
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 5.4px;
    border-radius: 15px;
}

@media (max-width: 1024px) {
    .woocommerce .woocommerce-message {
        margin-bottom: 50px;
        gap: 15px;
        flex-direction: column;
        font-size: 18px;
        margin-top: -30px;
    }

    .woocommerce .woocommerce-error .button {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .woocommerce .woocommerce-message {
        padding: 0px 20px!important;
    }

    .woocommerce .woocommerce-message a {
        letter-spacing: 4.2px;
        width: fit-content;
        margin-top: 0!important;
    }

    .woocommerce .woocommerce-error {
        font-size: 18px;
    }

    .woocommerce .woocommerce-error .button {
        float: left;
        margin-top: 13px;
    }
}

/* Botones
------------------ */

.wc-block-cart__submit-container a,
.wc-block-components-button {
    background-color: var(--global-palette5)!important;
    border-radius: 15px;
    color: var(--global-palette1)!important;
    text-transform: uppercase;
    letter-spacing: 5.4px;
}

@media (max-width: 767px) {
    .wc-block-cart__submit-container a
    .wc-block-components-button {
        letter-spacing: 4.2px;
    }
}

/* Loop /tienda
--------------------------------------------- */

.woocommerce-shop .before-cat,
.woocommerce-shop .fenefa-before {
  display: none;
}

.woocommerce-shop .products {
  margin-top: 20px!important;
}

/* Loop categorias
--------------------------------------------- */

.product-category.product {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1)!important;
    border-radius: 16px;
    overflow: hidden; /* para que la imagen respete las esquinas redondeadas */
    transition: box-shadow 0.3s ease!important;
}

.product-category.product:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15)!important;
}

/* Loop productos
--------------------------------------------- */

li.product.type-product {
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1)!important;
    transition: box-shadow 0.3s ease!important;
    overflow: visible; /* para que no se recorte la sombra */
}

li.product.type-product .woocommerce-loop-image-link {
    display: block;
    border-radius: 16px;
    overflow: hidden; /* aquí sí recortamos la imagen a las esquinas */
}

li.product.type-product:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15)!important;
}

@media (max-width: 1024px) {
    .woocommerce-pagination {
        margin-bottom: 20px!important;
    }
}



/* Pagina categoria
--------------------------------------------- */
select.orderby {
    border: 2px solid var(--global-palette5);
    border-radius: 15px;
    padding: 17px 20px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 5.4px;
    font-weight: normal;
    max-width: 380px;
    background-size: auto 35px;
    background-position: right 2% top 50%;
    margin: 15px 0 13px;
}

@media (max-width: 767px) {
    select.orderby {
        padding: 17px 20px 15px;
        font-size: 14px;
        letter-spacing: 4.2px;
        max-width: 100%;
        background-position: right 2% top 50%;
        margin: 19px 0 1px;
    }
}

/* Migas de pan
----------------- */
.wp-block-breadcrumbs {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4.2px;
    color: var(--global-palette1);
    text-decoration: none!important;
}

.wp-block-breadcrumbs li a,
.kadence-breadcrumbs a {
    text-decoration: none!important;
    color: #7fa19f!important;
}

.wp-block-breadcrumbs li a:hover,
.kadence-breadcrumbs span a:hover {
    text-decoration: underline!important;
}

@media (max-width: 767px) {
  .product-title .kadence-breadcrumbs {
        line-height: 1.5;
        letter-spacing: 3px;
        margin-top: -25px;
    }
}


/* Shortcode resenas y ventas totales
--------------------------------------------- */
.ac-badge-confianza {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    background: var(--global-palette8);
    border-radius: 5px;
    padding: 11px 35px;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--global-palette4);
    font-family: 'Source Sans 3';
    letter-spacing: 5.4px;
}

.ac-badge-icono {
    width: 46px;
    height: 46px;
    display: block;
}

.ac-badge-separador {
    width: 1px;
    height: 32px;
    background: var(--global-palette4);
}

.ac-badge-link {
    color: var(--global-palette4);
    text-decoration: underline;
}

@media (max-width: 767px) {
    .ac-badge-confianza {
        padding: 9px 10px;
        gap: 10px;
        font-size: 14px;
        letter-spacing: 4.2px;
    }

    .ac-badge-icono {
        width: 40px;
        height: 40px;
    }
}

/* Pagina producto
--------------------------------------------- */
.single-product .site-main {
    margin-top: 40px;
}

.single-product .summary .woocommerce-Price-amount {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 4px;
}

.single_add_to_cart_button {
    font-size: 18px;
    text-transform: uppercase;
    background-color: var(--global-palette5)!important;
    color: var(--global-palette1)!important;
    letter-spacing: 5.4px;
    border-radius: 15px;
    height: 100%!important;
    padding: 9px 23px!important;
}

.woocommerce .quantity .qty {
    height: 55px!important;
    margin-right: 10px;
    color: var(--global-palette1);
}

@media (max-width: 1024px) {
    .single-product .summary .woocommerce-Price-amount {
        font-size: 30px;
        letter-spacing: 2px;
    }
}


/* Tab valoraciones
-------------------- */

.woocommerce-Reviews-title,
.additional_information_tab {
    display: none!important;
}

.commentlist .description {
    font-size: 18px;
}

#review_form_wrapper input {
    background-color: var(--global-palette5);
    color: var(--global-palette1);
    text-transform: uppercase;
    letter-spacing: 5.2px;
    border-radius: 15px;
}

#review_form_wrapper #comment {
    font-size: 18px;
}

@media (max-width: 1024px) {
    
    table.variations,
    table.variations tbody,
    table.variations tr {
        display: block;
        width: 100%;
    }
    table.variations th.label,
    table.variations td.value {
        display: block;
        width: 100%;
    }
    table.variations th.label {
        padding-bottom: 5px;
    }
    table.variations td.value select {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .single_add_to_cart_button {
        letter-spacing: 4.2px;
    }

    .woocommerce div.product div.summary {
        margin-bottom: -40px;
    }

    #review_form_wrapper input {
        letter-spacing: 4.2px;
    }
}

/* Tabs
----------- */
.single-product .woocommerce-tabs {
    max-width: 900px;
    position: relative!important;
    top: 70px!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: var(--global-palette5);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--global-palette1);
    font-weight: normal;
    font-size: 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--global-palette1);
}

@media (max-width: 767px) {
    .woocommerce-tabs {
        font-size: 18px;
    }
    
    .woocommerce div.product .woocommerce-tabs .panel {
        padding: 0;
    }

    .woocommerce div.product .woocommerce-tabs {
        border: none;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        border: none;
        background-color: var(--global-palette8);
        border-radius: 15px;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

      .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
        margin-bottom: 0px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        font-size: 18px;
        letter-spacing: 4px;
        padding: 20px 16px;
        color: var(--global-palette1);
        opacity: 1;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
        background-color: var(--global-palette7);
    }

    .woocommerce-product-attributes-item__value {
        padding-right: 10px!important;
    }
}

/* Productos relacionados
--------------------------- */
.single-product .related {
    margin-top: 100px;
}

/* Video
----------- */
.single-product iframe {
    width: 100%!important;
    height: 550px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .single-product iframe {
        height: 200px;
    }
}


/* Shortcode valoraciones
--------------------------------------------- */
.ac-resena-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ac-resena-producto-tag {
    align-self: flex-start;
    background: var(--global-palette8);
    color: var(--global-palette1);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 14px;
    border-radius: 999px;
    text-decoration: none;
}
.ac-resena-estrellas {
    color: #d4a15f;
    font-size: 18px;
    letter-spacing: 2px;
}
.ac-resena-texto {
    color: #4a6572;
    font-size: 15px;
    line-height: 1.6;
    font-style: italic;
    flex-grow: 1;
}
.ac-resena-autor {
    font-weight: 600;
    color: #2f4550;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin-top: auto;
}
.splide__arrow--next {
    right: -50px;
}
.splide__arrow--prev {
    left: -50px;
}
.ac-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
}
.ac-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    transition: background 0.3s ease;
}
.ac-dot.is-active {
    background: #2f4550;
}
@media (max-width: 767px) {
    .ac-resenas-splide .splide__arrow {
        display: none;
    }
    .ac-dots {
        margin-top: 24px;
    }
}