/*
Theme Name: Saunaboats Geneve
Description: Child theme for Avada theme
Author: P1XEL
Author URI: https://p1xel.net
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*
 *      GLOBAL TYPO
 */

 .hyphenate, 
 .hyphenate p,
 .hyphenate h5,
 .hyphenate h4,
 .hyphenate h3, 
 .hyphenate h2, 
 .hyphenate h1  {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 2;
    -webkit-hyphenate-limit-after: 2;
    -webkit-hyphenate-limit-chars: 6 2 2;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 2 2;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 2 2;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
}
 
 .center-justified, 
 .center-justified p,
 .center-justified h5,
 .center-justified h4,
 .center-justified h3, 
 .center-justified h2, 
 .center-justified h1 {
     text-align: justify !important;
     text-align-last: center !important;
}
.product-postcard-desktop .price-title .fine-print p{
    margin-bottom: 0px !important;
}
.product-postcard-desktop .price-title .fine-print{
    display: inline-block !important;
    font-size: var(--awb-custom_typography_2-font-size);
    margin-right: 5px !important;
}

/*
 *      HEADER
 */
.fusion-tb-header .fusion-sticky-transition {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

/*
*       GMAPS 
*/

.page-id-106 .fusion-google-map,
.page-id-1481 .fusion-google-map,
.page-id-1505 .fusion-google-map {
    width: 100% !important;
    height: 100% !important;
    --awb-height: 100% !important;
  }
.page-id-106 .fusion-google-map iframe,
.page-id-1481 .fusion-google-map iframe,
.page-id-1505 .fusion-google-map iframe,
.page-id-106.fusion-google-map .gm-style, 
.page-id-1481 .fusion-google-map .gm-style, 
.page-id-1505 .fusion-google-map .gm-style {
    width: 100% !important;
    height: 100% !important;
  }

/*
 *  Highlights
 */

 
 .fusion-body .fusion-title.fusion-title-highlight.fusion-highlight-circle .fusion-highlighted-text{
    z-index: 2 !important;
 }

.fusion-body .fusion-title.fusion-title-highlight.fusion-highlight-circle .fusion-highlighted-text-wrapper svg{
    top: 30% !important;
    height: calc(100% + 2.8em) !important;
    z-index: 1 !important;
    
}
.fusion-body .fusion-title.fusion-title-highlight.fusion-highlight-circle .fusion-highlighted-text-wrapper svg path{
    stroke: var(--awb-color4);
    stroke-opacity: .75;
}


/*
 *      Zusatzprodukte
 */
.addon-text-small{
    font-weight: 400;
    color: var(--awb-color1);
    font-size: var(--awb-typography5-font-size);
}
.wc-product-cart-quantity{
    margin-top: 5px !important;
    align-content: space-around;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--awb-color4);
    color: var(--awb-color1);
}

.extras-notice .is-success{
    display: none !important;
}

/* Klasse für das Wackeln und Vergrößern */
.wc-product-cart-quantity.wiggle {
    animation: bounce-wiggle 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    display: inline-block; /* Sicherstellen, dass die Animation korrekt funktioniert */
}

/* Keyframes für die Bounce-Wiggle-Animation */
@keyframes bounce-wiggle {
    0% {
        transform: scale(1) rotate(0deg);
    }
    25% {
        transform: scale(1.3) rotate(-10deg);
    }
    50% {
        transform: scale(1.3) rotate(10deg);
    }
    75% {
        transform: scale(1.3) rotate(-5deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
    }
}


/*
 *      Bookings
 */
 #wc-bookings-booking-form .wc-bookings-booking-cost {
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 0; /* Versteckt den Text außerhalb von Kind-Elementen, die explizit eine Schriftgröße erhalten */
  }
  
  #wc-bookings-booking-form .wc-bookings-booking-cost strong {
    font-size: 16px; /* Stelle hier die gewünschte Schriftgröße für den Preis ein */
  }


 .wc-bookings-booking-form .wc-bookings-booking-cost{
    border-top: none !important;
    background-color: var(--awb-color6);
 }

.wc-bookings-date-picker .ui-datepicker-header{
    border: none !important;
    background-color: var(--awb-color6);
    background-image: none !important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, 
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next{
    background-color: var(--awb-color4);
}
.ui-datepicker-next-hover .ui-icon{
    color: var(--awb-color7) !important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev:hover, 
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next:hover{
    background-color: var(--awb-color3);
    color: var(--awb-color7) !important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next{
    right: 0px !important;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev{
    left: 0px !important;
}

.wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default{
    background-color: var(--awb-custom_color_2) !important;
}

.wc-bookings-date-picker .ui-datepicker td.bookable a{
    background-color: var(--awb-color4) !important;
}

.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a{
    background-color: var(--awb-color4) !important;
}

.wc-bookings-booking-form .block-picker li:nth-child(odd) a:not(.selected){
    color: var(--awb-color1) !important; 
    background-color: var(--awb-color4) !important; 
}
.wc-bookings-booking-form .block-picker li:nth-child(even) a:not(.selected){
    color: var(--awb-color1) !important;
    background-color: var(--awb-color4) !important; 
    opacity: .95;
}


.wc-bookings-booking-form .block-picker li:nth-child(odd) a:hover{
    color: var(--awb-color5) !important; 
    background-color: var(--awb-color1) !important; 
}
.wc-bookings-booking-form .block-picker li:nth-child(even) a:hover{
    color: var(--awb-color5) !important;
    background-color: var(--awb-color1) !important; 
    opacity: 1;
}

.wc-bookings-date-picker .ui-datepicker th{
    border: none !important;
    background-color: var(--awb-color6) !important;  
}

.choose-date{
    margin-bottom: 30px;
    align-self: center !important;
    width: 200px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    background-color: var(--awb-color1);
    
    box-shadow: 1px 1px 2px 0px rgba(18, 26, 32, 0.5);
}

#wc-bookings-booking-form .block-picker{
    color: var(--awb-color1);
}

.wc-bookings-date-picker-timezone-block{
    display: none !important;
}

#wc-bookings-booking-form label{
    color: var(--awb-color1);
}

.choose-date .awb-form-nav__tl-icon{
    margin-right: 10px;
}

#wc-bookings-booking-form{
    border:none ;
}

.wc-bookings-date-picker .ui-datepicker-calendar th{
    text-align: center !important;
}

.wc-bookings-booking-form fieldset, #wc-bookings-booking-form{
    padding: 0px !important;
    margin: 0px !important;
}

