/* --- Variables & Basic Styles --- */
:root {
    --primary-orange: #e18b2a;
    --primary-light: #ffffff;
    --primary-dark: #4b241b;
    --text-white: #ffffff;
    --text-dark: #333333;
    --sale-red: #e74c3c;
    --filter-bg: #fff;
    --border-color: #ccc;
}

/* --- Wrapper for Layout --- */
.mtc-travel-wrapper {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    width: 100%; /* Take full width of its container */
    font-family: 'Quicksand', sans-serif; /* Apply base font here */
    box-sizing: border-box;
}
.mtc-travel-wrapper *,
.mtc-travel-wrapper *::before,
.mtc-travel-wrapper *::after {
    box-sizing: border-box; /* Ensure box-sizing inheritance */
}


/* --- Filter Sidebar --- */
#mtc-filters { /* Changed ID */
    width: 280px;
    padding: 20px;
    background-color: #fff;
    border-right: 1px solid var(--border-color) !important;
    /* Remove fixed height, let content determine height */
    /* height: 100vh; */
    overflow-y: auto; /* Keep scroll if needed */
    flex-shrink: 0;
    margin-bottom: 20px; /* Add margin for wrapped layout */
}

/*input[type=search], .mtc-filter input[type=text], .mtc-filter select, .mtc-filter input[type="number"], .mtc-filter .select2-selection.select2-selection--single, .select2-container .select2-dropdown.select2-dropdown--below, .select:focus, .select:focus-visible {
    border: 1px solid #ccc !important;
}*/

#mtc-filters h3 { /* Scoped selector */
    margin-top: 0;
    margin-bottom: 1.5rem;
    color: var(--primary-dark);
    font-size: 1.5rem;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-orange);
    padding-bottom: 0.5rem;
    font-family: inherit; /* Inherit from wrapper */
}

.mtc-filter { /* Changed class */
    margin-bottom: 1.5rem;
}

.mtc-filter label { /* Scoped selector */
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--primary-dark);
    font-size: 0.9rem;
}

/* Style inputs/selects within the filters */
#mtc-filters select,
#mtc-filters input[type="number"],
#mtc-filters input[type="text"] {
    width: 100%;
    padding: 0.6rem 0.8rem;
    border-radius: 4px;
    font-size: 0.9rem;
    background-color: var(--primary-light);
    font-family: inherit; /* Inherit font */
}

#mtc-filters select[multiple] { /* Scoped selector */
    height: 120px;
}

#mtc-filters input[type="number"] { /* Scoped selector */
   -moz-appearance: textfield;
}
#mtc-filters input::-webkit-outer-spin-button, /* Scoped selector */
#mtc-filters input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mtc-filter-price-range { /* Changed class */
    display: flex;
    gap: 10px;
}
.mtc-filter-price-range > div {
    flex: 1;
}


/* --- Main Content Area (Card Listing) --- */
#mtc-content-area { /* Changed ID */
    flex-grow: 1;
    padding: 20px; /* Keep padding */
    /* overflow-y: auto; */ /* Let page handle scroll */
    min-width: 0; /* Prevent flex item overflow */
}

/* --- Card Listing Container --- */
@media (min-width: 764px) {
    .mtc-card-listing { /* Changed class */
        place-items: center !important;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        gap: 25px;
    } 
}

@media (max-width: 763px) {
    .mtc-card-listing { /* Changed class */
        place-items: center !important;
        display: grid;
        gap: 25px;
    } 
}



/* === CARD STYLES (Using Prefixed Outer Class, Original Inner Classes) === */

/* --- Card Container --- */
.mtc-card { /* Changed Class */
    display: flex;
    flex-direction: column;
    height: 522.5px;
    width: 332.5px;
    background-color: var(--primary-orange);
    border-radius: 255px 255px 50px 50px;
    align-items: flex-end;
    box-sizing: border-box; /* Already inherited */
    margin: 0;
    position: relative;
}

/* --- Remove Link Underlines --- */
.mtc-card a { /* Scoped selector */
    text-decoration: none;
    color: inherit;
}

/* --- Image Area Wrapper --- */
.mtc-card .card__image-area-wrapper { /* Increased specificity */
    border-radius: 275px;
    border-bottom-right-radius: 47px !important;
    height: 332.5px;
    width: 332.5px;
    min-width: 332.5px;
    min-height: 332.5px;
    background-color: #fff5ed;
    position: relative;
    box-sizing: border-box;
}

/* --- Sale Badge --- */
/* Assuming sale badge HTML is inside .mtc-card */
.mtc-card .sale-badge { /* Increased specificity */
    position: absolute;
    top: 1rem;
    right: 0;
    width: 13rem;
    height: 5rem;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-6deg);
}
.mtc-card .sale-badge__value { /* Updated for new structure */
    color: var(--text-white);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    margin-top: -0.2rem;
}
/* Legacy support for old structure if needed */
.mtc-card .sale-badge__content { /* Increased specificity */
    position: relative;
}
.mtc-card .sale-badge__img { /* Increased specificity */
    top: 0;
    right: 0;
    height: 13rem;
    width: 5rem;
    display: block;
}
.mtc-card .sale-badge__text { /* Increased specificity */
    color: var(--text-white);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    position: absolute;
    top: 2rem;
    right: 1.75rem;
    transform: rotate(-12deg);
}

/* --- Image Link --- */
.mtc-card .card__image-link { /* Increased specificity */
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 332.5px;
    height: 332.5px;
    z-index: 12;
}

/* --- Image Container Styling --- */
.mtc-card .card__image-container { /* Increased specificity */
    position: absolute;
    top: 0;
    height: 327.5px;
    width: 327.5px;
    background-color: var(--primary-dark);
    overflow: hidden;
    margin-left: 5px;
    z-index: 10;
    box-sizing: border-box;
    left: 0; /* Adjusted left position based on user request */
    border-radius: 200px;
    border-bottom-right-radius: 50px !important;
}

.mtc-card .card__image-element { /* Increased specificity */
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease-in-out;
    background-color: #cccccc;
}

/* --- Image Hover Effect --- */
.mtc-card .card__image-link:hover .card__image-element { /* Increased specificity */
    transform: scale(1.1);
}

/* --- Content Area Link --- */
.mtc-card .card__content-link { /* Increased specificity */
    display: block;
    width: 100%;
    flex-grow: 1;
    cursor: pointer;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    overflow: hidden;
    position: relative;
}

/* --- Original Bottom-Left Corner Cutout Attempt --- */
.mtc-card .card__content-link::before { /* Increased specificity */
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: var(--primary-orange);
    border-top-right-radius: 50px;
    z-index: 15;
}

/* --- Content Area Styling --- */
.mtc-card .card__content { /* Increased specificity */
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    padding: 1rem 1rem 1.5rem 1rem;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

/* --- Content Top Section (Text & Icon) --- */
.mtc-card .card__content-top { /* Increased specificity */
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: space-between;
    align-items: flex-start;
}

.mtc-card .card__text-group { /* Increased specificity */
    flex-grow: 1;
    overflow: hidden;
}

/* --- Line Clamping --- */
.mtc-card .card__title-wrapper, /* Increased specificity */
.mtc-card .card__subtitle-wrapper { /* Increased specificity */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.mtc-card .card__title { /* Increased specificity */
    color: var(--primary-dark);
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.mtc-card .card__subtitle { /* Increased specificity */
    color: var(--primary-dark);
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0;
}

.mtc-card .card__continent-icon { /* Increased specificity */
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    flex-shrink: 0;
}

/* --- Content Bottom Section (Price & Link) --- */
.mtc-card .card__content-bottom { /* Increased specificity */
    color: var(--text-white);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-end;
}

/* Wrapper for duration and terms on the right side */
.mtc-card .card__right-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.mtc-card .card__price-info, /* etc */
.mtc-card .card__price-line,
.mtc-card .card__price-note,
.mtc-card .card__terms-link-text,
.mtc-card .card__price-prefix,
.mtc-card .card__price-amount {
    line-height: 1;
}

.mtc-card .card__price-line {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: flex-end;
}

.mtc-card .card__price-amount {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
}

/* Special styling for "Price on request" */
.mtc-card .card__price-amount.price-on-request {
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
}

/* Reset Button Styling */
#mtc-filters .mtc-reset-button,
button.mtc-reset-button,
button#mtc-reset-filters {
    width: 100% !important;
    padding: 12px 16px !important;
    background-color: var(--primary-orange) !important;
    color: var(--text-white) !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    white-space: nowrap !important;
    user-select: none !important;
    display: block !important;
}

#mtc-filters .mtc-reset-button:hover,
button.mtc-reset-button:hover,
button#mtc-reset-filters:hover {
    background-color: var(--primary-dark) !important;
    color: var(--text-white) !important;
    border: none !important;
}

#mtc-filters .mtc-reset-button:active,
button.mtc-reset-button:active,
button#mtc-reset-filters:active {
    background-color: var(--primary-dark) !important;
    color: var(--text-white) !important;
    border: none !important;
    transform: translateY(0) !important;
}

.mtc-card .card__price-note {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.mtc-card .card__terms-link-text {
   font-size: 0.875rem;
   text-align: right;
}

/* Trip duration display */
.mtc-card .card__duration {
   font-size: 1.125rem;
   text-align: right;
   font-weight: 700;
   color: var(--text-white);
}

/* Placeholder image style */
.mtc-card .placeholder-bg { /* Increased specificity */
    background-color: #ccc !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    font-size: 1.2rem;
    font-weight: bold;
    overflow: hidden;
}


/* --- Responsive Adjustments --- */
/* Only apply to pages/areas that contain travel cards */
@media (max-width: 960px) { /* Adjust breakpoint maybe */
    .mtc-travel-wrapper {
       flex-direction: column; /* Stack vertically on mobile */
    }
    
    /* Show mobile filter button - only in travel cards areas */
    .mtc-travel-wrapper .mtc-mobile-filter-button {
        display: inline-flex;
    }
    
    .mtc-travel-wrapper #mtc-filters {
        display: none; /* Hide original filters on mobile */
        width: 100%;
        border-right: none;
        border-bottom: none;
        padding: 0;
        margin-bottom: 0;
        background-color: transparent;
    }
    
    /* Mobile filters inside popup don't need the h3 title */
    .mtc-filter-popup-body .mtc-filter {
        margin-bottom: 1.5rem;
    }
    
    .mtc-filter-popup-body .mtc-filter label {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 600;
        color: var(--primary-dark);
        font-size: 0.9rem;
    }
    
    /* Style inputs/selects within mobile popup */
    .mtc-filter-popup-body select,
    .mtc-filter-popup-body input[type="number"],
    .mtc-filter-popup-body input[type="text"] {
        width: 100%;
        padding: 0.6rem 0.8rem;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 0.9rem;
        background-color: var(--primary-light);
        font-family: inherit;
    }
    
    #mtc-content-area, [id^="mtc-content-area"] {
        width: 100%; /* Ensure it takes full width below filters */
        padding: 15px; /* Reduce padding */
    }
    
    .mtc-card-listing, [class*="mtc-card-listing"] {
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); /* Adjust min card width */
        gap: 15px;
     }
}

