/*
Theme Name: Shopkeeper - The Child Theme
Theme URI: https://shopkeeper.getbowtied.com
Description: This is the Child Theme for Shopkeeper - a Hassle-free Worpress Theme with great design and extensive functionality.
Author: Get Bowtied
Author URI: https://getbowtied.com
Template: shopkeeper
Version: 2.0
*/


/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

.button,.wc-stripe-checkout-button,.woocommerce-widget-layered-nav-dropdown__submit,.wp-block-search .wp-block-search__button,.wpb_wrapper .add_to_cart_inline .added_to_cart,input[type=button],input[type=reset],input[type=submit] {
    border-radius: 60px !important;
}

/*@media all and (min-width: 768px){
    #site-footer .button.wc-forward,.wc-stripe-checkout-button,.woocommerce #content input.button,.woocommerce #content input.button.alt,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button,.woocommerce button.button.alt,.woocommerce input.button,.woocommerce input.button.alt,.woocommerce-page #content input.button,.woocommerce-page #content input.button.alt,.woocommerce-page #respond input#submit,.woocommerce-page #respond input#submit.alt,.woocommerce-page a.button,.woocommerce-page a.button.alt,.woocommerce-page button.button,.woocommerce-page button.button.alt,.woocommerce-page input.button,.woocommerce-page input.button.alt {    
        font-size: 0.9rem !important;
    }
}*/

.content-area {
    padding: 0 0 0 0;
}

.shop_header{margin: 0;}

.button{
    padding: 12px 1rem 10px !important;
}

.woocommerce ul.products li.product .button {
    background-color: #00a3b4 !important;
    color: white !important;
    padding: 7px 1rem 0px !important;
}

.main-navigation.align_left{
    text-align:center !important;
}

.accordion-tabs {
    margin-top: 6px;
    float:left;
    width:100%;
}

.accordion-item {
    border-bottom: 1px solid #eee;
}

.accordion-title {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.accordion-title::after {
    content: '+';
    position: absolute;
    right: 0;
    font-size: 18px;
}

.accordion-item.active .accordion-title::after {
    content: '-';
}

.accordion-content {
    display: none;
    padding: 7px 0 0;
}

.accordion-item.active .accordion-content {
    display: block;
}

.button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    color: #333 !important;
}

/* LIMPIAR estilos feos de WooCommerce */
.accordion-content h2 {
    display: none;
}

.accordion-content table {
    width: 100%;
    border-collapse: collapse;
}

.accordion-content table th {
    text-align: left;
    font-weight: 600;
    width: 40%;
    padding: 10px 0;
    color: #000;
}

.accordion-content table td {
    padding: 10px 0;
    color: #00a8b5;
}

.accordion-content table tr {
    border-bottom: 1px solid #eee;
}

.variations select {
    display: none !important;
}

.color-swatches {
    margin-top: 10px;
}

.color-swatches .swatch {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    /*border: 2px solid transparent;*/
}

.color-swatches .swatch.active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #00a3b4;
    /*border-color: #000;*/
}

.floating-buttons {
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999;
}

.btn-float {
    width: 50px;
    height: 50px;
    border-radius: 50% 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.btn-float:hover {
    transform: scale(1.1);
}

/* WhatsApp */
.btn-float.whatsapp {
    background: #000;
}

a.buy-whatsapp{
    display:block;
    margin-top:12px;
    text-align:center;
    text-decoration:none;
}

a.buy-whatsapp > div{
    background:#25D366;
    color:#ffffff;
    padding:14px 18px;
    font-weight:600;
    font-size:14px;
    width:67%;
    box-sizing:border-box;
    border-radius: 60px !important;
}

/* Calendario */
.btn-float.calendar {
    background: #7ED1D6;
}


.product_layout_classic .product-images-wrapper .woocommerce-product-gallery ol.flex-control-thumbs{
        width: 44% !important;
}

.product_layout_classic .product-images-wrapper .woocommerce-product-gallery .flex-viewport{
        height: 100% !important;
}

.woocommerce div.product {
    background: #faf7f6;
    padding: 20px 0;
}

/* contenedor principal */
.woocommerce-product-gallery {
    display: flex !important;
    flex-direction: column-reverse;
}

/* wrapper de imagen principal */
.woocommerce-product-gallery .flex-viewport {
    order: 1;
}

/* thumbs */
.woocommerce-product-gallery .flex-control-nav {
    order: 2;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    margin-top: 15px;
    position: relative !important;
    width: 100% !important;
}

/* cada thumb */
.woocommerce-product-gallery .flex-control-thumbs li {
    float: none !important;
    display: inline-block;
    margin: 0 5px;
}

/* imagen thumb */
.woocommerce-product-gallery .flex-control-thumbs img {
    width: 70px;
    border-radius: 8px;
    opacity: 0.6;
    cursor: pointer;
    transition: all .2s ease;
}

.woocommerce-product-gallery .flex-control-thumbs img:hover,
.woocommerce-product-gallery .flex-control-thumbs .flex-active {
    opacity: 1;
    border: 2px solid #00a3b4;
}

/* CONTENEDOR CUADRADO */
.woocommerce-product-gallery .flex-viewport {
    height: 400px !important;
}

/* SLIDES */
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
    height: 400px !important;
    /*display: flex !important;*/
    align-items: center !important;
    justify-content: center !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a{
    align-content: center !important;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    background: white;
    align-items: center;
}

.woocommerce div.product div.images .flex-control-thumbs{
    margin-top: 20px !important;
}

.product_layout_classic .product_content_wrapper .product_infos .product_summary_top {
    margin-bottom: 5px;
}

/* LINK wrapper */
.woocommerce-product-gallery__image a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

/* IMAGEN */
.woocommerce-product-gallery__image img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    object-fit: contain; /* IMPORTANTE: no recorta, solo centra */
    display: block;
}


