/* 
Theme Name: Venti Beach
Description: Theme made for Venti Beach based on Hello
Author: Sander | Firma Netjes
Author URI: https://firmanetjes.nl
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* menu */

/* Formatting */

/* Styling elements */
.bruin-underline {
  width: 100px;
  height: 4px;
  background-color: #5A3826;
  margin-top: 0px;
}

.bruin-underline-400 {
  width: 400px;
  height: 4px;
  background-color: #5A3826;
  margin-top: 0px;
}

.oranje-underline {
  width: 400px;
  height: 4px;
  background-color: #D16727;
  margin-top: 0px;
}

/* position elements */

.keuze-btn, .btns-bottom {
    margin-top: auto !important;
}

/* GTranslate */

.gt_float_switcher .gt-selected .gt-current-lang {
    color: #FFFFFF !important;
    background: #D16727 !important;
    font-weight: bold;
}

/* ================================================
   Bookzo widget – Boek een huisje
   Venti Beach stijl
   ================================================ */

/* ================================================
   ZOOM UITSCHAKELEN
   ================================================ */
.bookzo,
.bookzo-home,
.bookzo-bootstrap,
.slider {
    touch-action: none !important;
}

[class*="bookzo"] {
    touch-action: none !important;
    user-zoom: fixed !important;
}

.slider-wrapper,
.bookzo-hammerjs-carousel {
    touch-action: none !important;
}
/* ================================================ */

/* Kaarten & achtergrond */
#resultCard.card.result-item {
    background: #F8F0E7;
}
.bookzo-bootstrap .card {
    border: none !important;
}
.card-body {
    background: #FFFFFF;
    font-family: 'Made Tommy', sans-serif;
    font-weight: 300;
    font-size: 1.2rem;
    margin-left: 20px;
}
.card.mb-4.object-description.ng-star-inserted,
.card.mb-4.object-features.ng-star-inserted,
.card.mb-4.object-rooms.ng-star-inserted,
.mt-4.card.card-alternative-prices.ng-star-inserted {
	background-color: #FFFFFF !important;
}

.objects-to-book,
.object-to-book,
.card {
    background-color: #F8F0E7 !important;
    border-color: #e0e0e0 !important;
}
/* Titels */
.card-title-name h1,
.card-title-name h2,
.card-title-name h3,
.card-title-name h4,
.card-title-name h5 {
    text-transform: uppercase;
    color: #5A3826;
}
/* Lettertype hele widget */
.objects-to-book,
.objects-to-book * {
    font-family: 'Made Tommy', sans-serif !important;
}
/* Made Tommy – Bookzo zoekbalk (labels, inputs, knop) */
bookzo-search,
bookzo-search * {
    font-family: 'Made Tommy', sans-serif !important;
}
/* Made Tommy + uppercase H – bookzo-home volledige widget */
bookzo-home,
bookzo-home * {
    font-family: 'Made Tommy', sans-serif !important;
}
bookzo-home h1,
bookzo-home h2,
bookzo-home h3,
bookzo-home h4,
bookzo-home h5,
bookzo-home h6 {
    text-transform: uppercase !important;
    font-family: 'Made Tommy', sans-serif !important;
}
/* Slider */
.slider-wrapper.ng-star-inserted {
    border-radius: 20px !important;
}
/* ------------------------------------------------
   Zoeken-knop (alle varianten)
   ------------------------------------------------ */
