/*!
Theme Name: Orbitta Child
Theme URI: https://orbitta.es/
Author: Orbitta
Author URI: https://orbitta.es/
Template: orbitta
Description: Orbitta Theme Child
Version: 1.0.0
Text Domain: orbitta-child
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Header
# Footer
# Offcanvas
# Blocks (wp-groups, wp-columns, wp-cover...)
# Shortcodes
# Elements
# CF7
# Pages
# Archive
# Post
# WooCommerce
# Custom Post



# Media Queries

--------------------------------------------------------------*/

:root {
    --padsec: 50px;
}

/* Header */

.contact .icons-header-woo {
  color: #fff;
}


/* Footer */


/* Offcanvas */


/* Blocks (wp-groups, wp-columns, wp-cover...) */


/* Shortcodes */


/* Elements */


/* Pages *


/* Archive */


/* Post */


/* CF7 */

.form-cf7 {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(35px);
}

.form-cf7.form-product {
    background: #EFEEEB;
}

.form-cf7 label {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-cf7 .wpcf7-text,
.form-cf7 .wpcf7-textarea {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #C0BEB7;
}

.form-cf7 input[type=checkbox] {
  background-color: transparent;
  border: 1px solid #C0BEB7;
  border-radius: 3px;
}

.form-cf7 .wpcf7-list-item label {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 0;
}

.form-cf7 .wpcf7-submit {
  border-radius: 7.561px;
  background: #FF1616;
  color: #FFFFFF;
  font-size: var(--fs18);
  font-weight: 500;
}

input.wpcf7-not-valid, select.wpcf7-not-valid {
  border: 0 !important;
  border-bottom: 1px solid red !important;
}

/* WooCommerce */

.woo-loop-divisor > article,
.woo-loop-divisor > .product {
    position: relative;
    padding: 0 50px;
}

.woo-loop-divisor > article::after,
.woo-loop-divisor > .product::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #C0BEB7;
}

.woo-loop-divisor > article:nth-child(4n)::after,
.woo-loop-divisor > .product:nth-child(4n)::after {
	display: none;
}

.single-product .pswp img,
.single-product .gallery-img-orbitta img {
  background-color: #E6E3DC;
}

.single-product .pswp__zoom-wrap img {
  border-radius: 2% !important;
}

.single-product .btn-maquina,
.single-product .file-download {
  border-radius: 5.5px;
  background: #FF1616;
  font-size: 14px;
  color: #FFF;
  font-weight: 500;
  padding: 5px 10px;
}

.single-product .file-download {
  font-size: 12px;
}

.single-product .tabs-container .header-tabs {
  border-bottom: 1px solid #C0BEB7 !important;
}

.single-product .tabs-container .header-tab {
  border-radius: 20px 20px 0 0;
  border: 1px solid #C8C6C1;
  border-bottom: none;
  background: #E5E3DE;
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
}

.single-product .tabs-container .header-tab.active {
  background: #D4CDBE;
}

#product-price-main {
  flex-direction: column;
  display: flex;
}

#product-price-main del {
  color: #838383;
  font-size: var(--fs14);
  font-weight: 400;
}

#product-price-main bdi {
  font-size: var(--fs40);
  font-weight: 400;
}

#product-price-main bdi .woocommerce-Price-currencySymbol:after {
  content: "IVA incluido";
  font-size: var(--fs14);
  font-weight: 400;
  margin-left: 5px;
}

#product-price-main del .woocommerce-Price-currencySymbol:after {
  content: "";
}

.single_add_to_cart_button {
  border-radius: 5px;
  background: #FF1616;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  width: auto !important;
}

.no-posts-message,
.no-products-message {
  margin: var(--s200) auto;
  text-align: center;
}

/* Custom Post */
.single-maquina .pswp img,
.single-maquina .gallery-img-orbitta img {
  background-color: #E6E3DC;
}

.single-maquina .pswp__zoom-wrap img {
  border-radius: 2% !important;
}

.single-maquina .btn-maquina,
.single-maquina .file-download {
  border-radius: 5.5px;
  background: #FF1616;
  font-size: 14px;
  color: #FFF;
  font-weight: 500;
  padding: 5px 10px;
}

.single-maquina .file-download {
  font-size: 12px;
}

.single-maquina .tabs-container .header-tabs {
  border-bottom: 1px solid #C0BEB7 !important;
}

.single-maquina .tabs-container .header-tab {
  border-radius: 20px 20px 0 0;
  border: 1px solid #C8C6C1;
  border-bottom: none;
  background: #E5E3DE;
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
}

.single-maquina .tabs-container .header-tab.active {
  background: #D4CDBE;
}

.gallery-products-grid {
  --sep-c: #C0BEB7; 
  --sep-gap: var(--s60); 
  --sep-gap-mob: 40px;
}

.btn-more-maquinas {
  border-radius: 5.5px;
  background: #D4CDBE;
  font-size: 14px;
  color: #FF1616;
  font-weight: 500;
  padding: 5px 10px;
}

.btn-view-maquina {
  border-radius: 5.5px;
  background: #FF1616;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  padding: 5px 10px;
}

.list-categories .item-category-cloud {
  border-radius: 40px;
  border: 1px solid #C8C6C1;
  background: #E5E3DE;
  color: #716C67;
  display: inline-flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  font-size: var(--fs16);
}

.list-categories .item-category-cloud.active,
.list-categories .item-category-cloud:hover {
  background: #D4CDBE;
}

.product-description p {
	margin-bottom: 20px;
}

.product-description ul {
	list-style: initial;
	margin-left: 15px;
}

.product-description li {
	margin-bottom: 5px;
}

.product-description p:last-child,
.product-description li:last-child {
	margin-bottom: 0px;
}



/*--------------------------------------------------------------
>>> MEDIA QUERYS:
---------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {
    .woo-loop-divisor > article:nth-child(2n)::after,
    .woo-loop-divisor > .product:nth-child(2n)::after {
        display: none;
    }

    .single-maquina .tabs-container .header-tab {
      padding: 5px 10px;
      font-size: 12px;
      text-align: center;
    }
}

@media only screen and (min-width: 1024px) {
  /* Desktop y dispositivos más grandes */
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Laptops pequeños y tablets grandes */
}

@media only screen and (min-width: 1280px) {
  /* Desktop grande / monitores */
}