/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

body{
  background-color: #F4F4F4;
}
.targeta{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.headergradient{
  background-image: linear-gradient(black,transparent);
}

.wc-block-components-sidebar-layout .wc-block-components-main{
  margin-left: 5% !important;
  width: 55% !important;
}

.linkheader {
  margin: 0 10px 0 10px;
  padding: 10px;
  height: 30px;
  padding: 0 5px 0 5px;
  cursor: pointer;
}

.linkheader a {
  box-shadow: inset 0 0 0 0 #FEC959;
  transition: box-shadow .3s ease-in-out;
  transform: rotate(-3.33deg);
}
.linkheader a:hover{
  box-shadow: inset 200px 0 0 0 #FEC959;
}


.linkheader span {
  transition: color 0.3s ease-in-out;
  transform: rotate(3.33deg);
}

.linkheader a:hover .x-anchor-text-primary {
  color: #27548a;
}

.mm-3p.x-anchor:hover .x-anchor-text-primary {
  color: #D9D9D9;
}

.btn {
  cursor: pointer;
  background-image: url("wave.png");
  background-repeat: repeat-x;
  background-position: 0 -100%;
  transition: background-position .5s ease-in-out;
}

.btn:hover{
  background-position: center;
}

.btn p {
  transition: color .5s ease-in-out
}
.btn:hover p{
  color: white;
}

.rentbtnnow {
  transform: rotate(-5deg);
}
.rentbtnnow:hover {
  background: #27548a;
}
.btncontact:hover{
  background: #27548a;
}


.logoheader{
  cursor: pointer;
  transition: 1s ease;
}

.logoheader:hover {
  transform: rotate(360deg);
}

.rentbtn{
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #27548A;
  transition: box-shadow .5s ease-in-out;
}

.rentbtn p{
  transition: color .5s ease-in-out;
}

.rentbtn span{
  transition: color .5s ease-in-out;
}

.rentbtn:hover{
  box-shadow: inset 200px 0 0 0 #27548A;
}
.rentbtn:hover p{
  color: #FEC959;
}

.rentbtn:hover span{
  color: #FEC959;
}

.x-crumbs-current {
  position: relative;
  display: inline-block;
}

.x-crumbs-current::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5%;
  width: 100%;
  background-color: #FEC959;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.x-crumbs-current:hover::after {
  transform: scaleX(1);
}

.contactform{
  margin-top: 20px;
}

.contactform p {
  width: auto;
  height: auto;
}
.contactform label{
  color: black;
  font-size: 24px;
  font-family: "League Spartan";
  font-weight: bold;
}

.contactform input[type=text]{
  width: 520px;
  height: 50px;
  border-radius: 2px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.contactform textarea{
  width: 520px;
  height: 150px;
  border-radius: 2px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.5);
  resize: none;
}

.contactform input[type=tel]{
  width: 520px;
  height: 50px;
  border-radius: 2px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.contactform input[type=email]{
  width: 520px;
  height: 50px;
  border-radius: 2px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.contactform input[type=submit]{
  background-color: #FEC959;
  color: black;
  font-size: 20px;
  font-family: "League Spartan";
  font-weight: bold;
  width: 300px;
  height: 50px;
  border-radius: 2px;
}

.contactform input[type=submit]{
  cursor: pointer;
  background-image: url("wave.png");
  background-repeat: repeat-x;
  background-position: 0 -100%;
  transition: background-position .5s ease-in-out, color .5s ease-in-out;
}

.contactform input[type=submit]:hover{
  background-position: center;
  color: white;
}

.contactform ::placeholder{
  font-size: 18px;
}


.reachus a:hover{
  text-decoration: underline black;
}

.product-box{
  position: absolute;
  width: 100%;
  height: 33%;
  left: 0px;
  top: 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) -16.54%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 2px;

}

.product-box img{

  width: 100%;
  height: 100%;

  background: url(IMG-20200526-WA0013-300x300.jpg);
  border-radius: 2px;

}

/* css for calendar */
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{
  opacity: .5!important;
}

.wc-bookings-date-picker .ui-datepicker td.fully_booked:not(.not_bookable_by_rules) span, .wc-bookings-date-picker .ui-datepicker td.fully_booked:not(.not_bookable_by_rules) a{
  background-color: #AE0000!important;
  opacity: 100%!important;
}

.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-other-month{
  background-color: #D9D9D9!important;
  opacity: .5!important;
}

.wc-bookings-date-picker .ui-datepicker td.bookable a {
  background-color: #51A9B8!important;
}

.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a {
  background-color: #3B6495!important;
}

.wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default{
  background-color: #3B6495!important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
  opacity: 1!important;
}

/* Archieve Page */
.x-container.width{
  width: 100%;
}

.x-container.max{
  max-width: none !important;
}

.woocommerce .products ul, .woocommerce ul.products{
  margin: 0 147px 0 147px;
}

.entry-header{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 2px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 5%;
  align-content: center !important;
}

.entry-header a{
  color: white
}

/*.price span{
  color: white
}*/

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
  color: white!important;
}


  /* color: red; */