.custom-dots-nav {
    position: absolute;
    bottom: 105px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 9999;
    pointer-events: auto;
}

.custom-dots-nav .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0,0,0,0.25);
    cursor: pointer;
    transition: 0.25s ease;
}

.custom-dots-nav .dot.active {
    background: #000;
    transform: scale(1.25);
}

.reset_variations{display: none !important;}

.single_variation, .woocommerce-variation-availability, .stock, .price {margin:0 !important;}

.product_layout_classic .product_content_wrapper .product_infos form.cart .button{
    position: relative;
    top: 4px
}

.custom-shop-title-wrapper{
    text-align:center;
    margin:40px 0;
}

.custom-shop-title{
    font-size:72px !important;
    font-weight:700;
}

.custom-form {
  max-width: 400px;
}

.products .onsale {
    top: 40px !important;
}

.custom-form .form-group {
  margin-bottom: 15px;
}

.custom-form .form-control {
  width: 100%;
  padding: 10px 12px;
  border: 2px solid #2a9d8f;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
}

.custom-form .form-control:focus {
  border-color: #21867a;
}

/* Checkbox */
.custom-form .checkbox {
  font-size: 13px;
}

.custom-form .checkbox a {
  text-decoration: underline;
}

/* Botón redondeado */
.custom-form .btn-submit {
  background-color: #2a9d8f;
  color: #fff;
  border: none;
  padding: 12px 25px;
  border-radius: 50px; /* 🔥 totalmente redondeado */
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}

.custom-form .btn-submit:hover {
  background-color: #21867a;
}
.custom-form .wpcf7-list-item-label,
.custom-form .checkbox,
.custom-form label {
  text-transform: none !important;
}
/* Quitar espacio arriba y abajo en slides del loop carousel */
.elementor-loop-container .swiper-slide,
.e-loop-item {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media only screen and (min-width: 1024px) {
    .woocommerce #content div.product .product_title, .woocommerce div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce-page div.product .product_title {
        font-size: 30px;
    }
    .product_after_shop_loop .price, .product_after_shop_loop .price ins, .woocommerce ul.products li.product .price, .wp-block-getbowtied-carousel ul.products li.product .price {
        font-size: 16px !important;
    }
    .woocommerce ul.products li.product .onsale+.shopkeeper_new_product{
        top:15px !important;
    }
}
@media only screen and (max-width: 1024px) {
    .woocommerce ul.products li.product .button {
        padding: 10px 1rem 0px !important;
        font-size: 0.61rem !important;
        text-align: center;
    }

    a.buy-whatsapp {
        width: -moz-fit-content;
        width: 100% !important;
        float: left !important;
        padding: 11px 0px !important;
    }
    a.buy-whatsapp > div{
        width: 100% !important;
    }
    .woocommerce ul.products li.product .onsale+.shopkeeper_new_product {
        top: 0px !important;
    }
    .woocommerce ul.products li.product .onsale{
        top: 19px !important;
    }
}

.product_layout_classic .product_content_wrapper .product_infos .product_summary_middle .product_title{
    margin-bottom: 10px;
}
/****************************************************************/
/****************************************************************/
/****************************************************************/

/*Active Filters y Ver mas*/

.ver-mas-filtro{
    display:block;
    margin-top:10px;
    font-weight:600;
    text-decoration:none;
    cursor:pointer;
    transition:.3s;
}

.ver-mas-filtro:hover{
    opacity:0.6;
}

.catalog-active-filters{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:10px 0;
}

.catalog-active-filter{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 10px;
    border:1px solid #ddd;
    border-radius:20px;
    text-decoration:none;
    font-size:13px;
    background:#fff;
}

.catalog-active-filter span{
    font-weight:bold;
    font-size:16px;
    line-height:1;
}