/* Target the specific container for the single trip gallery */
.wpte-gallery-wrapper__multi-banners {
    max-width: 1390px !important; /* This matches your header/content width */
    margin: 20px auto !important; /* Centers it and adds space above/below */
    padding: 0 15px !important;
    display: block !important;
    float: none !important;
}

/* Ensure the inner grid doesn't try to grow wider than the container */
.wpte-gallery-wrapper.banner-layout-2 {
    width: 100% !important;
    max-width: 100% !important;
}

/* Fix for the multi-banner layout images */
.wpte-multi-banner-layout {
    margin: 0 auto !important;
}

/* Hide the duration boxes on the single trip page */
.wte-title-duration, 
.wte-duration-night {
    display: none !important;
}

/* Hide the 'Zobrazit dostupnost' button specifically */
.wpte-bf-btn-wrap .wte-book-now {
    display: none !important;
}

/* Optional: Center the WhatsApp icon now that the button is gone */
.wpte-bf-whatsapp-cta {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
}

/* Make the check availability text bold */
.wpte-booking-footer-text span {
    font-weight: 700 !important;
    display: block; /* Ensures it sits on its own line if needed */
    margin-bottom: 5px; /* Adds a little space below the text */
}

/* Change booking area background to white */
.wpte-booking-area.wpte-form-layout-1 {
    background-color: #ffffff !important;
    background: #ffffff !important; /* Forces reset of any gradients */
    border: 1px solid #e1e1e1;    /* Optional: adds a light border so it doesn't disappear on white backgrounds */
    padding: 20px;                 /* Optional: adds some breathing room inside the white box */
    border-radius: 8px;            /* Optional: rounds the corners to look more modern */
}

/* Adjust the vertical position of the sticky tabs */
.nav-tab-wrapper.wpte-tabs-fixed, 
.nav-tab-wrapper {
    top: 85px !important; /* Increase this number to move it lower (e.g., 100px, 120px) */
    z-index: 999 !important; /* Ensures it stays above other content */
}

/* Fix for mobile if the header height changes */
@media only screen and (max-width: 768px) {
    .nav-tab-wrapper.wpte-tabs-fixed {
        top: 60px !important;
    }
}

/* Hide the "Štítky" (Trip Tags) filter section */
.advanced-search-field:has(input[name="trip_tag"]) {
    display: none !important;
}

/* Make trip tags non-clickable */
.category-trip-wtetags a {
    pointer-events: none;  /* Disables the link click action */
    cursor: default;       /* Changes cursor to normal arrow */
    text-decoration: none; /* Removes underline (if any) */
    color: inherit;        /* Keeps the text color consistent */
}

/* --- DESKTOP RULES (Screens wider than 1024px) --- */
@media (min-width: 1025px) {
    
    /* --- ACCORDION STYLE WITH SCROLL ANIMATION --- */

/* 1. Basic Setup for the List Items */
.wpte__select-options li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* 2. Style the Parent Text */
.wpte__select-options li > span {
    width: 100%;
    display: block;
    position: relative;
    z-index: 10;
    background: #fff; /* White background to cover list as it slides up */
}

/* 3. The Sub-Menu (Child List) - ANIMATION SETTINGS */
.wpte__select-options li ul {
    /* Start closed */
    display: block !important; /* Must be block for animation to work */
    max-height: 0;             /* Height is 0 */
    opacity: 0;                /* Invisible */
    overflow: hidden;          /* Hide content that doesn't fit in height */
    visibility: hidden;        /* Prevent clicking when closed */
    
    /* Animation definition */
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s;
    
    /* Visual Styles */
    width: 100%;
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 4. Show Sub-Menu on Hover - TRIGGER ANIMATION */
.wpte__select-options li:hover > ul {
    max-height: 500px;  /* Allow it to grow large enough to fit content */
    opacity: 1;         /* Fully visible */
    visibility: visible;
}

/* 5. Style the Child Items (Indentation) */
.wpte__select-options li ul li {
    padding-left: 20px !important;
}

.wpte__select-options li ul li span {
    font-size: 0.95em;
    color: #555;
}

/* 6. Add the Arrow to Parents */
.wpte__select-options li:has(ul) > span::after {
    content: "▼";
    font-size: 10px;
    color: #888;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease; /* Smooth arrow rotation */
}

/* 7. Rotate Arrow when Open */
.wpte__select-options li:has(ul):hover > span::after {
    transform: translateY(-50%) rotate(180deg);
    color: #2183DF;
}

/* --- MOBILE RULES (Screens smaller than 1024px) --- */
@media (max-width: 1024px) {
    /* 1. Always show children, but indent them clearly */
    .wpte__select-options li ul {
        display: block !important; /* Force visible */
        padding-left: 20px !important;
        margin-top: 5px;
        margin-bottom: 5px;
        background: #f9f9f9;
        border-left: 3px solid #2183DF; /* Blue line to indicate subsection */
    }
    
    /* 2. Slightly smaller text for children to distinguish them */
    .wpte__select-options li ul li span {
        font-size: 0.9em;
        color: #555;
    }
}
	
/* Hide Site Title when header becomes sticky */
.elementor-sticky--effects .elementor-element-f73905c {
    display: none !important;
}