.woocommerce ul.products li.product .button i{
  transition: color .5s ease-in-out;
}

.woocommerce ul.products li.product .button:hover{
  box-shadow: inset 200px 0 0 0 #27548A;
}
.woocommerce ul.products li.product .button:hover i{
  color: #FEC959;
}

.woocommerce ul.products li.product .button:hover #text{
  color: #FEC959;
  text-decoration: wheat;
}

.woocommerce ul.products li.product .button:hover #text{
  font-size: 0 !important; /* amaga el text original */
  position: relative;
}
  
.gt_float_switcher .gt-selected{
  background-color:#27548A !important;
  box-shadow: none !important;
  border-radius: 11px !important;
}

.gt_float_switcher{
  border-radius: 10px !important;
  background: #27548A !important;
}

.gt_float_switcher .gt_options a{
  color: #F4F4F4 !important;
}
  
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{
  color: #F4F4F4;
}

.gt_float_switcher-arrow{
  background-image:url(http://192.168.178.14:9111/wp-content/uploads/2025/05/arrowdown.png) !important;
}

.woocommerce div.product form.cart .button{
  background-color: #FEC959;
  color: #000000;
}

.m8-o.x-anchor .x-toggle{
  color: #F4F4F4 !important;
}

.m8-q .x-modal-close{
  color: #F4F4F4 !important;
}

.x-modal-close svg{
  font-size: x-large;
}

/* Mòbil petit */
@media (max-width: 480px) { 
  .woocommerce ul.products li.product .button{
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #27548A;
    transition: box-shadow .5s ease-in-out;
    background-color: #FEC959;
    position: absolute;
    bottom: 25%;
    right: 5%;
    width: 25px;
    height: 8px;
    font-size: 5px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
  }

  .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 100%;
    color: white;
  }
  
  .woocommerce ul.products li.product .price{
    font-size: smaller;
  }

  .woocommerce ul.products li.product .button:hover {
    color: #F4F4F4;
  }

  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
}

@media (min-width: 480px) and (max-width: 767px) { 
  .woocommerce ul.products li.product .button{
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #27548A;
    transition: box-shadow .5s ease-in-out;
    background-color: #FEC959;
    position: absolute;
    bottom: 10%;
    right: 5%;
    width: 50px;
    height: 16.5px;
    font-size: small;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
  }

  .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 10px;
    color: white;
  }
  
  .woocommerce ul.products li.product .button:hover {
    color: #F4F4F4;
  }

  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 68%;
  }
}

/* Tauletes */
@media (min-width: 767px) and (max-width: 979px) { 
  .woocommerce ul.products li.product .button{
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #27548A;
    transition: box-shadow .5s ease-in-out;
    background-color: #FEC959;
    position: absolute;
    bottom: 10%;
    right: 5%;
    width: 90px;
    height: 32px;
    font-size: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
  }
  
  .woocommerce ul.products li.product .button:hover {
    color: #F4F4F4;
  }

  .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 300%;
    color: white;
  }

  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }

  .woocommerce ul.products li.product .price{
    font-size: 140%;
  }

}

/* Portàtil */
@media (min-width: 979px) and  (max-width: 1200px) { 
  .woocommerce ul.products li.product .button{
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #27548A;
    transition: box-shadow .5s ease-in-out;
    background-color: #FEC959;
    font-size: 60%;
    position: absolute;
    bottom: 15%;
    right: 5%;
    width: 66px;
    height: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
  }
  .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 24px;
    color: white;
  }

  .woocommerce ul.products li.product a {
    text-decoration: none;
    font-size: 90%;
  }

  .woocommerce ul.products li.product .price{
    font-size: 90%;
  }
  
  .woocommerce ul.products li.product .button:hover {
    color: #F4F4F4;
  }

  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 46%;
  }

  .mm-26.x-text:hover{
    color: white !important;
  }

}

/* Escriptori */
@media (min-width: 1200px) { 
  .woocommerce ul.products li.product .button{
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #27548A;
    transition: box-shadow .5s ease-in-out;
    background-color: #FEC959;
    position: absolute;
    bottom: 10%;
    right: 5%;
    width: 150px;
    height: 40px;
    color: #000000;
    font-size: medium;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
  }

  .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 48px;
    color: white;
  }
  .wc-block-components-sidebar-layout{
    padding-top: 200px;
  }

  .woocommerce ul.products li.product .button:hover {
    color: #F4F4F4;
  }

  /*.price span{
    color: #000000;
  }*/

  .woocommerce ul.products li.product .price{
    font-size: x-large;
  }

  .woocommerce ul.products li.product h3 {
    font-size: 50px;
  }
}