#searchButton.btn-primary,
#searchButton.btn-secondary,
#searchButtonObjectsToBook.btn-primary,
#searchButtonObjectsToBook.btn-secondary,
.bookzo-search-submit.btn-primary,
.bookzo-search-submit.btn-secondary {
    background-color: #D16727 !important;
    border-color: #D16727 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Made Tommy', sans-serif !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
#searchButton.btn-primary:hover,
#searchButton.btn-primary:focus,
#searchButton.btn-secondary:hover,
#searchButton.btn-secondary:focus,
#searchButtonObjectsToBook.btn-primary:hover,
#searchButtonObjectsToBook.btn-primary:focus,
#searchButtonObjectsToBook.btn-secondary:hover,
#searchButtonObjectsToBook.btn-secondary:focus,
.bookzo-search-submit.btn-primary:hover,
.bookzo-search-submit.btn-primary:focus,
.bookzo-search-submit.btn-secondary:hover,
.bookzo-search-submit.btn-secondary:focus {
    background-color: #5A3826 !important;
    border-color: #5A3826 !important;
    color: #ffffff !important;
}
/* ------------------------------------------------
   Meer info-knop
   ------------------------------------------------ */
#moreInfoButtonResultCard.btn-secondary,
.more-info-button.btn-secondary {
    background-color: #D16727 !important;
    border-color: #D16727 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Made Tommy', sans-serif !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
#moreInfoButtonResultCard.btn-secondary:hover,
#moreInfoButtonResultCard.btn-secondary:focus,
.more-info-button.btn-secondary:hover,
.more-info-button.btn-secondary:focus {
    background-color: #5A3826 !important;
    border-color: #5A3826 !important;
    color: #ffffff !important;
}
/* ------------------------------------------------
   Wis selectie-knop
   ------------------------------------------------ */
.objects-to-book-buttons .btn-link {
    background-color: #D16727 !important;
    border-color: #D16727 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Made Tommy', sans-serif !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.objects-to-book-buttons .btn-link:hover,
.objects-to-book-buttons .btn-link:focus {
    background-color: #5A3826 !important;
    border-color: #5A3826 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
/* ------------------------------------------------
   Datepicker – Volgende & Wis datums knoppen
   ------------------------------------------------ */
.datepicker-buttons .btn-primary {
    background-color: #D16727 !important;
    border-color: #D16727 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Made Tommy', sans-serif !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.datepicker-buttons .btn-primary:hover,
.datepicker-buttons .btn-primary:focus {
    background-color: #5A3826 !important;
    border-color: #5A3826 !important;
    color: #ffffff !important;
}
.datepicker-buttons .btn-link {
    background-color: #D16727 !important;
    border-color: #D16727 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Made Tommy', sans-serif !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.datepicker-buttons .btn-link:hover,
.datepicker-buttons .btn-link:focus {
    background-color: #5A3826 !important;
    border-color: #5A3826 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
/* ------------------------------------------------
   Datepicker – Previous & Next pijltjes
   ------------------------------------------------ */
.ngb-dp-arrow-btn {
    color: #D16727 !important;
}
.ngb-dp-arrow-btn:hover,
.ngb-dp-arrow-btn:focus {
    color: #5A3826 !important;
}
.ngb-dp-navigation-chevron {
    border-color: #D16727 !important;
}
.ngb-dp-arrow-btn:hover .ngb-dp-navigation-chevron,
.ngb-dp-arrow-btn:focus .ngb-dp-navigation-chevron {
    border-color: #5A3826 !important;
}
/* ------------------------------------------------
   bookzo-home – Boeken knop & navigatieknoppen
   ------------------------------------------------ */
#bookButtonAlternativePrices.btn-primary,
.book-button.btn-primary {
    background-color: #D16727 !important;
    border-color: #D16727 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Made Tommy', sans-serif !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
#bookButtonAlternativePrices.btn-primary:hover,
#bookButtonAlternativePrices.btn-primary:focus,
.book-button.btn-primary:hover,
.book-button.btn-primary:focus {
    background-color: #5A3826 !important;
    border-color: #5A3826 !important;
    color: #ffffff !important;
}
/* Terug-knop, Later/Earlier, omhoog/omlaag pijlen in prijstabel */
.btn-back.btn-link,
.alternative-prices-earlier-later-btns.btn-link,
.alternative-prices-up-down-btn.btn-link,
.bookzo-home .btn-link {
    color: #D16727 !important;
    text-decoration: none !important;
    font-family: 'Made Tommy', sans-serif !important;
}
.btn-back.btn-link:hover,
.btn-back.btn-link:focus,
.alternative-prices-earlier-later-btns.btn-link:hover,
.alternative-prices-earlier-later-btns.btn-link:focus,
.alternative-prices-up-down-btn.btn-link:hover,
.alternative-prices-up-down-btn.btn-link:focus,
.bookzo-home .btn-link:hover,
.bookzo-home .btn-link:focus {
    color: #5A3826 !important;
}
/* Toon alle afbeeldingen knop */
.bookzo-home .btn-secondary:not(.more-info-button):not(#moreInfoButtonResultCard) {
    background-color: #D16727 !important;
    border-color: #D16727 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Made Tommy', sans-serif !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.bookzo-home .btn-secondary:not(.more-info-button):not(#moreInfoButtonResultCard):hover,
.bookzo-home .btn-secondary:not(.more-info-button):not(#moreInfoButtonResultCard):focus {
    background-color: #5A3826 !important;
    border-color: #5A3826 !important;
    color: #ffffff !important;
}
/* ------------------------------------------------
   + en - knoppen (ronde vorm behouden)
   ------------------------------------------------ */
.btn.btn-primary.btn-circle {
    background-color: #D16727 !important;
    border-color: #D16727 !important;
    color: #ffffff !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.btn.btn-primary.btn-circle:hover,
.btn.btn-primary.btn-circle:focus {
    background-color: #5A3826 !important;
    border-color: #5A3826 !important;
    color: #ffffff !important;
}
.btn.btn-primary.btn-circle:disabled,
.btn.btn-primary.btn-circle[disabled] {
    background-color: #e8c4a8 !important;
    border-color: #e8c4a8 !important;
    color: #ffffff !important;
    cursor: not-allowed;
}

/* ── Bookzo resultaten — compacte weergave ── */

/* Horizontale layout: afbeelding links, tekst rechts */
bookzo-home .card.result-item {
    flex-direction: row !important;
    max-height: 160px;
}

bookzo-home .card-img-top {
    width: 220px !important;
    min-width: 220px !important;
    max-height: 160px;
    overflow: hidden;
}

bookzo-home .slider-wrapper,
bookzo-home .slider {
    height: 160px !important;
}

bookzo-home .card-body {
    padding: 12px 16px !important;
    overflow: hidden;
}

/* Verberg uitgebreide beschrijving */
bookzo-home .card-description,
bookzo-home .object-description,
bookzo-home p.description {
    display: none !important;
}

/* Verberg personen icoon + nummer en locatie icoon + tekst */
bookzo-home .persons-pets,
bookzo-home .location {
    display: none !important;
}

/* Op mobiel: verticaal met kleinere afbeelding */
@media (max-width: 576px) {
    bookzo-home .card.result-item {
        flex-direction: column !important;
        max-height: none;
    }

    bookzo-home .card-img-top {
        width: 100% !important;
        max-height: 180px;
    }

    bookzo-home .slider-wrapper,
    bookzo-home .slider {
        height: 180px !important;
    }
}

/* Mobiel: witte vlak uitlijnen met foto en ronde hoeken slider verwijderen */
@media (max-width: 576px) {
    bookzo-home .card-body {
        margin-left: 0 !important;
    }

    bookzo-home .slider-wrapper {
        border-radius: 0 !important;
    }

    bookzo-home .card-img-top {
        border-radius: 0 !important;
    }
}