/* Only apply mobile card styles to travel cards areas */
@media (max-width: 480px) {
     .mtc-card-listing, [class*="mtc-card-listing"] {
        /* Stack to single column on very small screens */
        grid-template-columns: 1fr;
        gap: 20px;
        justify-items: center; /* Center grid items horizontally */
     }
     /* Adjust card width/height on mobile if needed - only in travel areas */
     .mtc-card {
         width: 315px; /* Make card take full width */
         /* Consider making height auto or adjusting fixed height */
         height: auto;
         min-height: 500px;
     }

     #mtc-content-area, [id^="mtc-content-area"] {
        width: 100%; /* Ensure it takes full width below filters */
        padding: 0px; /* Reduce padding */
    }
     /* Adjust image wrapper/container for 100% width card - only in travel areas */
     .mtc-card .card__image-area-wrapper {
         width: 100%; /* Make image area full width */
         border-radius: 275px; /* Keep larger left corner */
         border-bottom-right-radius: 47px !important; /* Keep smaller right corner */
         height: 305px;
     }
     .mtc-card .card__image-container {
         width: 100%; /* Make image area full width */
         border-radius: 200px; /* Keep larger left corner */
         border-bottom-right-radius: 40px !important; /* Keep smaller right corner */
         height: 300px;
         width: 300px;
         margin-left: 1px;
     }
     .mtc-card .card__image-container {
         left: 0; /* Align left */
     }
     .mtc-card .card__image-link {
         width: 100%;
         height: 300px; /* Match container */
         left: 0;
     }

}

/* Fluid responsive design for devices under 400px */
@media (max-width: 400px) {
    .mtc-travel-wrapper {
        overflow-x: hidden; /* Prevent horizontal scroll */
    }

    .mtc-card-listing, [class*="mtc-card-listing"] {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 0 15px; /* Consistent padding */
        justify-items: center; /* Center cards */
    }

    /* Card scales smoothly with viewport width */
    .mtc-card {
        width: min(calc(100vw - 50px), 300px) !important; /* Prevent overflow */
        max-width: none !important;
        min-width: unset !important;
        height: auto !important;
        aspect-ratio: 0.65; /* Maintain proportions */
        min-height: 420px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    /* Image area scales proportionally with card */
    .mtc-card .card__image-area-wrapper {
        width: 100% !important;
        min-width: unset !important;
        height: auto !important;
        aspect-ratio: 1; /* Square aspect ratio */
        max-height: 280px;
        min-height: unset !important;
        border-radius: 50% 50% 12% 12%;
        border-bottom-right-radius: 35px !important;
    }

    /* Image container scales with wrapper */
    .mtc-card .card__image-container {
        width: calc(100% - 2px) !important;
        height: calc(100% - 2px) !important;
        left: 0;
        top: 0;
        border-radius: 45% 45% 10% 10%;
        border-bottom-right-radius: 30px !important;
    }

    /* Image link matches container */
    .mtc-card .card__image-link {
        width: calc(100% - 2px) !important;
        height: calc(100% - 2px) !important;
        left: 5px;
        top: 5px;
    }

    /* Content area with responsive padding */
    .mtc-card .card__content {
        padding: calc(0.5rem + 0.5vw);
        gap: 0.5rem;
    }

    /* Text sizes scale with viewport */
    .mtc-card .card__title {
        font-size: calc(0.9rem + 0.5vw);
        line-height: 1.4;
    }

    .mtc-card .card__subtitle {
        font-size: calc(0.7rem + 0.4vw);
        line-height: 1.3;
    }

    /* Icon scales proportionally */
    .mtc-card .card__continent-icon {
        width: calc(1.5rem + 0.5vw);
        height: calc(1.5rem + 0.5vw);
    }

    /* Price text responsive */
    .mtc-card .card__price-amount {
        font-size: calc(1rem + 0.6vw);
    }

    .mtc-card .card__duration {
        font-size: calc(0.8rem + 0.4vw);
    }

    /* Sale badge scales with card */
    .mtc-card .sale-badge {
        width: calc(6rem + 2vw);
        height: calc(2.5rem + 0.5vw);
        top: 0.5rem;
        right: 0;
    }

    .mtc-card .sale-badge__value {
        font-size: calc(0.8rem + 0.4vw);
        margin-top: 0;
    }
}

/* === HOMEPAGE SPECIFIC STYLES === */
/* Target homepage specifically to show only one row per taxonomy section */
body.home .mtc-card-listing,
body.page-id-2 .mtc-card-listing {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, auto));
    justify-content: start;
    /*grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));*/
    grid-template-rows: 1fr; /* Limit to one row */
    gap: 25px;
    overflow: hidden; /* Hide cards that would wrap to second row */
    max-height: 550px; /* Slightly more than card height (550px + gap) */
}