.wc-bookings-date-picker .ui-widget-content{
    box-shadow: none !important;
    background-color: rgba(255,255,255,0);
}

.booking-spaces-left{
    display: none !important;
}

#wc-bookings-booking-form .ui-state-disabled .ui-state-default{
    
    background-image: url('/wp-content/themes/SaunaboatsGeneve/assets/img/booked-strike.png') !important;
    background-position: center;
    background-color: #f2f2f2 !important;
    background-repeat: no-repeat;
    color: #949695 !important;
    opacity: 1;
}

.wc-bookings-booking-form .block-picker li a.selected{
    background-color: var(--awb-custom_color_2) !important;
    opacity: 1 !important;
}

.wc-bookings-booking-form-button{
    padding-bottom: 10px !important;
}

/*
 *  CART & CHECKOUT
 */
.p1x-checkout-notices .wc-block-components-notice-banner__content{
    font-size: 20px;
}

#sumup-payment-status {
    color: var(--awb-color6) !important;
}
.wc-block-cart-item__product .wc-block-components-product-price__value{
    font-size: 12px !important;
}

.wc-block-cart-item__image,
.wc-block-cart-item__product .wc-block-components-product-name{
    text-decoration: none !important;
    font-weight: 500;
    color: var(--awb-color1) !important;
    pointer-events: none;
}


.wc-block-components-radio-control,
.has-dark-controls .wc-blocks-components-select,
.has-dark-controls input{
    background-color:var(--awb-color7) !important;
}

.wc-block-components-quantity-selector{
    background-color:var(--awb-color6) !important;
}

.wc-block-components-button {
    text-transform: uppercase !important;
    border-radius: 30px;
    color:var(--awb-color1) !important;
    border: none !important;
    background-color: var(--awb-custom_color_1) !important;
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    width: 45% !important;
}

.wc-block-checkout__actions_row{
    margin-top: 30px !important;
}

.wc-block-components-button:hover {
    color:var(--awb-color5) !important;
    border: none !important;
    background-color:var(--awb-color1) !important;
}

.wc-block-components-checkout-return-to-cart-button{
    color: var(--awb-custom_color_1) !important;
}

.wc-block-components-checkout-return-to-cart-button:hover{
    color: var(--awb-color_2) !important;
}

.wc-block-components-checkout-place-order-button{
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    font-size: 16px !important;
}

.is-large .wc-block-checkout__sidebar{
    top: 194px !important
}

.wp-block-woocommerce-cart .wc-block-components-product-metadata__description{
    display: none;
}

.p1x-woo-cart .quantity .minus, 
.p1x-woo-cart .quantity .plus {
    background-color: var(--awb-color7) !important;
}


/*
 *      GERMAN MARKET
 */
.wgm-info.woocommerce_de_versandkosten{
    display: none !important;
}

/*
 *  BLOG POSTCARD
 */

 .blog-postcard-excerpt p{
    margin-bottom: 0px !important;
 }

.blog-postcard-excerpt p a{
    color: var(--awb-color1) !important;
    text-decoration: none !important;
}

.blog-postcard-date{
    margin: auto !important;
}

.blog-postcard-date h6 a{
    font-size: 14px !important;
}
.post-layout-date{
    margin-right: auto;
    width: auto !important;
}

.post-layout-date,
.blog-postcard-date p{
    border-radius: 999em;
    color: var(--awb-color4) !important;
    text-decoration: none !important;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;   
    padding-bottom: 2px;
    background-color: var(--awb-color1) !important;
}

@media only screen and (max-width: 640px){
    body:not(.fusion-builder-live-preview) .fusion-column-wrapper:hover{
        transform: none !important;
    }
}

/*
 *  FOOOTER
 */

#cookie-link a{
    text-decoration: none !important;
}

#footer-legal-menu .awb-menu__i{
    padding-left: 0px !important;
}

/* WEATHER WIDGET*/

.weather-atlas-wrapper .current_temp{
    text-align: left !important;
}

.weather-atlas-body{
    padding: 0px !important;
}
.weather-atlas-header,
.weather-atlas-footer{
    display: none !important;
}

#p1xel-link{
    color: var(--awb-color1) !important;
}

/*
 *  WPML 
 */
.awb-menu__sub-ul .wpml-ls-flag{
    width: 26px !important;
}

.awb-menu__sub-ul .wpml-ls-item .wpml-ls-link{
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 4px;
}

.wcml-cart-dialog-confirm{
    background-color: var(--awb-color5) !important;;
}

/*
 *      TABELS
 */
 .table-1 table td,
 .table-1 table th{
    color: var(--awb-color8) !important;
 }

/*
 *  PRODUCT POSTCARD
 */
.fusion-title-heading .fine-print{
    text-align: right;
    font-family: var(--awb-custom_typography_1-font-family);
    font-weight: var(--awb-custom_typography_1-font-weight);
}


/*
 *  BUTTONS 
 */
.fusion-apply-coupon,
.awb-button__text--default{
    margin-bottom: -3px !important;
}