/**
Theme Name: IndiDogs
Author: PuzzleDesign
Author URI: https://puzzledesign.es/
Description: Nou disseny per IndiDogs
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: indidogs
Template: astra
*/

/* # GAMA CROMÁTICA
--------------------------------------------- */
:root {
    --verde-lima: #8BCF01;
    --verde-bosque: #006C51;
    --marron: #793E21;
    --arena: #D8B976;
    --amarillo: #FFD225;
    --menta-clara: #C9E7B3;
    --aguacate: #E7EBAB;
    --coral: #FF635E;
    --verde-azul: #00BCA2;
}

/* # Bandera Multiidioma
--------------------------------------------- */
.mlp-language-nav-item > a > img {
    margin-right: 5px !important;
}

/* # HOME
--------------------------------------------- */
/* Header */

.header-title {
    margin-bottom: 0 !important;
    line-height: 1 !important;
}

/* Por que IndiDogs */
.xq-indi {
    justify-content: center;
}

/* Productos destacados */
div.wc-block-grid__product-title {
    font-size: 1.2em !important; 
    font-weight: 700 !important; 
    text-align: center !important; 
    color: var(--verde-bosque) !important;
}

.wc-block-grid__product-price {
    font-size: 1.1em !important; 
    font-weight: 700 !important; 
    text-align: left !important; 
    color: var(--coral) !important;
}

.wc-block-grid__product .star-rating span:before,
.star-rating:before {
    color: var(--marron);
}

.wc-block-grid__product-title {
    font-family: 'Poppins',sans-serif;
    text-align: center;
    padding-bottom: 20px;
    font-size: 14px;
    color: #2b2f38; 
}

.add_to_cart_button {
    border-radius: 0px !important;
    border: 1px solid var(--coral) !important;
    padding: 5px 15px !important;
    background-color: #fff !important;
    color: var(--coral) !important;
    cursor: pointer !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
}

/* .add_to_cart_button::before {
    content: "🛒";
    letter-spacing: 1em;
} */

.add_to_cart_button::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07a";
    letter-spacing: 0.8em;
} 

.add_to_cart_button:hover {
    background-color: var(--coral) !important;
    color: white !important;
}

/* Nuestra comunidad */
.title-testimonial {
    margin-bottom: 0 !important;
}

.puntua-4::before {
    content: "\2731 \2731 \2731 \2731";
    color: var(--amarillo);
    font-size: 1.7em;
    letter-spacing: 0.2em;
}

.puntua-5::before {
    content: "\2731 \2731 \2731 \2731 \2731";
    color: var(--amarillo);
    font-size: 1.7em;
    letter-spacing: 0.2em;
}

/* Ultimas entradas blog */
.uagb-post__title {
    color: var(--verde-bosque) !important;
    font-weight: 700 !important;
    font-size: 1.5em !important;
}

/* CTA */
.subtitle-cta {
    margin-bottom: 0em !important;
}

.button-cta-coral > a {
    border-color: var(--coral) !important;
}

.button-cta-coral .wp-block-button__link:hover {
    background-color: #cd534f !important;
    border-color: #cd534f !important;
    color: white !important;
}


.subt-cta-indievents {
    width: 80%;
    line-height: 1.3;
}


/* # PERROS
--------------------------------------------- */
.home-header-col1 {
    padding-left: 3%;
}

.home-header-col1-text {
    width: 80%;
}

.boton-comprar-alt > a {
    padding: 16px 32px !important;
}

/* # AMANOVA
--------------------------------------------- */
@media (min-width: 1025px){
    .pd-hide-desktop {
        display: none;
    }
}

/* # WOOCOMMERCE
--------------------------------------------- */
/* Pagina producto */
.type-product {
    margin-top: 5%;
}

/* Cambiar desplegable por botones en productos variables */
.pd-btns {
    margin: 10px auto;
}
  
.pd-btns input {
    display: none;
}
  
.pd-btns label {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #5d6167;
    border-radius: 30px;
    color: #5d6167;
    padding: 3px 10px;
    margin: 3px;
}
  
.pd-btns input:checked + label {
    background-color: var(--verde-bosque);
    color: white;
}

/* Filtros YITH */
button.yith-wcan-reset-filters {
    padding-top: 18px;
    padding-right: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    font-size: 0.8rem !important;
    letter-spacing: 1px;
}

h4.filter-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a {
    color: var(--verde-bosque) !important;
    font-weight: bolder;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover {
    color: var(--verde-lima) !important;
}


/* # WOOCOMMERCE: PAGINAS CATEGORIAS
--------------------------------------------- */
/* Separador descripción categoria y tienda */
hr.separa {
    border-top: 1px solid var(--arena);
}

/* # PELUQUERIA
--------------------------------------------- */
figure.compromiso-nums {
    margin: 0rem 0 !important;
}

/* # CONTACTO
--------------------------------------------- */
.col-cont-donde {
    margin-left: 0 !important;
}

.col-cont-donde > p {
    margin-bottom: 0 !important;
}

/* # FORMULARIOS
--------------------------------------------- */
/* Colores para los botones igual que el resto de la web */
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    background-color: var(--verde-bosque) !important;
    border-color: var(--verde-bosque) !important;
    border-radius: 50px !important;
    border-style: solid !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-family: Poppins,sans-serif !important;
    font-size: .857143rem !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    line-height: 1 !important;
    padding: 16px 32px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: all .2s linear !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active {
    background-color: var(--verde-lima) !important;
    border-color: var(--verde-lima) !important;
}
  
@media (max-width: 921px) {
    .wpforms-form input[type=submit], 
    .wpforms-form button[type=submit]  {
      padding-left: 28px;
      padding-bottom: 14px;
      padding-right: 28px;
      padding-top: 14px;
   }
}
  
@media (max-width: 544px) {
    .header-title {
        margin-bottom: 0 !important;
        line-height: 1.2 !important;
    }

    .home-header-col1-text {
        width: 100%;
    }
    

    .wpforms-form input[type=submit], 
    .wpforms-form button[type=submit]  {
      padding-left: 24px;
      padding-bottom: 12px;
      padding-right: 24px;
      padding-top: 12px;
    }
}

.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    box-sizing: inherit;
}