/* Responsive adjustments for homepage */
@media (max-width: 960px) {
    body.home .mtc-card-listing,
    body.page-id-2 .mtc-card-listing {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

@media (max-width: 768px) {
    body.home .mtc-card-listing,
    body.page-id-2 .mtc-card-listing {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

@media (max-width: 480px) {
    body.home .mtc-card-listing,
    body.page-id-2 .mtc-card-listing {
        grid-template-columns: 1fr; /* Single column on mobile */
    }
}

/* Fix Select2 dropdown z-index issues in mobile popups */
.select2-dropdown {
    z-index: 99999 !important; /* Ensure Select2 dropdown appears above popups */
}

/* Ensure Select2 container has proper positioning in mobile popups */
.select2-container--open .select2-dropdown {
    z-index: 99999 !important;
}

/* Fix Select2 dropdown positioning issues */
.select2-container--default.select2-container--open {
    z-index: 9999 !important;
}

/* Prevent popup from moving when Select2 opens */
.mtc-filter-popup-body .select2-container {
    position: relative;
}

.mtc-filter-popup-body .select2-dropdown {
    z-index: 99999 !important;
}
/* === EXTREME SMALL SCREEN RESPONSIVE (280px minimum) === */
/* Fix #7 - Responsiveness down to 280px (2025-12-12) */

@media (max-width: 320px) {
    /* Card listing container */
    .mtc-card-listing, [class*="mtc-card-listing"] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 0 8px;
        justify-items: center;
    }

    /* Card scales to fit very small screens */
    .mtc-card {
        width: calc(100vw - 30px) !important;
        max-width: 290px !important;
        min-width: 250px !important;
        height: auto !important;
        aspect-ratio: 0.62;
        min-height: 380px;
        margin: 0 auto;
        border-radius: 200px 200px 40px 40px;
    }

    /* Image area scales proportionally */
    .mtc-card .card__image-area-wrapper {
        width: 100% !important;
        min-width: unset !important;
        height: auto !important;
        aspect-ratio: 1;
        max-height: 250px;
        min-height: unset !important;
        border-radius: 50% 50% 10% 10%;
        border-bottom-right-radius: 30px !important;
    }

    /* Image container */
    .mtc-card .card__image-container {
        width: calc(100% - 1x) !important;
        height: calc(100% - 1px) !important;
        left: 0;
        top: 0;
        border-radius: 45% 45% 8% 8%;
        border-bottom-right-radius: 25px !important;
    }

    /* Image link */
    .mtc-card .card__image-link {
        width: calc(100% - 1px) !important;
        height: calc(100% - 1px) !important;
        left: 4px;
        top: 4px;
    }

    /* Content area */
    .mtc-card .card__content {
        padding: 0.5rem;
        gap: 0.4rem;
    }

    /* Text sizes for very small screens */
    .mtc-card .card__title {
        font-size: 0.85rem;
        line-height: 1.2;
    }

    .mtc-card .card__subtitle {
        font-size: 0.7rem;
        line-height: 1.2;
    }

    /* Icon smaller */
    .mtc-card .card__continent-icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    /* Price smaller */
    .mtc-card .card__price-amount {
        font-size: 1rem;
    }

    .mtc-card .card__duration {
        font-size: 0.75rem;
    }

    /* Sale badge smaller */
    .mtc-card .sale-badge {
        width: 5rem;
        height: 2rem;
        top: 0.3rem;
    }

    .mtc-card .sale-badge__value {
        font-size: 0.7rem;
    }

    /* Content area padding */
    #mtc-content-area, [id^="mtc-content-area"] {
        padding: 8px;
    }
}

/* Minimum 280px support */
@media (max-width: 310px) {
    .mtc-card {
        width: calc(100vw - 1px) !important;
        max-width: 280px !important;
        min-width: 240px !important;
        min-height: 360px;
    }

    .mtc-card .card__image-area-wrapper {
        max-height: 220px;
    }

    .mtc-card .card__title {
        font-size: 0.8rem;
    }

    .mtc-card .card__subtitle {
        font-size: 0.65rem;
    }

    .mtc-card .card__price-amount {
        font-size: 0.9rem;
    }
}

/* Homepage responsive adjustments for small screens */
@media (max-width: 320px) {
    body.home .mtc-card-listing,
    body.page-id-2 .mtc-card-listing {
        grid-template-columns: 1fr;
        max-height: 450px;
    }
}

/* === FIX #7 Additional - Header, Footer, Cards at 310px (2025-12-12) === */

@media (max-width: 320px) {
    /* Fix 1: Header gap at right edge - prevent horizontal overflow */
    body {
        overflow-x: hidden !important;
    }
    
    html, body {
        max-width: 100vw !important;
        width: 100% !important;
    }
    
    /* Header fixes */
    header, 
    .site-header,
    .elementor-location-header,
    [data-elementor-type="header"] {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    /* Fix 2: Header height reduction */
    header img,
    .site-header img,
    .custom-logo,
    .elementor-location-header img {
        max-height: 40px !important;
        width: auto !important;
    }
    
    .elementor-location-header .elementor-container,
    header .elementor-container {
        min-height: unset !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    
    /* Fix 3: Cards centering */
    .mtc-card-listing,
    [class*="mtc-card-listing"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }
    
    .mtc-card {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    
    /* Fix 4: Footer text size reduction */
    footer,
    .site-footer,
    .elementor-location-footer,
    [data-elementor-type="footer"] {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    footer p,
    footer span,
    footer a,
    footer li,
    .site-footer p,
    .site-footer span,
    .site-footer a,
    .site-footer li,
    .elementor-location-footer p,
    .elementor-location-footer span,
    .elementor-location-footer a,
    .elementor-location-footer li {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    
    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
    .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6,
    .elementor-location-footer h1, .elementor-location-footer h2, .elementor-location-footer h3,
    .elementor-location-footer h4, .elementor-location-footer h5, .elementor-location-footer h6 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    
    /* Footer columns stack */
    footer .elementor-row,
    footer .elementor-container,
    .elementor-location-footer .elementor-row,
    .elementor-location-footer .elementor-container {
        flex-direction: column !important;
    }
    
    footer .elementor-column,
    .elementor-location-footer .elementor-column {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    /* Main content area - no horizontal scroll */
    main, 
    .site-main,
    #mtc-content-area,
    [id^="mtc-content-area"] {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }
    
    /* Navigation/Menu fixes */
    nav,
    .site-navigation,
    .elementor-nav-menu {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    .elementor-nav-menu li a {
        font-size: 12px !important;
        padding: 5px 8px !important;
    }
}

/* More aggressive fixes for 310px */
@media (max-width: 310px) {
    /* Even smaller header */
    header img,
    .site-header img,
    .custom-logo {
        max-height: 35px !important;
    }
    
    /* Smaller footer text */
    footer p,
    footer span,
    footer a,
    footer li,
    .site-footer p,
    .site-footer span,
    .site-footer a,
    .site-footer li,
    .elementor-location-footer p,
    .elementor-location-footer span,
    .elementor-location-footer a,
    .elementor-location-footer li {
        font-size: 11px !important;
    }
    
    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
    .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
        font-size: 13px !important;
    }
    
    /* Card adjustments */
    .mtc-card {
        width: calc(100vw - 1px) !important;
        max-width: 290px !important;
    }
}

/* === FIX #7 - Additional fixes for padding and card overflow (2025-12-12) === */

@media (max-width: 320px) {
    /* Fix 1: Remove white spacing/padding around whole page */
    html, body {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body > *,
    .site-container,
    .site-content,
    .content-area,
    .elementor,
    .elementor-section,
    .elementor-container,
    .elementor-row,
    .elementor-column,
    .elementor-widget-wrap,
    .elementor-element {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }
    
    /* Keep small padding only on content that needs it */
    header,
    .site-header,
    .elementor-location-header {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    footer,
    .site-footer,
    .elementor-location-footer {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    /* Fix 2: Card content overflow - ensure content fits */
    .mtc-card {
        overflow: visible !important;
        width: calc(100vw - 1px) !important;
        max-width: 300px !important;
        min-width: unset !important;
    }
    
    .mtc-card .card__content {
        overflow: visible !important;
        width: 100% !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }
    
    /*.mtc-card .card__image-area-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }*/
    
    .mtc-card .card__title {
        font-size: 0.85rem !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    
    .mtc-card .card__subtitle {
        font-size: 0.7rem !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow: visible !important;
    }
    
    .mtc-card .card__price-amount {
        font-size: 1rem !important;
    }
    
    .mtc-card .card__duration {
        font-size: 0.7rem !important;
    }
    
    .mtc-card .card__content-top,
    .mtc-card .card__content-bottom,
    .mtc-card .card__text-group,
    .mtc-card .card__price-wrapper {
        width: 100% !important;
        overflow: visible !important;
    }
    
    /* Listing container */
    .mtc-card-listing,
    [class*=mtc-card-listing] {
        padding: 8px !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    #mtc-content-area,
    [id^=mtc-content-area] {
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 310px) {
    .mtc-card {
        width: calc(100vw - 1px) !important;
        max-width: 298px !important;
    }
    
    .mtc-card .card__content {
        padding: 6px !important;
    }
    
    .mtc-card .card__title {
        font-size: 0.8rem !important;
    }
    
    .mtc-card .card__subtitle {
        font-size: 0.65rem !important;
    }
    
    .mtc-card .card__price-amount {
        font-size: 0.9rem !important;
    }
}

/* === FIX #7 - Filter button margins & header/footer white space (2025-12-12) === */

@media (max-width: 320px) {
    /* Fix filter button - add margins */
    .mtc-mobile-filter-button,
    #mtc-mobile-filter-btn,
    [class*="mobile-filter"] button,
    button.mtc-mobile-filter-button {
        margin-left: 10px !important;
        margin-right: 10px !important;
        width: calc(100% - 1px) !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
    
    /* Fix header white space - target Elementor specifically */
    .elementor-location-header,
    .elementor-location-header > .elementor,
    .elementor-location-header .elementor-section,
    .elementor-location-header .elementor-section-wrap,
    .elementor-location-header .elementor-section-boxed,
    .elementor-location-header .elementor-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100vw !important;
        width: 100% !important;
    }
    
    .elementor-location-header .elementor-widget-wrap {
        padding: 0 10px !important;
    }
    
    /* Fix footer white space */
    .elementor-location-footer,
    .elementor-location-footer > .elementor,
    .elementor-location-footer .elementor-section,
    .elementor-location-footer .elementor-section-wrap,
    .elementor-location-footer .elementor-section-boxed,
    .elementor-location-footer .elementor-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100vw !important;
        width: 100% !important;
    }
    
    .elementor-location-footer .elementor-widget-wrap {
        padding: 0 10px !important;
    }
    
    /* Main content sections - remove side padding */
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Remove any boxed layout constraints */
    .elementor-section-boxed {
        max-width: 100vw !important;
    }
    
    /* Page wrapper */
    #page,
    .site,
    .hfeed,
    #content,
    .site-content {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
}

@media (max-width: 310px) {
    .mtc-mobile-filter-button,
    #mtc-mobile-filter-btn {
        margin-left: 8px !important;
        margin-right: 8px !important;
        width: calc(100% - 1px) !important;
    }
    
    .elementor-location-header .elementor-widget-wrap,
    .elementor-location-footer .elementor-widget-wrap {
        padding: 0 8px !important;
    }
}

/* === FIX #7 - Enhanced filter button margin & footer padding (2025-12-12) === */

@media (max-width: 320px) {
    /* Enhanced filter button horizontal margins */
    .mtc-mobile-filter-button,
    #mtc-mobile-filter-btn,
    button[class*="filter"] {
        margin-left: 15px !important;
        margin-right: 15px !important;
        width: calc(100% - 1px) !important;
    }
    
    /* Footer content padding - all elements */
    .elementor-location-footer,
    footer {
        padding: 15px !important;
    }
    
    .elementor-location-footer .elementor-widget-wrap,
    .elementor-location-footer .elementor-element,
    .elementor-location-footer .elementor-widget,
    footer .elementor-widget-wrap,
    footer .elementor-element,
    footer .elementor-widget {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .elementor-location-footer p,
    .elementor-location-footer a,
    .elementor-location-footer span,
    .elementor-location-footer li,
    .elementor-location-footer h1,
    .elementor-location-footer h2,
    .elementor-location-footer h3,
    .elementor-location-footer h4,
    .elementor-location-footer h5,
    .elementor-location-footer h6,
    footer p,
    footer a,
    footer span,
    footer li {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    /* Footer inner containers */
    .elementor-location-footer .elementor-container,
    .elementor-location-footer .elementor-row,
    .elementor-location-footer .elementor-column-wrap,
    .elementor-location-footer .elementor-widget-container {
        padding: 5px 10px !important;
    }
}

@media (max-width: 310px) {
    .mtc-mobile-filter-button,
    #mtc-mobile-filter-btn {
        margin-left: 12px !important;
        margin-right: 12px !important;
        width: calc(100% - 1px) !important;
    }
    
    .elementor-location-footer,
    footer {
        padding: 12px !important;
    }
    
    .elementor-location-footer .elementor-widget-wrap,
    footer .elementor-widget-wrap {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* === FIX #7 - Footer white space fix (2025-12-12) === */

@media (max-width: 320px) {
    /* Remove all footer white space/gaps */
    footer,
    .site-footer,
    .elementor-location-footer,
    [data-elementor-type="footer"],
    footer > *,
    .elementor-location-footer > * {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100vw !important;
        width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    /* Inner content gets padding */
    .elementor-location-footer .elementor-widget-container,
    footer .elementor-widget-container,
    .elementor-location-footer .elementor-text-editor,
    footer .elementor-text-editor {
        padding: 0 15px !important;
    }
    
    /* Section backgrounds stretch full width */
    .elementor-location-footer .elementor-section,
    .elementor-location-footer .elementor-container,
    .elementor-location-footer .elementor-row,
    .elementor-location-footer .elementor-column,
    .elementor-location-footer .elementor-column-wrap,
    .elementor-location-footer .elementor-widget-wrap {
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100vw !important;
        width: 100% !important;
    }
    
    /* Text content padding */
    .elementor-location-footer p,
    .elementor-location-footer ul,
    .elementor-location-footer li,
    .elementor-location-footer h1,
    .elementor-location-footer h2,
    .elementor-location-footer h3,
    .elementor-location-footer h4,
    .elementor-location-footer h5,
    .elementor-location-footer h6 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}

@media (max-width: 310px) {
    .elementor-location-footer .elementor-widget-container,
    footer .elementor-widget-container {
        padding: 0 12px !important;
    }
    
    .elementor-location-footer p,
    .elementor-location-footer ul,
    .elementor-location-footer li,
    .elementor-location-footer h1,
    .elementor-location-footer h2,
    .elementor-location-footer h3,
    .elementor-location-footer h4,
    .elementor-location-footer h5,
    .elementor-location-footer h6 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
}

/* === FIX #7 - Footer bottom white space removal (2025-12-12) === */

@media (max-width: 320px) {
    /* Remove bottom white space from footer */
    footer,
    .site-footer,
    .elementor-location-footer,
    [data-elementor-type="footer"] {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Last section in footer */
    .elementor-location-footer .elementor-section:last-child,
    .elementor-location-footer .elementor-element:last-child,
    footer .elementor-section:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 10px !important;
    }
    
    /* Body and html - no margin after footer */
    html, body {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Any wrapper after footer */
    footer + *,
    .elementor-location-footer + * {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

@media (max-width: 310px) {
    .elementor-location-footer .elementor-section:last-child,
    footer .elementor-section:last-child {
        padding-bottom: 8px !important;
    }
}

/* === FIX #7 - Footer left alignment & responsive images/icons (2025-12-12) === */

@media (max-width: 320px) {
    /* Footer content left alignment */
    .elementor-location-footer,
    .elementor-location-footer .elementor-widget-container,
    .elementor-location-footer .elementor-text-editor,
    .elementor-location-footer p,
    .elementor-location-footer ul,
    .elementor-location-footer li,
    .elementor-location-footer h1,
    .elementor-location-footer h2,
    .elementor-location-footer h3,
    .elementor-location-footer h4,
    .elementor-location-footer h5,
    .elementor-location-footer h6,
    .elementor-location-footer a,
    .elementor-location-footer span,
    footer p,
    footer ul,
    footer li,
    footer a,
    footer span {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    
    .elementor-location-footer .elementor-widget-wrap,
    footer .elementor-widget-wrap {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    
    /* Footer images - responsive sizing */
    .elementor-location-footer img,
    footer img {
        max-width: 100% !important;
        height: auto !important;
        width: auto !important;
        max-height: 60px !important;
        object-fit: contain !important;
    }
    
    /* Footer logo specifically */
    .elementor-location-footer .elementor-widget-image img,
    footer .elementor-widget-image img,
    .elementor-location-footer .custom-logo,
    footer .custom-logo {
        max-width: 120px !important;
        max-height: 50px !important;
        height: auto !important;
        width: auto !important;
    }
    
    /* Footer icons - responsive sizing */
    .elementor-location-footer .elementor-icon,
    .elementor-location-footer .elementor-social-icon,
    .elementor-location-footer i,
    .elementor-location-footer svg,
    footer .elementor-icon,
    footer .elementor-social-icon,
    footer i,
    footer svg:not(.checkbox-icon svg) {
        font-size: 18px !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }
    
    /* Social icons container */
    .elementor-location-footer .elementor-social-icons-wrapper,
    footer .elementor-social-icons-wrapper {
        justify-content: flex-start !important;
        gap: 8px !important;
    }
    
    /* Icon list alignment */
    .elementor-location-footer .elementor-icon-list-items,
    footer .elementor-icon-list-items {
        justify-content: flex-start !important;
        text-align: left !important;
    }
    
    .elementor-location-footer .elementor-icon-list-item,
    footer .elementor-icon-list-item {
        justify-content: flex-start !important;
    }
    
    /* Payment/partner logos */
    .elementor-location-footer .elementor-image-gallery img,
    footer .elementor-image-gallery img {
        max-width: 50px !important;
        max-height: 30px !important;
    }
}

@media (max-width: 310px) {
    /* Smaller images at 310px */
    .elementor-location-footer img,
    footer img {
        max-height: 50px !important;
    }
    
    .elementor-location-footer .elementor-widget-image img,
    footer .elementor-widget-image img {
        max-width: 100px !important;
        max-height: 40px !important;
    }
    
    /* Smaller icons at 310px */
    .elementor-location-footer .elementor-icon,
    .elementor-location-footer .elementor-social-icon,
    .elementor-location-footer i,
    .elementor-location-footer svg,
    footer i,
    footer svg:not(.checkbox-icon svg) {
        font-size: 16px !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
    }
    
    .elementor-location-footer .elementor-image-gallery img,
    footer .elementor-image-gallery img {
        max-width: 40px !important;
        max-height: 25px !important;
    }
}

/* === FIX #7 - Footer true left alignment - remove extra padding (2025-12-12) === */

@media (max-width: 320px) {
    /* Reset all footer padding/margin for true left alignment */
    .elementor-location-footer p,
    .elementor-location-footer ul,
    .elementor-location-footer li,
    .elementor-location-footer h1,
    .elementor-location-footer h2,
    .elementor-location-footer h3,
    .elementor-location-footer h4,
    .elementor-location-footer h5,
    .elementor-location-footer h6,
    footer p,
    footer ul,
    footer li {
        margin-left: 0 !important;
        padding-left: 10px !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    
    .elementor-location-footer .elementor-widget-container,
    footer .elementor-widget-container,
    .elementor-location-footer .elementor-text-editor,
    footer .elementor-text-editor {
        padding-left: 10px !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }
    
    .elementor-location-footer .elementor-container,
    .elementor-location-footer .elementor-row,
    .elementor-location-footer .elementor-column-wrap,
    footer .elementor-container,
    footer .elementor-row {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .elementor-location-footer .elementor-widget-wrap,
    footer .elementor-widget-wrap {
        padding: 0 !important;
        padding-left: 0 !important;
    }
    
    /* Image containers */
    .elementor-location-footer .elementor-widget-image,
    footer .elementor-widget-image {
        padding-left: 10px !important;
        margin: 0 !important;
    }
    
    /* Social icons */
    .elementor-location-footer .elementor-social-icons-wrapper,
    footer .elementor-social-icons-wrapper {
        padding-left: 10px !important;
        margin: 0 !important;
    }
}

@media (max-width: 310px) {
    .elementor-location-footer p,
    .elementor-location-footer ul,
    .elementor-location-footer li,
    .elementor-location-footer h1,
    .elementor-location-footer h2,
    .elementor-location-footer h3,
    .elementor-location-footer h4,
    .elementor-location-footer h5,
    .elementor-location-footer h6,
    .elementor-location-footer .elementor-widget-container,
    .elementor-location-footer .elementor-widget-image,
    .elementor-location-footer .elementor-social-icons-wrapper,
    footer p,
    footer ul,
    footer li {
        padding-left: 8px !important;
    }
}

/* === FIX #7 - OVERRIDE: Footer left align - highest specificity (2025-12-12) === */

@media (max-width: 320px) {
    /* Override all previous footer padding rules */
    body .elementor-location-footer,
    body footer,
    html body .elementor-location-footer,
    html body footer {
        padding: 10px 0 10px 0 !important;
        margin: 0 !important;
    }
    
    body .elementor-location-footer *,
    body footer * {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    /* Only widget containers get left padding */
    body .elementor-location-footer .elementor-widget-container,
    body .elementor-location-footer .elementor-widget-image .elementor-widget-container,
    body .elementor-location-footer .elementor-widget-text-editor .elementor-widget-container,
    body footer .elementor-widget-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin: 0 !important;
    }
    
    /* Text elements inside containers - no extra padding */
    body .elementor-location-footer .elementor-widget-container p,
    body .elementor-location-footer .elementor-widget-container ul,
    body .elementor-location-footer .elementor-widget-container li,
    body .elementor-location-footer .elementor-widget-container h1,
    body .elementor-location-footer .elementor-widget-container h2,
    body .elementor-location-footer .elementor-widget-container h3,
    body .elementor-location-footer .elementor-widget-container h4,
    body .elementor-location-footer .elementor-widget-container h5,
    body .elementor-location-footer .elementor-widget-container h6,
    body footer .elementor-widget-container p,
    body footer .elementor-widget-container ul,
    body footer .elementor-widget-container li {
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 310px) {
    body .elementor-location-footer .elementor-widget-container,
    body footer .elementor-widget-container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* === FIX #7 - Filter button horizontal margin (2025-12-12) === */

@media (max-width: 320px) {
    /* Filter button - add horizontal margin */
    body .mtc-mobile-filter-button,
    body #mtc-mobile-filter-btn,
    body button[class*="filter"],
    body .mtc-filter-btn,
    html body .mtc-mobile-filter-button {
        margin-left: 15px !important;
        margin-right: 15px !important;
        width: calc(100% - 1px) !important;
        max-width: calc(100vw - 1px) !important;
        box-sizing: border-box !important;
        display: block !important;
    }
}

@media (max-width: 310px) {
    body .mtc-mobile-filter-button,
    body #mtc-mobile-filter-btn,
    body button[class*="filter"],
    body .mtc-filter-btn {
        margin-left: 12px !important;
        margin-right: 12px !important;
        width: calc(100% - 1px) !important;
        max-width: calc(100vw - 1px) !important;
    }
}

/* === FIX #7 - Filter button margin - broader selectors (2025-12-12) === */

@media (max-width: 320px) {
    /* Target any filter-related button in main content */
    .elementor button,
    .elementor .elementor-button,
    .elementor-widget-button .elementor-button,
    main button,
    #mtc-content-area button,
    [id^="mtc-content-area"] button,
    .mtc-card-listing ~ button,
    button.elementor-button,
    a.elementor-button {
        margin-left: 15px !important;
        margin-right: 15px !important;
        width: calc(100% - 1px) !important;
        max-width: calc(100vw - 1px) !important;
        box-sizing: border-box !important;
    }
    
    /* Elementor button wrapper */
    .elementor-button-wrapper {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    
    .elementor-button-wrapper .elementor-button {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 310px) {
    .elementor button,
    .elementor .elementor-button,
    main button,
    button.elementor-button,
    a.elementor-button {
        margin-left: 12px !important;
        margin-right: 12px !important;
        width: calc(100% - 1px) !important;
    }
    
    .elementor-button-wrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* === FIX #7 - Minimize header height on small screens (2025-12-12) === */

@media (max-width: 320px) {
    /* Reduce header height */
    header,
    .site-header,
    .elementor-location-header,
    [data-elementor-type="header"] {
        min-height: unset !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    
    .elementor-location-header .elementor-container,
    .elementor-location-header .elementor-row,
    .elementor-location-header .elementor-section,
    header .elementor-container {
        min-height: unset !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    
    .elementor-location-header .elementor-widget-wrap,
    header .elementor-widget-wrap {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Smaller logo */
    .elementor-location-header img,
    .elementor-location-header .custom-logo,
    header img,
    header .custom-logo,
    .site-header img {
        max-height: 35px !important;
        height: auto !important;
        width: auto !important;
    }
    
    /* Smaller menu items */
    .elementor-location-header .elementor-nav-menu li a,
    header nav a {
        padding: 5px 8px !important;
        font-size: 11px !important;
    }
    
    /* Menu icon smaller */
    .elementor-location-header .elementor-menu-toggle,
    header .menu-toggle {
        padding: 5px !important;
    }
    
    .elementor-location-header .elementor-menu-toggle i,
    .elementor-location-header .eicon-menu-bar {
        font-size: 20px !important;
    }
}

@media (max-width: 310px) {
    header,
    .site-header,
    .elementor-location-header {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    
    .elementor-location-header img,
    header img,
    .site-header img {
        max-height: 30px !important;
    }
    
    .elementor-location-header .elementor-nav-menu li a {
        font-size: 10px !important;
        padding: 4px 6px !important;
    }
    
    .elementor-location-header .elementor-menu-toggle i,
    .elementor-location-header .eicon-menu-bar {
        font-size: 18px !important;
    }
}

/* === FIX #7 - Remove white space above header & reduce header height (2025-12-12) === */

@media (max-width: 320px) {
    /* Remove white space above header */
    html, body {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    body > *:first-child,
    body header:first-of-type,
    body .elementor-location-header:first-of-type {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Header - force smaller height */
    body header,
    body .site-header,
    body .elementor-location-header,
    html body header,
    html body .elementor-location-header {
        min-height: 45px !important;
        max-height: 60px !important;
        height: auto !important;
        padding: 5px 10px !important;
        margin: 0 !important;
    }
    
    body .elementor-location-header .elementor-section,
    body .elementor-location-header .elementor-container,
    body .elementor-location-header .elementor-row {
        min-height: unset !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    body .elementor-location-header .elementor-column,
    body .elementor-location-header .elementor-widget-wrap {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Logo size */
    body .elementor-location-header img,
    body header img {
        max-height: 35px !important;
    }
}

@media (max-width: 310px) {
    body header,
    body .elementor-location-header {
        min-height: 40px !important;
        max-height: 55px !important;
        padding: 3px 8px !important;
    }
    
    body .elementor-location-header img,
    body header img {
        max-height: 30px !important;
    }
}

/* === FIX #7 - REVERT header changes - restore defaults (2025-12-12) === */

@media (max-width: 320px) {
    /* Restore header to default */
    header,
    .site-header,
    .elementor-location-header,
    [data-elementor-type="header"],
    body header,
    body .elementor-location-header,
    html body header,
    html body .elementor-location-header {
        min-height: unset !important;
        max-height: unset !important;
        height: auto !important;
        padding: unset !important;
    }
    
    .elementor-location-header .elementor-section,
    .elementor-location-header .elementor-container,
    .elementor-location-header .elementor-row,
    body .elementor-location-header .elementor-section,
    body .elementor-location-header .elementor-container,
    body .elementor-location-header .elementor-row {
        min-height: unset !important;
        padding: unset !important;
    }
    
    .elementor-location-header .elementor-column,
    .elementor-location-header .elementor-widget-wrap,
    body .elementor-location-header .elementor-column,
    body .elementor-location-header .elementor-widget-wrap {
        padding: unset !important;
    }
    
    /* Restore logo size */
    .elementor-location-header img,
    header img,
    body .elementor-location-header img,
    body header img {
        max-height: unset !important;
        height: auto !important;
        width: auto !important;
    }
    
    /* Restore menu items */
    .elementor-location-header .elementor-nav-menu li a,
    header nav a {
        padding: unset !important;
        font-size: unset !important;
    }
    
    .elementor-location-header .elementor-menu-toggle,
    header .menu-toggle {
        padding: unset !important;
    }
    
    .elementor-location-header .elementor-menu-toggle i,
    .elementor-location-header .eicon-menu-bar {
        font-size: unset !important;
    }
}

@media (max-width: 310px) {
    header,
    .site-header,
    .elementor-location-header,
    body header,
    body .elementor-location-header {
        min-height: unset !important;
        max-height: unset !important;
        padding: unset !important;
    }
    
    .elementor-location-header img,
    header img,
    body .elementor-location-header img,
    body header img {
        max-height: unset !important;
    }
    
    .elementor-location-header .elementor-nav-menu li a {
        font-size: unset !important;
        padding: unset !important;
    }
    
    .elementor-location-header .elementor-menu-toggle i,
    .elementor-location-header .eicon-menu-bar {
        font-size: unset !important;
    }
}

/* === FIX #7 - FINAL header fix - proper values (2025-12-12) === */

@media (max-width: 320px) {
    /* Header - normal responsive behavior */
    html body header,
    html body .site-header,
    html body .elementor-location-header,
    html body [data-elementor-type="header"] {
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin: 0 !important;
        overflow: hidden !important;
        max-width: 100vw !important;
    }
    
    html body .elementor-location-header .elementor-section,
    html body .elementor-location-header .elementor-container,
    html body .elementor-location-header .elementor-row {
        min-height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    html body .elementor-location-header .elementor-widget-wrap {
        padding: 5px !important;
    }
    
    /* Logo - reasonable size */
    html body .elementor-location-header img,
    html body header img {
        max-height: 50px !important;
        height: auto !important;
        width: auto !important;
    }
    
    /* Menu items */
    html body .elementor-location-header .elementor-nav-menu li a {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    
    html body .elementor-location-header .elementor-menu-toggle i {
        font-size: 22px !important;
    }
}

@media (max-width: 310px) {
    html body header,
    html body .elementor-location-header {
        padding: 8px !important;
    }
    
    html body .elementor-location-header img,
    html body header img {
        max-height: 45px !important;
    }
    
    html body .elementor-location-header .elementor-nav-menu li a {
        font-size: 12px !important;
        padding: 6px 8px !important;
    }
    
    html body .elementor-location-header .elementor-menu-toggle i {
        font-size: 20px !important;
    }
}

/* === FIX #7 - Remove header horizontal white space (2025-12-12) === */

@media (max-width: 320px) {
    html body header,
    html body .site-header,
    html body .elementor-location-header,
    html body [data-elementor-type="header"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }
    
    html body .elementor-location-header .elementor-container,
    html body .elementor-location-header .elementor-section,
    html body .elementor-location-header .elementor-row {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    html body .elementor-location-header .elementor-widget-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 310px) {
    html body .elementor-location-header .elementor-widget-wrap {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* === FIX #7 - Header content horizontal padding (2025-12-12) === */

@media (max-width: 320px) {
    /* Add padding to header content only */
    html body .elementor-location-header .elementor-widget-wrap {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Logo container */
    html body .elementor-location-header .elementor-widget-image,
    html body .elementor-location-header .elementor-widget-site-logo {
        padding-left: 5px !important;
    }
    
    /* Menu toggle button */
    html body .elementor-location-header .elementor-widget-nav-menu,
    html body .elementor-location-header .elementor-menu-toggle {
        padding-right: 5px !important;
    }
}

@media (max-width: 310px) {
    html body .elementor-location-header .elementor-widget-wrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}
/* === CARD RESPONSIVE FIX FOR 400-500px (2025-12-12) === */
/* Maintain card design proportionally at smaller widths */

/* 500px breakpoint - cards should scale proportionally */
@media (max-width: 500px) {
    .mtc-card-listing,
    [class*="mtc-card-listing"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 10px !important;
        justify-items: center !important;
    }

    /* Card maintains aspect ratio and rounded design */
    .mtc-card {
        width: calc(100vw - 1px) !important;
        max-width: 320px !important;
        min-width: 280px !important;
        height: auto !important;
        /* Maintain original aspect ratio: 522.5 / 332.5 = 1.57 */
        aspect-ratio: 0.637 !important;
        min-height: 440px !important;
        margin: 0 auto !important;
        /* Keep original rounded pill shape - proportionally scaled */
        border-radius: 200px 200px 40px 40px !important;
    }

    /* Image area - keep circular top shape */
    .mtc-card .card__image-area-wrapper {
        width: 100% !important;
        min-width: unset !important;
        height: auto !important;
        /* Keep square aspect for circular top */
        aspect-ratio: 1 !important;
        max-height: none !important;
        min-height: unset !important;
        /* Maintain pill shape - large radius at top */
        border-radius: 220px !important;
        border-bottom-right-radius: 40px !important;
        background-color: #fff5ed !important;
    }

    /* Image container - circular with small bottom-right cut */
    .mtc-card .card__image-container {
        width: calc(100% - 2px) !important;
        height: calc(100% - 2px) !important;
        left: 0 !important;
        top: 0 !important;
        /* Keep circular shape with slight bottom-right cut */
        border-radius: 180px !important;
        border-bottom-right-radius: 35px !important;
    }

    /* Image link matches container */
    .mtc-card .card__image-link {
        width: calc(100% - 2px) !important;
        height: calc(100% - 2px) !important;
        left: 5px !important;
        top: 5px !important;
    }

    /* Content area padding */
    .mtc-card .card__content {
        padding: 0.8rem !important;
        gap: 0.5rem !important;
    }

    /* Text sizes - slightly smaller but readable */
    .mtc-card .card__title {
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }

    .mtc-card .card__subtitle {
        font-size: 0.8rem !important;
        line-height: 1.3 !important;
    }

    /* Continent icon - smaller */
    .mtc-card .card__continent-icon {
        width: 1.8rem !important;
        height: 1.8rem !important;
    }

    /* Price row */
    .mtc-card .card__price-amount {
        font-size: 1.1rem !important;
    }

    .mtc-card .card__duration {
        font-size: 0.85rem !important;
    }

    /* Sale badge - smaller but visible */
    .mtc-card .sale-badge {
        width: 8rem !important;
        height: 3rem !important;
        top: 0.5rem !important;
        right: 0 !important;
    }

    .mtc-card .sale-badge__value {
        font-size: 1rem !important;
    }
}

/* Fine-tune for 400px */
@media (max-width: 400px) {
    .mtc-card {
        width: calc(100vw - 1px) !important;
        max-width: 300px !important;
        min-width: 260px !important;
        min-height: 400px !important;
        border-radius: 180px 180px 35px 35px !important;
    }

    /*.mtc-card .card__image-area-wrapper {
        border-radius: 190px !important;
        border-bottom-right-radius: 35px !important;
    }*/

    .mtc-card .card__image-container {
        border-radius: 160px !important;
        border-bottom-right-radius: 30px !important;
    }

    .mtc-card .card__content {
        padding: 0.6rem !important;
        gap: 0.4rem !important;
    }

    .mtc-card .card__title {
        font-size: 0.9rem !important;
    }

    .mtc-card .card__subtitle {
        font-size: 0.75rem !important;
    }

    .mtc-card .card__continent-icon {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .mtc-card .card__price-amount {
        font-size: 1rem !important;
    }

    .mtc-card .card__duration {
        font-size: 0.8rem !important;
    }

    .mtc-card .sale-badge {
        width: 7rem !important;
        height: 2.5rem !important;
    }

    .mtc-card .sale-badge__value {
        font-size: 0.9rem !important;
    }
}

/* Fine-tune for 350px */
@media (max-width: 350px) {
    .mtc-card {
        width: calc(100vw - 1px) !important;
        max-width: 280px !important;
        min-width: 240px !important;
        min-height: 380px !important;
        border-radius: 160px 160px 30px 30px !important;
    }

    /*.mtc-card .card__image-area-wrapper {
        border-radius: 170px !important;
        border-bottom-right-radius: 30px !important;
    }*/

    .mtc-card .card__image-container {
        border-radius: 140px !important;
        border-bottom-right-radius: 25px !important;
    }

    .mtc-card .card__content {
        padding: 0.5rem !important;
        gap: 0.3rem !important;
    }

    .mtc-card .card__title {
        font-size: 0.85rem !important;
    }

    .mtc-card .card__subtitle {
        font-size: 0.7rem !important;
    }

    .mtc-card .card__continent-icon {
        width: 1.3rem !important;
        height: 1.3rem !important;
    }

    .mtc-card .card__price-amount {
        font-size: 0.95rem !important;
    }

    .mtc-card .card__duration {
        font-size: 0.75rem !important;
    }

    .mtc-card .sale-badge {
        width: 6rem !important;
        height: 2.2rem !important;
    }

    .mtc-card .sale-badge__value {
        font-size: 0.8rem !important;
    }
}

/* Fine-tune for 310px minimum */
@media (max-width: 320px) {
    .mtc-card {
        width: calc(100vw - 1px) !important;
        max-width: 260px !important;
        min-width: 220px !important;
        min-height: 350px !important;
        border-radius: 140px 140px 28px 28px !important;
    }

    /*.mtc-card .card__image-area-wrapper {
        border-radius: 150px !important;
        border-bottom-right-radius: 28px !important;
    }*/

    .mtc-card .card__image-container {
        border-radius: 120px !important;
        border-bottom-right-radius: 22px !important;
    }

    .mtc-card .card__content {
        padding: 0.4rem !important;
    }

    .mtc-card .card__title {
        font-size: 0.8rem !important;
    }

    .mtc-card .card__subtitle {
        font-size: 0.65rem !important;
    }

    .mtc-card .card__continent-icon {
        width: 1.2rem !important;
        height: 1.2rem !important;
    }

    .mtc-card .card__price-amount {
        font-size: 0.9rem !important;
    }

    .mtc-card .card__duration {
        font-size: 0.7rem !important;
    }

    .mtc-card .sale-badge {
        width: 5.5rem !important;
        height: 2rem !important;
    }

    .mtc-card .sale-badge__value {
        font-size: 0.75rem !important;
    }
}

/* === MINIMIZE GAP BETWEEN IMAGE AND ORANGE SECTION (2025-12-12) === */
@media (max-width: 500px) {
    /*.mtc-card .card__image-area-wrapper {
        margin-bottom: -5px !important;
    }*/
    .mtc-card .card__content-link::before {
        height: 30px !important;
        width: 30px !important;
    }
}

@media (max-width: 400px) {
    /*.mtc-card .card__image-area-wrapper {
        margin-bottom: -8px !important;
    }*/
    .mtc-card .card__content-link::before {
        height: 25px !important;
        width: 25px !important;
    }
}

@media (max-width: 350px) {
    /*.mtc-card .card__image-area-wrapper {
        margin-bottom: -10px !important;
    }*/
    .mtc-card .card__content-link::before {
        height: 20px !important;
        width: 20px !important;
    }
}

/* === REDUCE LEFT SIDE GAP - IMAGE CLOSER TO BORDER (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card .card__image-container {
        left: 3px !important;
        width: calc(100% - 2px) !important;
    }
    .mtc-card .card__image-link {
        left: 3px !important;
        width: calc(100% - 2px) !important;
    }
}

@media (max-width: 400px) {
    .mtc-card .card__image-container {
        left: 2px !important;
        width: calc(100% - 1px) !important;
    }
    .mtc-card .card__image-link {
        left: 2px !important;
        width: calc(100% - 1px) !important;
    }
}

@media (max-width: 350px) {
    .mtc-card .card__image-container {
        left: 2px !important;
        width: calc(100% - 1px) !important;
    }
    .mtc-card .card__image-link {
        left: 2px !important;
        width: calc(100% - 1px) !important;
    }
}

/* === ADD MARGIN TOP TO COUNTRY NAME (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card .card__content {
        padding-top: 1rem !important;
    }
    .mtc-card .card__title {
        margin-top: 5px !important;
    }
}

/* === FURTHER REDUCE GAP BETWEEN IMAGE AND BORDER (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card .card__image-container {
        left: -1px !important;
        width: calc(100% - 2px) !important;
        height: calc(100% - 2px) !important;
    }
    .mtc-card .card__image-link {
        left: 2px !important;
        top: 2px !important;
        width: calc(100% - 2px) !important;
        height: calc(100% - 2px) !important;
    }
}

@media (max-width: 400px) {
    .mtc-card .card__image-container {
        left: 1px !important;
        top: 1px !important;
        width: calc(100% - 2px) !important;
        height: calc(100% - 2px) !important;
    }
    .mtc-card .card__image-link {
        left: 1px !important;
        top: 1px !important;
        width: calc(100% - 2px) !important;
        height: calc(100% - 2px) !important;
    }
}

/* === FIX SALE BADGE VISIBILITY (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card {
        overflow: visible !important;
    }
    
    .mtc-card .sale-badge {
        position: absolute !important;
        top: 0.5rem !important;
        right: -5px !important;
        width: 7rem !important;
        height: 2.5rem !important;
        z-index: 100 !important;
        overflow: visible !important;
    }
    
    .mtc-card .card__image-area-wrapper {
        overflow: visible !important;
    }
}

@media (max-width: 400px) {
    .mtc-card .sale-badge {
        right: -3px !important;
        width: 6.5rem !important;
        height: 2.3rem !important;
    }
    
    .mtc-card .sale-badge__value {
        font-size: 0.85rem !important;
    }
}

@media (max-width: 350px) {
    .mtc-card .sale-badge {
        right: -2px !important;
        width: 6rem !important;
        height: 2rem !important;
    }
    
    .mtc-card .sale-badge__value {
        font-size: 0.75rem !important;
    }
}

@media (max-width: 320px) {
    .mtc-card .sale-badge {
        right: 0 !important;
        width: 5.5rem !important;
        height: 1.8rem !important;
        top: 0.3rem !important;
    }
    
    .mtc-card .sale-badge__value {
        font-size: 0.7rem !important;
    }
}

/* === FIX SALE BADGE Z-INDEX - STAY BEHIND HEADER (2025-12-12) === */
.mtc-card .sale-badge {
    z-index: 10 !important;
}

.mtc-card {
    z-index: 1 !important;
    position: relative !important;
}

/* Ensure header stays on top */
.elementor-location-header,
header,
.site-header,
#masthead {
    z-index: 9999 !important;
}

/* === FIX SALE BADGE - ABOVE IMAGE, BELOW HEADER (2025-12-12) === */
.mtc-card .sale-badge {
    z-index: 50 !important;
}

.mtc-card .card__image-area-wrapper {
    z-index: 1 !important;
}

.mtc-card .card__image-container {
    z-index: 5 !important;
}

.mtc-card .card__image-link {
    z-index: 6 !important;
}

/* === FIX IMAGE AND CONTENT ALIGNMENT (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card {
        align-items: center !important;
    }
    
    /*.mtc-card .card__image-area-wrapper {
        margin: 0 auto !important;
        left: 0 !important;
        right: 0 !important;
    }*/
    
    .mtc-card .card__content-link {
        width: 100% !important;
    }
    
    .mtc-card .card__content {
        width: 100% !important;
    }
}

/*@media (max-width: 400px) {
    .mtc-card .card__image-area-wrapper {
        margin: 0 auto !important;
    }
}*/

/*@media (max-width: 350px) {
    .mtc-card .card__image-area-wrapper {
        margin: 0 auto !important;
    }
}*/

/* === FIX CARD ALIGNMENT - IMAGE AND CONTENT SAME COLUMN (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card {
        align-items: stretch !important;
    }
    
    /*.mtc-card .card__image-area-wrapper {
        align-self: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }*/
    
    .mtc-card .card__content-link {
        align-self: stretch !important;
    }
}

/* === FORCE IMAGE AND CONTENT SAME LEFT ALIGNMENT (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card {
        align-items: flex-start !important;
        padding-left: 0 !important;
    }
    
    /*.mtc-card .card__image-area-wrapper {
        margin-left: 0 !important;
        margin-right: auto !important;
        align-self: flex-start !important;
    }*/
    
    .mtc-card .card__content-link {
        width: 100% !important;
        margin-left: 0 !important;
        align-self: flex-start !important;
    }
}

/* === ADD RIGHT MARGIN TO IMAGE SECTION (2025-12-12) === */
@media (max-width: 500px) {
    /*.mtc-card .card__image-area-wrapper {
        margin-right: 10px !important;
    }*/
}

@media (max-width: 400px) {
    /*.mtc-card .card__image-area-wrapper {
        margin-right: 8px !important;
    }*/
}

@media (max-width: 350px) {
    /*.mtc-card .card__image-area-wrapper {
        margin-right: 6px !important;
    }*/
}

/* === FIX CARD ALIGNMENT V2 - BOTH SECTIONS SAME WIDTH (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 !important;
    }
    
    .mtc-card .card__image-area-wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        align-self: center !important;
    }
    
    .mtc-card .card__content-link {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        align-self: center !important;
    }
}

@media (max-width: 400px) {
    .mtc-card .card__image-area-wrapper,
    .mtc-card .card__content-link {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* === FIX CARD ALIGNMENT V3 - REMOVE RIGHT SHIFT (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card {
        align-items: center !important;
        justify-content: flex-start !important;
    }
    
    .mtc-card .card__image-area-wrapper {
        min-width: unset !important;
        max-width: none !important;
        left: auto !important;
        right: auto !important;
        position: relative !important;
    }
    
    .mtc-card .card__content-link {
        margin: 0 auto !important;
        left: auto !important;
        right: auto !important;
    }
}

/*@media (max-width: 400px) {
    .mtc-card .card__image-area-wrapper {
        margin: 4px auto 0 auto !important;
    }
    
    .mtc-card .card__content-link {
        width: calc(100% - 8px) !important;
    }
}

@media (max-width: 350px) {
    .mtc-card .card__image-area-wrapper {
        margin: 3px auto 0 auto !important;
    }
}*/

/* === FIX ORANGE BORDER THICKNESS - EQUAL ON ALL SIDES (2025-12-12) === */
/*@media (max-width: 500px) {
    .mtc-card .card__image-area-wrapper {
        margin: 5px 5px 0 5px !important;
    }
}

@media (max-width: 400px) {
    .mtc-card .card__image-area-wrapper {
        margin: 4px 4px 0 4px !important;
    }
}

@media (max-width: 350px) {
    .mtc-card .card__image-area-wrapper {
        margin: 3px 3px 0 3px !important;
    }
}

@media (max-width: 320px) {
    .mtc-card .card__image-area-wrapper {
        margin: 3px 3px 0 3px !important;
    }
}*/

/* === ADD BOTTOM PADDING TO ORANGE CONTENT SECTION (2025-12-12) === */
@media (max-width: 500px) {
    .mtc-card .card__content {
        padding-bottom: 15px !important;
    }
}

@media (max-width: 400px) {
    .mtc-card .card__content {
        padding-bottom: 12px !important;
    }
}

@media (max-width: 350px) {
    .mtc-card .card__content {
        padding-bottom: 10px !important;
    }
}

/* === MOBILE FILTER FIXES - Match baloo.sk reference (2025-12-15) === */

/* 1. Fix title: Make it FILTERS uppercase, centered, brown color */
#mtc-mobile-filters > h3,
.elementor-popup-modal #mtc-mobile-filters h3,
.mtc-filter-popup-body h3 {
    text-transform: uppercase !important;
    text-align: center !important;
    color: #6B4A3D !important; /* Brown/maroon color matching reference */
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 1.5rem !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* 2. Hide Search field from mobile filter modal */
#mtc-mobile-filters .mtc-filter:has(#mtc-mobile-search-text),
#mtc-mobile-filters .mtc-filter:has(label[for="mtc-mobile-search-text"]),
.elementor-popup-modal #mtc-mobile-filters .mtc-filter:first-of-type:has(input[type="text"]),
#mtc-mobile-filters > .mtc-filter:first-child {
    display: none !important;
}

/* Alternative: hide search by targeting the label text */
#mtc-mobile-filters .mtc-filter label[for="mtc-mobile-search-text"],
#mtc-mobile-filters #mtc-mobile-search-text {
    display: none !important;
}

/* Make filter headers non-collapsible appearance */
#mtc-mobile-filters .mtc-filter-header {
    cursor: default !important;
}

/* Ensure filter content is always visible (not collapsed) */
#mtc-mobile-filters .mtc-filter-content {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
}

/* 4. Style section labels to match reference (bold, no icon) */
#mtc-mobile-filters .mtc-filter-header h5,
#mtc-mobile-filters .mtc-filter h5 {
    font-weight: 700 !important;
    color: #333 !important;
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
}

/* === END MOBILE FILTER FIXES === */

/* === FIX COUNTRIES DUPLICATE SELECT2 (2025-12-15) === */
/* Hide duplicate Select2 containers in mobile filters */
#mtc-mobile-filters .mtc-filter:has(#mtc-mobile-country-select) .select2-container + .select2-container {
    display: none !important;
}

/* Ensure only one Select2 container shows */
#mtc-mobile-filters .select2-container.select2-container--default + .select2-container.select2-container--default {
    display: none !important;
}

/* Alternative: hide the original select when Select2 is active */
#mtc-mobile-filters select.mtc-searchable-select.select2-hidden-accessible + .select2-container + .select2-container {
    display: none !important;
}

/* Fix for multiple Select2 initializations */
#mtc-mobile-filters .mtc-select-wrapper .select2-container ~ .select2-container {
    display: none !important;
}

/* === FIX CONTINENT HEADING LEFT PADDING AT 310px (2025-12-15) === */
@media (max-width: 320px) {
    /* Add padding to continent/category page title */
    .mtc-travel-wrapper h1,
    .mtc-travel-wrapper h2,
    .mtc-travel-wrapper > h1,
    .mtc-travel-wrapper > h2,
    .elementor-widget-theme-archive-title h1,
    .woocommerce-products-header__title,
    .page-title,
    .archive-title,
    .category-title {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: 0 !important;
    }

    /* Target the continent title specifically */
    .mtc-travel-wrapper .elementor-heading-title,
    body.tax-product_cat h1,
    body.tax-product_relation h1 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 310px) {
    /* Even smaller screens */
    .mtc-travel-wrapper h1,
    .mtc-travel-wrapper h2,
    .mtc-travel-wrapper > h1,
    .mtc-travel-wrapper > h2,
    .elementor-widget-theme-archive-title h1,
    .woocommerce-products-header__title {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* === FIX MOBILE FILTER TYPOGRAPHY & SPACING (2025-12-15) === */

/* 1. Title - larger font and more top margin */
#mtc-mobile-filters > h3,
.elementor-popup-modal #mtc-mobile-filters h3 {
    font-size: 1.8rem !important;
    margin-top: 30px !important;
    margin-bottom: 25px !important;
    padding-top: 10px !important;
}

/* 2. Section labels - larger and bolder */
#mtc-mobile-filters .mtc-filter-header h5,
#mtc-mobile-filters .mtc-filter h5,
#mtc-mobile-filters h5 {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #4b241b !important;
    margin-bottom: 10px !important;
}

/* 3. Checkbox label - larger */
#mtc-mobile-filters .mtc-filter-checkbox label,
#mtc-mobile-filters label[for=mtc-mobile-last-minute] {
    font-size: 1rem !important;
    font-weight: 700 !important;
}

/* 4. Dropdown/Select text - larger */
#mtc-mobile-filters select,
#mtc-mobile-filters .select2-selection__rendered,
#mtc-mobile-filters .select2-selection--single {
    font-size: 1rem !important;
    padding: 12px 15px !important;
    min-height: 48px !important;
}

#mtc-mobile-filters .select2-container--default .select2-selection--single {
    height: auto !important;
    min-height: 48px !important;
}

#mtc-mobile-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px !important;
    padding: 12px 15px !important;
}

/* 5. Input fields - consistent sizing */
/*#mtc-mobile-filters input[type=text],
#mtc-mobile-filters input[type=number] {
    font-size: 1rem !important;
    padding: 12px 15px !important;
    min-height: 48px !important;
}*/

/* 6. Overall spacing between filter sections */
#mtc-mobile-filters .mtc-filter {
    margin-bottom: 20px !important;
}

#mtc-mobile-filters .mtc-filter-collapsible {
    margin-bottom: 20px !important;
}

/* 7. Ensure modal has proper top padding */
#mtc-mobile-filters {
    padding-top: 20px !important;
}

/* === END TYPOGRAPHY & SPACING FIX === */

/* === FIX COUNTRIES DROPDOWN HEIGHT (2025-12-15) === */

/* Target the Countries Select2 specifically */
/*#mtc-mobile-filters .mtc-filter:has(#mtc-mobile-country-select) .select2-container,
#mtc-mobile-filters #mtc-mobile-country-select + .select2-container {
    min-height: 52px !important;
}*/

#mtc-mobile-filters .mtc-filter:has(#mtc-mobile-country-select) .select2-selection--single,
#mtc-mobile-filters #mtc-mobile-country-select + .select2-container .select2-selection--single {
    min-height: 52px !important;
    height: 52px !important;
    padding: 14px 15px !important;
    display: flex !important;
    align-items: center !important;
}

#mtc-mobile-filters .mtc-filter:has(#mtc-mobile-country-select) .select2-selection__rendered,
#mtc-mobile-filters #mtc-mobile-country-select + .select2-container .select2-selection__rendered {
    line-height: 24px !important;
    padding-left: 0 !important;
    /*padding-top: 0 !important;*/
}

#mtc-mobile-filters .mtc-filter:has(#mtc-mobile-country-select) .select2-selection__arrow,
#mtc-mobile-filters #mtc-mobile-country-select + .select2-container .select2-selection__arrow {
    height: 50px !important;
    top: 0 !important;
}

/* Make all dropdowns consistent height */
#mtc-mobile-filters .select2-container .select2-selection--single {
    min-height: 52px !important;
    height: 52px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

#mtc-mobile-filters select {
    min-height: 52px !important;
    height: 52px !important;
    padding: 14px 15px !important;
}

/* === END COUNTRIES DROPDOWN FIX === */



/* === MOBILE FILTER FIXES V4 - Match baloo.sk exactly (2025-12-15) === */

/* 1. FILTRE title - brown, uppercase, NO italic, centered, NO underline */
#mtc-mobile-filters > h3,
.elementor-popup-modal #mtc-mobile-filters h3,
.mtc-filter-popup h3,
.mtc-filter-popup-body h3 {
    text-transform: uppercase !important;
    text-align: center !important;
    color: #5D4037 !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 2px !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    border-bottom: none !important;
    text-decoration: none !important;
    padding-bottom: 0 !important;
    background: none !important;
}

/* Remove ANY underline/pseudo-element from title */
#mtc-mobile-filters > h3::after,
#mtc-mobile-filters > h3::before,
.elementor-popup-modal #mtc-mobile-filters h3::after,
.elementor-popup-modal #mtc-mobile-filters h3::before {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
}

/* 2. Section labels - BLACK text, bold, 16px */
#mtc-mobile-filters .mtc-filter-header h5,
#mtc-mobile-filters .mtc-filter h5,
#mtc-mobile-filters h5,
.elementor-popup-modal #mtc-mobile-filters h5 {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-style: normal !important;
    margin-bottom: 8px !important;
}

/* 3. Dropdown container - white bg, thin gray border, 44px height */
/*#mtc-mobile-filters .select2-container--default .select2-selection--single {
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    height: 44px !important;
    min-height: 44px !important;
}*/

/* Dropdown text - brown/sienna color, 14px */
#mtc-mobile-filters .select2-selection__rendered,
#mtc-mobile-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8B4513 !important;
    font-size: 14px !important;
    line-height: 42px !important;
    padding-left: 12px !important;
}

/* Dropdown arrow positioning */
#mtc-mobile-filters .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
}

/* 4. Od and Do labels in Terminy section */
#mtc-mobile-filters .mtc-filter-content label,
#mtc-mobile-filters .date-label {
    color: #000000 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* === END MOBILE FILTER FIXES V4 === */

/* === MOBILE FILTER FIXES V5 - User step-by-step (2025-12-15) === */

/* 1. INCREASE FILTER HEADER SIZE - larger than 24px */
#mtc-mobile-filters > h3,
.elementor-popup-modal #mtc-mobile-filters h3,
.mtc-filter-popup h3,
.mtc-filter-popup-body h3 {
    font-size: 28px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: #5D4037 !important;
    letter-spacing: 3px !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    border-bottom: none !important;
    text-decoration: none !important;
    padding-bottom: 0 !important;
    background: none !important;
}

/* 2. REDUCE FIELD HEIGHT - match reference (smaller dropdowns) */
#mtc-mobile-filters .select2-container--default .select2-selection--single {
    height: 40px !important;
    min-height: 40px !important;
    /*border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;*/
    background-color: #ffffff !important;
}

#mtc-mobile-filters .select2-container .select2-selection--single {
    height: 40px !important;
    min-height: 40px !important;
}

#mtc-mobile-filters select {
    height: 40px !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
}

/* Dropdown text positioning for smaller height */
#mtc-mobile-filters .select2-selection__rendered,
#mtc-mobile-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8B4513 !important;
    font-size: 14px !important;
    line-height: 38px !important;
    padding-left: 12px !important;
}

/* Dropdown arrow for smaller height */
#mtc-mobile-filters .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}

/* 3. INCREASE LABEL TEXT SIZE & MAKE MORE BROWN */
#mtc-mobile-filters .mtc-filter-header h5,
#mtc-mobile-filters .mtc-filter h5,
#mtc-mobile-filters h5,
.elementor-popup-modal #mtc-mobile-filters h5 {
    color: #5D4037 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    font-style: normal !important;
    margin-bottom: 10px !important;
}

/* Od and Do labels also brown */
#mtc-mobile-filters .mtc-filter-content label,
#mtc-mobile-filters .date-label {
    color: #5D4037 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* === END V5 === */

/* === MOBILE FILTER FIXES V6 - Fine-tuning (2025-12-15) === */

/* 1. FILTRE title - larger, dark brown, bold */
#mtc-mobile-filters > h3,
.elementor-popup-modal #mtc-mobile-filters h3,
.mtc-filter-popup h3,
.mtc-filter-popup-body h3 {
    font-size: 32px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: #4A3728 !important;
    letter-spacing: 3px !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    border-bottom: none !important;
    text-decoration: none !important;
    padding-bottom: 0 !important;
    background: none !important;
}

/* 2. Reduce modal padding to increase field width */
/*#mtc-mobile-filters {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.elementor-popup-modal #mtc-mobile-filters,
.mtc-filter-popup-body {
    padding-left: 12px !important;
    padding-right: 12px !important;
}*/

/* 3. ALL dropdowns uniform height (including Country and Date range) */
#mtc-mobile-filters .select2-container--default .select2-selection--single,
#mtc-mobile-filters .select2-container .select2-selection--single,
#mtc-mobile-filters select,
#mtc-mobile-filters .mtc-filter select,
#mtc-mobile-filters #mtc-mobile-country-select + .select2-container .select2-selection--single {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
}

/* Dropdown text line-height for 38px height */
#mtc-mobile-filters .select2-selection__rendered,
#mtc-mobile-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
    padding-left: 12px !important;
    color: #8B4513 !important;
    font-size: 14px !important;
}

/* Dropdown arrow for 38px height */
#mtc-mobile-filters .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

/* Date range inputs uniform height */
#mtc-mobile-filters input[type="text"],
#mtc-mobile-filters input[type="date"],
#mtc-mobile-filters .mtc-date-input,
#mtc-mobile-filters .date-picker-input {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 8px 12px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
}

/* Section labels - dark brown, bold */
#mtc-mobile-filters .mtc-filter-header h5,
#mtc-mobile-filters .mtc-filter h5,
#mtc-mobile-filters h5,
.elementor-popup-modal #mtc-mobile-filters h5 {
    color: #4A3728 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    font-style: normal !important;
    margin-bottom: 8px !important;
}

/* === END V6 === */

/* === MOBILE FILTER FIXES V7 - Width & Header weight (2025-12-15) === */

/* 1. FILTRE title - REGULAR weight (not bold) */
#mtc-mobile-filters > h3,
.elementor-popup-modal #mtc-mobile-filters h3,
.mtc-filter-popup h3,
.mtc-filter-popup-body h3 {
    font-weight: 400 !important;
}

/* 2. Reduce modal padding MORE to increase field width */
/*#mtc-mobile-filters {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.elementor-popup-modal #mtc-mobile-filters,
.mtc-filter-popup-body {
    padding-left: 8px !important;
    padding-right: 8px !important;
}*/

/* 3. Make filter sections full width */
#mtc-mobile-filters .mtc-filter,
#mtc-mobile-filters .mtc-filter-collapsible {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 4. All dropdowns and inputs full width */
#mtc-mobile-filters .select2-container,
#mtc-mobile-filters select,
#mtc-mobile-filters input[type="text"],
#mtc-mobile-filters input[type="date"],
#mtc-mobile-filters .mtc-date-input {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* === END V7 === */

/* === MOBILE FILTER FIXES V8 - Match reference exactly (2025-12-15) === */

/* 1. FILTRE title - exact match to reference */
#mtc-mobile-filters > h3,
.elementor-popup-modal #mtc-mobile-filters h3,
.mtc-filter-popup h3,
.mtc-filter-popup-body h3 {
    font-family: Quicksand, sans-serif !important;
    font-weight: 400 !important;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: var(--brown, #4A3728) !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.83em !important;
    border-bottom: none !important;
    text-decoration: none !important;
    padding-bottom: 0 !important;
    background: none !important;
    font-style: normal !important;
}

/* Mobile responsive - 768px */
@media (max-width: 768px) {
    #mtc-mobile-filters > h3,
    .elementor-popup-modal #mtc-mobile-filters h3,
    .mtc-filter-popup h3 {
        font-size: 24px !important;
    }
}

/* === END V8 === */

/* === MOBILE FILTER FIXES V9 - Exact color & size (2025-12-15) === */

/* FILTRE title - exact color #4b241b, 24px for mobile */
#mtc-mobile-filters > h3,
.elementor-popup-modal #mtc-mobile-filters h3,
.mtc-filter-popup h3,
.mtc-filter-popup-body h3 {
    font-family: Quicksand, sans-serif !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 2.5rem !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: #4b241b !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.83em !important;
    border-bottom: none !important;
    text-decoration: none !important;
    padding-bottom: 0 !important;
    background: none !important;
    font-style: normal !important;
}

/* === END V9 === */

/* === MOBILE FILTER FIXES V10 - Section labels font (2025-12-15) === */

/* Section labels - Quicksand font, bold, brown color */
#mtc-mobile-filters .mtc-filter-header h5,
#mtc-mobile-filters .mtc-filter h5,
#mtc-mobile-filters h5,
.elementor-popup-modal #mtc-mobile-filters h5 {
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 700 !important;
    color: #4b241b !important;
    font-size: 16px !important;
    font-style: normal !important;
    margin-bottom: 8px !important;
    cursor: pointer !important;
}

/* === END V10 === */

/* === MOBILE FILTER FIXES V11 - Button styling (2025-12-15) === */

/* Primary submit/confirm button - POTVRDIŤ style */
#mtc-mobile-filters .mtc-filter-apply,
#mtc-mobile-filters .mtc-apply-filters,
#mtc-mobile-filters button[type="submit"],
#mtc-mobile-filters .button-primary,
.elementor-popup-modal #mtc-mobile-filters .mtc-filter-apply,
.elementor-popup-modal #mtc-mobile-filters button[type="submit"] {
    background-color: #d4882a !important;
    background: #d4882a !important;
    color: #ffffff !important;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    width: 100% !important;
    cursor: pointer !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease !important;
}

#mtc-mobile-filters .mtc-filter-apply:hover,
#mtc-mobile-filters .mtc-apply-filters:hover,
#mtc-mobile-filters button[type="submit"]:hover {
    background-color: #c07a24 !important;
    background: #c07a24 !important;
}

/* Secondary reset/clear button - ZRUŠIŤ FILTRE style */
#mtc-mobile-filters .mtc-filter-reset,
#mtc-mobile-filters .mtc-clear-filters,
#mtc-mobile-filters .reset-filters,
#mtc-mobile-filters a.reset,
.elementor-popup-modal #mtc-mobile-filters .mtc-filter-reset,
.elementor-popup-modal #mtc-mobile-filters .mtc-clear-filters {
    background: transparent !important;
    background-color: transparent !important;
    color: #4b241b !important;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    padding: 10px 20px !important;
    width: 100% !important;
    cursor: pointer !important;
    text-align: center !important;
    display: block !important;
    text-decoration: none !important;
}

#mtc-mobile-filters .mtc-filter-reset:hover,
#mtc-mobile-filters .mtc-clear-filters:hover,
#mtc-mobile-filters .reset-filters:hover {
    text-decoration: underline !important;
}

/* === END V11 === */

/* === MOBILE FILTER FIXES V16 - Field styling fixes (2025-12-15) === */

/* 1. Price range inputs - match height with other fields */
/*#mtc-mobile-filters .mtc-filter-price-range input[type="number"],
#mtc-mobile-filters input[name*="price"],
#mtc-mobile-filters input[name*="cena"],
.elementor-popup-modal #mtc-mobile-filters input[name*="price"],
.elementor-popup-modal #mtc-mobile-filters input[name*="cena"] {
    height: 42px !important;
    min-height: 42px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}*/

/* 2. Characteristics multiselect - show as proper dropdown */
#mtc-mobile-filters select[multiple],
#mtc-mobile-filters .mtc-filter select[multiple],
.elementor-popup-modal #mtc-mobile-filters select[multiple] {
    height: auto !important;
    min-height: 42px !important;
    max-height: 150px !important;
    overflow-y: auto !important;
    padding: 4px !important;
    border-radius: 4px !important;
}

#mtc-mobile-filters select[multiple] option,
.elementor-popup-modal #mtc-mobile-filters select[multiple] option {
    padding: 6px 8px !important;
    font-size: 14px !important;
}

/* Select2 for characteristics - proper dropdown display */
#mtc-mobile-filters .select2-container--default .select2-selection--multiple,
.elementor-popup-modal #mtc-mobile-filters .select2-container--default .select2-selection--multiple {
    min-height: 42px !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}

#mtc-mobile-filters .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.elementor-popup-modal #mtc-mobile-filters .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
}

/* 3. Country field placeholder - center aligned */
#mtc-mobile-filters select[name*="country"] option:first-child,
#mtc-mobile-filters select[name*="krajin"] option:first-child,
#mtc-mobile-filters .country-select option:first-child,
.elementor-popup-modal #mtc-mobile-filters select[name*="country"] option:first-child,
.elementor-popup-modal #mtc-mobile-filters select[name*="krajin"] option:first-child {
    text-align: center !important;
}

/* Select2 country placeholder - center */
#mtc-mobile-filters .select2-selection__placeholder,
.elementor-popup-modal #mtc-mobile-filters .select2-selection__placeholder {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

/* Select2 rendered text for country - center when placeholder */
#mtc-mobile-filters .select2-container .select2-selection--single .select2-selection__rendered,
.elementor-popup-modal #mtc-mobile-filters .select2-container .select2-selection--single .select2-selection__rendered {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
}

/* === END V16 === */