/* =================================================================
   MACEDONIA CAR RENTAL - PRICE LIST PAGE RESPONSIVE FIX v6
   Complete responsive design for all screen sizes
   ================================================================= */

/* ========================================
   CSS VARIABLES
   ======================================== */
:root {
    --brand-color: #0c4a4e;
    --accent-color: #c17f59;
    --dark-text-color: #0f1419;
    --light-text-color: #4b5563;
    --lighter-text-color: #ffffff;
    --background-color: #faf8f5;
    --dark-bg-color: #f3f4f6;
    --main-border-color: #e5e7eb;
    --card-shadow: 0 2px 10px rgba(0,0,0,0.08);
    --card-hover-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

/* ========================================
   GLOBAL OVERFLOW FIX - PREVENT HORIZONTAL SCROLL
   ======================================== */
html,
body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
}

.site,
#page,
.ast-container,
.site-content,
.content-area,
#primary,
#content,
.entry-content {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* ========================================
   HOMEPAGE SEARCH FORM - DESKTOP
   ======================================== */
.mcr-search-section {
    padding: 30px 20px !important;
    background: var(--brand-color) !important;
    border-radius: 12px !important;
    margin: 20px auto !important;
    max-width: 1200px !important;
    box-sizing: border-box !important;
}

.mcr-search-container {
    max-width: 100% !important;
    width: 100% !important;
}

.mcr-search-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.mcr-search-form {
    width: 100% !important;
}

.mcr-search-fields {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
    align-items: end !important;
}

.mcr-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.mcr-field label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mcr-select,
.mcr-date,
#mcr-daterange,
input.mcr-date,
.mcr-search-form input,
.mcr-search-form select {
    width: 100% !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    border: none !important;
    border-radius: 25px !important;
    background: #fff !important;
    color: var(--dark-text-color) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    height: 46px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.mcr-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 35px !important;
}

.mcr-date {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    padding-right: 40px !important;
}

.mcr-submit-btn,
.mcr-search-form button,
button.mcr-submit-btn,
.mcr-search-section .mcr-submit-btn,
.mcr-search-container .mcr-submit-btn,
.mcr-field-submit .mcr-submit-btn,
.mcr-field-submit button,
.mcr-search-section button,
.mcr-search-container button,
.mcr-search-form .mcr-submit-btn,
button[type="submit"].mcr-submit-btn,
.mcr-field-submit button[type="submit"],
.elementor-widget-container .mcr-submit-btn,
.elementor-element .mcr-submit-btn,
body .mcr-submit-btn,
body button.mcr-submit-btn {
    width: 100% !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background: var(--accent-color) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 25px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    height: 46px !important;
    letter-spacing: 0.5px !important;
}

.mcr-submit-btn:hover {
    background: #a86840 !important;
    transform: translateY(-1px) !important;
}

/* ========================================
   DATE RANGE WRAPPER FIX - ICON/TEXT OVERLAP
   ======================================== */
.datarange_wapper,
div.datarange_wapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.datarange_wapper input,
div.datarange_wapper input {
    padding-right: 40px !important;
    width: 100% !important;
}

.datarange_wapper .calendar-icon,
.datarange_wapper svg,
.datarange_wapper img,
div.datarange_wapper .calendar-icon,
div.datarange_wapper svg,
div.datarange_wapper img {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* ========================================
   HIDE DUPLICATE FILTER HEADER
   ======================================== */
.inspect-filter-widget-header,
div.inspect-filter-widget-header,
.inspect-filter-widgets .inspect-filter-widget-header,
body .inspect-filter-widget-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ========================================
   MOBILE CAR IMAGES - GLOBAL FIX
   ======================================== */
@media (max-width: 768px) {
    .inspect-helium-product-card .inspect-listing-img,
    .inspect-product-card .inspect-listing-img,
    body .inspect-listing-img {
        aspect-ratio: 4/3 !important;
        overflow: visible !important;
        height: auto !important;
    }

    .inspect-helium-product-card .inspect-listing-img img,
    .inspect-product-card .inspect-listing-img img,
    body .inspect-listing-img img {
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        max-height: 220px !important;
    }
}

/* ========================================
   HOMEPAGE SEARCH FORM - TABLET (768px - 1024px)
   ======================================== */
@media (max-width: 1024px) {
    .mcr-search-fields {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .mcr-field-submit {
        grid-column: span 2 !important;
    }

    .mcr-search-section {
        padding: 25px 15px !important;
        margin: 15px !important;
        border-radius: 10px !important;
    }
}

/* ========================================
   HOMEPAGE SEARCH FORM - MOBILE (576px and below)
   ======================================== */
@media (max-width: 576px) {
    .mcr-search-section {
        padding: 15px 12px !important;
        margin: 10px !important;
        border-radius: 8px !important;
    }

    .mcr-search-title {
        font-size: 16px !important;
        margin-bottom: 12px !important;
    }

    .mcr-search-fields {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .mcr-field {
        gap: 4px !important;
    }

    .mcr-field label {
        font-size: 12px !important;
    }

    .mcr-select,
    .mcr-date {
        padding: 10px 12px !important;
        font-size: 13px !important;
        height: 42px !important;
    }

    .mcr-select {
        padding-right: 30px !important;
        background-position: right 10px center !important;
    }

    .mcr-date {
        padding-right: 35px !important;
    }

    .mcr-submit-btn {
        padding: 10px 16px !important;
        font-size: 14px !important;
        height: 42px !important;
        margin-top: 5px !important;
    }

    .mcr-field-submit {
        grid-column: 1 !important;
    }
}

/* ========================================
   MAIN WRAPPER - DESKTOP (1200px+)
   ======================================== */
.inspect-filter-wrapper,
.inspect-filter-wrapper.is-sidebar {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 30px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ========================================
   SIDEBAR - FILTER WIDGETS
   ======================================== */
.inspect-filter-widgets {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    background: #fff !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: var(--card-shadow) !important;
    height: fit-content !important;
    position: sticky !important;
    top: 100px !important;
    box-sizing: border-box !important;
}

/* Filter form wrapper - full width */
.inspect-filter-widgets .inspect-filter-form-wrapper,
.inspect-filter-form-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Filter header */
.inspect-filter-widgets .inspect-filter-widget-header {
    display: block !important;
    margin-bottom: 15px !important;
}

.inspect-filter-widgets .widget-title,
.inspect-filter-widgets h3,
.inspect-filter-widgets .inspect-filter-widget-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid var(--main-border-color) !important;
    color: var(--dark-text-color) !important;
}

/* Filter section titles */
.inspect-filter-widgets .inspect-filter-widget-item-title,
.inspect-filter-widgets .filter-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--dark-text-color) !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* Filter form elements */
.inspect-filter-widgets select,
.inspect-filter-widgets input[type="text"],
.inspect-filter-widgets input[type="date"],
.inspect-filter-widgets .select2-container,
.inspect-filter-widgets .inspect-filter-input {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid var(--main-border-color) !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
    box-sizing: border-box !important;
}

/* Select2 dropdown fix */
.inspect-filter-widgets .select2-container--default .select2-selection--single {
    height: 42px !important;
    border: 1px solid var(--main-border-color) !important;
    border-radius: 6px !important;
}

.inspect-filter-widgets .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
    padding-left: 12px !important;
}

.inspect-filter-widgets .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

/* Filter items - checkboxes, labels */
.inspect-filter-widgets .inspect-filter-widget-item,
.inspect-filter-widgets .filter-item {
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--main-border-color) !important;
}

.inspect-filter-widgets .inspect-filter-widget-item:last-child,
.inspect-filter-widgets .filter-item:last-child {
    border-bottom: none !important;
}

/* Checkbox labels */
.inspect-filter-widgets label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: var(--light-text-color) !important;
    padding: 6px 0 !important;
}

.inspect-filter-widgets label:hover {
    color: var(--brand-color) !important;
}

/* ========================================
   DATE PICKER FIX - Prevent overlapping
   ======================================== */
.inspect-filter-widgets .inspect-date-range-picker,
.inspect-filter-widgets .litepicker,
.inspect-filter-widgets .litepicker-container,
.inspect-filter-widgets [class*="date-picker"],
.inspect-filter-widgets [class*="datepicker"] {
    width: 100% !important;
    box-sizing: border-box !important;
}

.inspect-filter-widgets .litepicker .container__months {
    flex-wrap: wrap !important;
}

.inspect-filter-widgets .litepicker .month-item {
    width: 100% !important;
    max-width: 100% !important;
}

/* Date input field */
.inspect-filter-widgets input[name*="date"],
.inspect-filter-widgets input.litepicker-input,
.inspect-filter-widgets .inspect-date-input,
.inspect-filter-widgets input[placeholder*="date" i],
.inspect-filter-widgets input[placeholder*="tarih" i] {
    width: 100% !important;
    padding: 10px 35px 10px 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background-position: right 10px center !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
}

/* Calendar icon positioning */
.inspect-filter-widgets .inspect-date-icon,
.inspect-filter-widgets img[alt*="calendar" i],
.inspect-filter-widgets img[title*="date" i] {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    pointer-events: none !important;
}

/* Date picker wrapper should be relative */
.inspect-filter-widgets .inspect-date-wrapper,
.inspect-filter-widgets .date-field-wrap {
    position: relative !important;
    width: 100% !important;
}

/* ========================================
   FILTER BACK BUTTON FIX
   ======================================== */
.inspect-close-mobile-filter,
button.inspect-close-mobile-filter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    background: var(--dark-bg-color) !important;
    border: 1px solid var(--main-border-color) !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: var(--dark-text-color) !important;
    transition: all 0.2s ease !important;
    margin-bottom: 15px !important;
}

.inspect-close-mobile-filter:hover {
    background: var(--brand-color) !important;
    color: #fff !important;
    border-color: var(--brand-color) !important;
}

.inspect-close-mobile-filter svg {
    width: 18px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

.inspect-close-mobile-filter svg path {
    stroke: currentColor !important;
}

/* Filter header with back button */
.inspect-filter-widget-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid var(--main-border-color) !important;
}

/* Hide back button on desktop - only show on mobile */
@media (min-width: 1025px) {
    .inspect-close-mobile-filter {
        display: none !important;
    }
}

.inspect-filter-widgets input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--brand-color) !important;
}

/* Clear all button */
.inspect-filter-widgets .inspect-filter-clear-all,
.inspect-filter-widgets .clear-all {
    color: var(--brand-color) !important;
    font-size: 12px !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.inspect-filter-widgets .inspect-filter-clear-all:hover,
.inspect-filter-widgets .clear-all:hover {
    text-decoration: underline !important;
}

/* Submit/Apply button */
.inspect-filter-widgets button,
.inspect-filter-widgets input[type="submit"],
.inspect-filter-widgets .inspect-filter-submit {
    width: 100% !important;
    padding: 12px !important;
    background: var(--brand-color) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    margin-top: 10px !important;
}

.inspect-filter-widgets button:hover,
.inspect-filter-widgets input[type="submit"]:hover,
.inspect-filter-widgets .inspect-filter-submit:hover {
    background: #083538 !important;
}

/* Total filtered products */
.inspect-filter-widgets .inspect-total-filtered-products-wrapper {
    display: block !important;
    padding: 10px !important;
    background: var(--dark-bg-color) !important;
    border-radius: 6px !important;
    text-align: center !important;
    margin-top: 15px !important;
}

/* ========================================
   CONTENT AREA - FILTER RESULTS WRAPPER
   ======================================== */
.inspect-filter-result-wrapper,
.turbo-filter-result-wrapper,
.inspect-filter-results-container {
    flex: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    grid-template-columns: none !important;
}

/* ========================================
   PRODUCT GRID - DESKTOP (2 COLUMNS)
   ======================================== */
#filter-results,
#filter-results:not(.woocommerce),
#filter-results.inspect-product-view-grid,
.filter-results,
.filter-results.inspect-product-view-grid,
div#filter-results {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ========================================
   PRODUCT CARDS - VERTICAL LAYOUT
   ======================================== */
.inspect-helium-product-card,
.inspect-product-card,
.product-card {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: var(--card-shadow) !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    height: auto !important;
}

.inspect-helium-product-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--card-hover-shadow) !important;
}

/* Card Image Container - TOP */
.inspect-helium-product-card .inspect-listing-img,
.inspect-product-card .inspect-listing-img,
.inspect-listing-img {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16/10 !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.inspect-helium-product-card .inspect-listing-img img,
.inspect-listing-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
    display: block !important;
}

.inspect-helium-product-card:hover .inspect-listing-img img {
    transform: scale(1.05) !important;
}

/* Image Hover Overlay */
.inspect-listing-image-hover {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(transparent, rgba(0,0,0,0.7)) !important;
    padding: 40px 20px 20px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.inspect-helium-product-card:hover .inspect-listing-image-hover {
    opacity: 1 !important;
}

/* Card Details - BOTTOM */
.inspect-helium-product-card .inspect-listing-details,
.inspect-listing-details {
    padding: 16px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.inspect-listing-details-title h4 {
    margin: 0 0 8px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.inspect-listing-details-title h4 a {
    color: var(--dark-text-color) !important;
    text-decoration: none !important;
}

.inspect-listing-details-title h4 a:hover {
    color: var(--brand-color) !important;
}

/* ========================================
   STAR RATING
   ======================================== */
.inspect-star-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    margin-bottom: 8px !important;
}

.inspect-star-rating > span {
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
}

.inspect-star-fill {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") !important;
}

.inspect-star-blank,
.inspect-star-blank-alt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d1d5db'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") !important;
}

/* ========================================
   ATTRIBUTES LIST
   ======================================== */
.inspect-listing-attributes,
.inspect-listing-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 12px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
}

.inspect-listing-attributes li,
.inspect-listing-features li {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    color: var(--light-text-color) !important;
}

.inspect-listing-attributes li svg,
.inspect-listing-features li svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

/* ========================================
   PRICE DISPLAY
   ======================================== */
.product_price,
.inspect-listing-meta-right .product_price {
    color: var(--brand-color) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.product_price span {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--light-text-color) !important;
}

/* FIX: Price amount span is hidden by inline CSS with :not() selector
   The theme hides: span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol)
   This targets .amount.rnb_price_unit spans which contain the actual price.
   We need to override this with same specificity but our CSS loads later */
.inspect-helium-product-card .inspect-listing-details-title > .product_price span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol) {
    display: inline !important;
    visibility: visible !important;
}

/* Also target the specific classes */
.inspect-helium-product-card .inspect-listing-details-title > .product_price span.amount,
.inspect-helium-product-card .inspect-listing-details-title > .product_price span[class*="rnb_price_unit"],
.inspect-helium-product-card .product_price span.amount,
.inspect-helium-product-card .product_price .amount,
body .product_price .amount,
body .product_price span.amount,
body .product_price span[class*="rnb_price_unit"],
.product_price .amount,
.product_price span.amount,
.product_price span[class*="rnb_price_unit"],
span.amount[class*="rnb_price_unit"] {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--brand-color) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Ensure WooCommerce price elements are visible */
.inspect-helium-product-card .product_price .woocommerce-Price-amount,
.inspect-helium-product-card .product_price .woocommerce-Price-currencySymbol,
.inspect-helium-product-card .product_price bdi,
.product_price .woocommerce-Price-amount,
.product_price .woocommerce-Price-currencySymbol,
.product_price bdi {
    display: inline !important;
    visibility: visible !important;
}

/* ========================================
   RENT NOW BUTTON
   ======================================== */
.inspect-listing-link,
a.inspect-listing-link {
    display: inline-block !important;
    background: var(--accent-color) !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
}

.inspect-listing-link:hover,
a.inspect-listing-link:hover {
    background: #a96d4a !important;
    color: #fff !important;
}

.inspect-listing-footer {
    padding: 12px 16px !important;
    border-top: 1px solid var(--main-border-color) !important;
    text-align: center !important;
    margin-top: auto !important;
}

/* ========================================
   PAGINATION
   ======================================== */
.inspect-pagination {
    margin-top: 30px !important;
    text-align: center !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

.inspect-pagination ul {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
}

.inspect-pagination ul li a,
.inspect-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    background: var(--dark-bg-color) !important;
    color: var(--dark-text-color) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.inspect-pagination ul li a:hover,
.inspect-pagination ul li span.current {
    background: var(--brand-color) !important;
    color: #fff !important;
}

/* ========================================
   NO PRODUCTS FOUND
   ======================================== */
.inspect-no-product-found {
    text-align: center !important;
    padding: 60px 20px !important;
    grid-column: 1 / -1 !important;
}

/* ========================================
   LOADER
   ======================================== */
.inspect-filter-loader {
    display: none !important;
}

.inspect-filter-loader.is-active {
    display: flex !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(255,255,255,0.8) !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 100 !important;
}

/* ========================================
   LAZY LOAD IMAGE FIX
   ======================================== */
img[loading='lazy'] {
    min-height: 1px !important;
}

.inspect-helium-product-card img,
.inspect-listing-img img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ================================================================
   RESPONSIVE BREAKPOINTS - HIGH SPECIFICITY OVERRIDES
   ================================================================ */

/* Override CSS variable for grid columns - 2 columns for desktop */
:root {
    --grid-column-item: 2 !important;
}

/* ========================================
   LARGE DESKTOP (1400px+) - 2 COLUMNS
   ======================================== */
@media (min-width: 1400px) {
    :root {
        --grid-column-item: 2 !important;
    }

    .inspect-filter-wrapper,
    .inspect-filter-wrapper.is-sidebar {
        max-width: 1400px !important;
        grid-template-columns: 280px 1fr !important;
    }

    #filter-results,
    #filter-results:not(.woocommerce),
    div#filter-results,
    body #filter-results,
    html body #filter-results {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ========================================
   DESKTOP (1200px - 1399px)
   ======================================== */
@media (min-width: 1200px) and (max-width: 1399px) {
    :root {
        --grid-column-item: 2 !important;
    }

    .inspect-filter-wrapper,
    .inspect-filter-wrapper.is-sidebar {
        max-width: 1200px !important;
        grid-template-columns: 260px 1fr !important;
        gap: 24px !important;
    }

    .inspect-filter-widgets {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
    }

    #filter-results,
    #filter-results:not(.woocommerce),
    div#filter-results,
    body #filter-results,
    html body #filter-results {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ========================================
   LAPTOP (1024px - 1199px)
   ======================================== */
@media (min-width: 1024px) and (max-width: 1199px) {
    :root {
        --grid-column-item: 2 !important;
    }

    .inspect-filter-wrapper,
    .inspect-filter-wrapper.is-sidebar {
        max-width: 100% !important;
        grid-template-columns: 240px 1fr !important;
        gap: 20px !important;
        padding: 15px !important;
    }

    .inspect-filter-widgets {
        width: 240px !important;
        min-width: 240px !important;
        max-width: 240px !important;
        padding: 15px !important;
    }

    #filter-results,
    #filter-results:not(.woocommerce),
    div#filter-results,
    body #filter-results,
    html body #filter-results {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* ========================================
   TABLET LANDSCAPE (900px - 1023px)
   ======================================== */
@media (min-width: 900px) and (max-width: 1023px) {
    :root {
        --grid-column-item: 2 !important;
    }

    .inspect-filter-wrapper,
    .inspect-filter-wrapper.is-sidebar {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        padding: 15px !important;
    }

    .inspect-filter-widgets {
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
        position: relative !important;
        top: 0 !important;
        margin-bottom: 20px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
    }

    .inspect-filter-widgets > * {
        flex: 1 1 200px !important;
    }

    #filter-results,
    #filter-results:not(.woocommerce),
    div#filter-results,
    body #filter-results,
    html body #filter-results {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* ========================================
   TABLET PORTRAIT (768px - 899px)
   ======================================== */
@media (min-width: 768px) and (max-width: 899px) {
    :root {
        --grid-column-item: 2 !important;
    }

    .inspect-filter-wrapper,
    .inspect-filter-wrapper.is-sidebar {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        padding: 15px !important;
    }

    .inspect-filter-widgets {
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
        position: relative !important;
        top: 0 !important;
        margin-bottom: 20px !important;
    }

    #filter-results,
    #filter-results:not(.woocommerce),
    div#filter-results,
    body #filter-results,
    html body #filter-results {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }

    .inspect-helium-product-card .inspect-listing-details {
        padding: 12px !important;
    }

    .inspect-listing-details-title h4 {
        font-size: 15px !important;
    }
}

/* ========================================
   MOBILE LANDSCAPE (576px - 767px)
   ======================================== */
@media (min-width: 576px) and (max-width: 767px) {
    :root {
        --grid-column-item: 2 !important;
    }

    .inspect-filter-wrapper,
    .inspect-filter-wrapper.is-sidebar {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        padding: 12px !important;
    }

    .inspect-filter-widgets {
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
        position: relative !important;
        top: 0 !important;
        margin-bottom: 15px !important;
        padding: 15px !important;
    }

    #filter-results,
    #filter-results:not(.woocommerce),
    div#filter-results,
    body #filter-results,
    html body #filter-results {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .inspect-helium-product-card {
        border-radius: 8px !important;
    }

    .inspect-helium-product-card .inspect-listing-details {
        padding: 10px !important;
    }

    .inspect-listing-details-title h4 {
        font-size: 14px !important;
    }

    .product_price {
        font-size: 16px !important;
    }

    .inspect-listing-attributes li,
    .inspect-listing-features li {
        font-size: 12px !important;
    }

    .inspect-listing-link {
        padding: 8px 16px !important;
        font-size: 11px !important;
    }
}

/* ========================================
   MOBILE PORTRAIT (< 576px)
   ======================================== */
@media (max-width: 575px) {
    :root {
        --grid-column-item: 1 !important;
    }

    .inspect-filter-wrapper,
    .inspect-filter-wrapper.is-sidebar {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        padding: 10px !important;
        gap: 15px !important;
    }

    .inspect-filter-widgets {
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
        position: relative !important;
        top: 0 !important;
        margin-bottom: 15px !important;
        padding: 15px !important;
        border-radius: 8px !important;
    }

    #filter-results,
    #filter-results:not(.woocommerce),
    div#filter-results,
    body #filter-results,
    html body #filter-results {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .inspect-helium-product-card {
        border-radius: 8px !important;
    }

    .inspect-helium-product-card .inspect-listing-img {
        aspect-ratio: 4/3 !important;
        overflow: visible !important;
    }

    .inspect-helium-product-card .inspect-listing-img img {
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
    }

    .inspect-helium-product-card .inspect-listing-details {
        padding: 12px !important;
    }

    .inspect-listing-details-title h4 {
        font-size: 15px !important;
        margin-bottom: 6px !important;
    }

    .product_price {
        font-size: 18px !important;
    }

    .inspect-listing-attributes,
    .inspect-listing-features {
        gap: 6px 12px !important;
        margin: 10px 0 !important;
    }

    .inspect-listing-attributes li,
    .inspect-listing-features li {
        font-size: 12px !important;
    }

    .inspect-listing-footer {
        padding: 10px 12px !important;
    }

    .inspect-listing-link {
        padding: 10px 20px !important;
        font-size: 12px !important;
        width: 100% !important;
        display: block !important;
    }

    /* Pagination mobile */
    .inspect-pagination ul {
        gap: 6px !important;
    }

    .inspect-pagination ul li a,
    .inspect-pagination ul li span {
        width: 36px !important;
        height: 36px !important;
        font-size: 14px !important;
    }
}

/* ========================================
   EXTRA SMALL MOBILE (< 400px)
   ======================================== */
@media (max-width: 399px) {
    :root {
        --grid-column-item: 1 !important;
    }

    .inspect-filter-wrapper,
    .inspect-filter-wrapper.is-sidebar {
        padding: 8px !important;
    }

    .inspect-filter-widgets {
        padding: 12px !important;
    }

    #filter-results,
    #filter-results:not(.woocommerce),
    div#filter-results,
    body #filter-results,
    html body #filter-results {
        grid-template-columns: 1fr !important;
    }

    .inspect-helium-product-card .inspect-listing-details {
        padding: 10px !important;
    }

    .inspect-listing-details-title h4 {
        font-size: 14px !important;
    }

    .inspect-listing-attributes li,
    .inspect-listing-features li {
        font-size: 11px !important;
    }
}

/* ================================================================
   HOMEPAGE & OTHER PAGES RESPONSIVE
   ================================================================ */

/* Homepage Fleet Section */
.our-fleet-section,
.fleet-section,
.car-fleet {
    padding: 40px 20px !important;
}

@media (max-width: 768px) {
    .our-fleet-section,
    .fleet-section,
    .car-fleet {
        padding: 30px 15px !important;
    }
}

/* General Container Responsiveness */
.ast-container {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

@media (min-width: 1200px) {
    .ast-container {
        max-width: 1200px !important;
        margin: 0 auto !important;
    }
}

/* Header Responsive */
@media (max-width: 1024px) {
    .site-header-primary-section-left,
    .site-header-primary-section-right {
        flex-wrap: wrap !important;
    }
}

/* Footer Responsive */
.site-footer {
    padding: 40px 20px !important;
}

@media (max-width: 768px) {
    .site-footer {
        padding: 30px 15px !important;
    }

    .site-footer .widget-area {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
}

/* ================================================================
   ADDITIONAL FIXES
   ================================================================ */

/* Fix for any inline styles that might conflict */
.inspect-helium-product-card[style*="flex-direction: row"] {
    flex-direction: column !important;
}

.inspect-helium-product-card[style*="width: 200px"] .inspect-listing-img {
    width: 100% !important;
    flex: 0 0 auto !important;
}

/* Ensure images don't break layout */
img {
    max-width: 100% !important;
    height: auto !important;
}

/* WhatsApp Button Responsive */
.whatsapp-button,
.wa-chat-btn,
[class*="whatsapp"] {
    z-index: 9999 !important;
}

@media (max-width: 768px) {
    .whatsapp-button,
    .wa-chat-btn,
    [class*="whatsapp"] {
        width: 50px !important;
        height: 50px !important;
        bottom: 15px !important;
        right: 15px !important;
    }
}

/* Fix scrollbar appearing on mobile */
@media (max-width: 768px) {
    body {
        -webkit-overflow-scrolling: touch !important;
    }
}

/* Print styles */
@media print {
    .inspect-filter-widgets,
    .whatsapp-button,
    .wa-chat-btn {
        display: none !important;
    }

    #filter-results {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .inspect-helium-product-card {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }
}

/* ========================================
   GLOBAL FONT CONSISTENCY
   ======================================== */
:root {
    --primary-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

body,
html,
.mcr-search-form,
.mcr-search-form * {
    font-family: var(--primary-font) !important;
}

/* ========================================
   HOMEPAGE SEARCH FORM - CONSISTENT SIZING
   ======================================== */
.mcr-field label,
.mcr-search-form label {
    font-family: var(--primary-font) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.mcr-select,
.mcr-date,
#mcr-daterange,
.mcr-search-form input,
.mcr-search-form select,
.mcr-submit-btn,
.mcr-search-form button {
    font-family: var(--primary-font) !important;
    font-size: 14px !important;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 16px !important;
    border-radius: 25px !important;
    box-sizing: border-box !important;
}

.mcr-select,
.mcr-date,
#mcr-daterange,
.mcr-search-form input[type="text"],
.mcr-search-form select {
    background-color: #fff !important;
    border: none !important;
    color: #333 !important;
}

.mcr-submit-btn,
.mcr-search-form button[type="submit"] {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 0 24px !important;
    line-height: 48px !important;
}

/* ========================================
   FINAL OVERRIDE: MOBILE CAR IMAGES
   These rules MUST be at the end to override inline CSS
   ======================================== */
@media screen and (max-width: 768px) {
    html body .inspect-helium-product-card .inspect-listing-img,
    html body .inspect-product-card .inspect-listing-img,
    html body .inspect-listing-img,
    body .inspect-helium-product-card .inspect-listing-img,
    .page-template-price-list .inspect-listing-img,
    #filter-results .inspect-listing-img {
        aspect-ratio: 4/3 !important;
        overflow: visible !important;
        height: auto !important;
        min-height: 150px !important;
        max-height: 250px !important;
    }

    html body .inspect-helium-product-card .inspect-listing-img img,
    html body .inspect-product-card .inspect-listing-img img,
    html body .inspect-listing-img img,
    body .inspect-helium-product-card .inspect-listing-img img,
    .page-template-price-list .inspect-listing-img img,
    #filter-results .inspect-listing-img img {
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        max-height: 220px !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

/* ========================================
   SEO FIX: DUPLICATE H1 - Hide second H1
   Only one H1 should be visible per page
   ======================================== */

/* Hide the Elementor duplicate H1 completely */
.elementor-widget-heading h1.elementor-heading-title.elementor-size-default,
h1.elementor-heading-title.elementor-size-default {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* Keep only mcr-hero-title as main H1 */
h1.mcr-hero-title,
.mcr-hero-title {
    display: block !important;
    visibility: visible !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    height: auto !important;
    position: relative !important;
    clip: auto !important;
}

/* ========================================
   ACCESSIBILITY: Hide empty links
   ======================================== */
a.inline-block.underline-offset-8:empty,
a.inline-block.underline-offset-8:not(:has(*)):not([aria-label]) {
    display: none !important;
}

/* Add focus styles for accessibility */
a:focus,
button:focus,
input:focus,
select:focus {
    outline: 2px solid var(--accent-color, #c4703b) !important;
    outline-offset: 2px !important;
}

/* ========================================
   LAZY LOADING: Visual placeholder for images
   ======================================== */
img[loading="lazy"] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%) !important;
    background-size: 200% 100% !important;
    animation: shimmer 1.5s infinite !important;
}

@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

img[loading="lazy"].loaded,
img[loading="lazy"][src]:not([src=""]) {
    animation: none !important;
    background: transparent !important;
}

/* ========================================
   UX: IMPROVED HOVER EFFECTS
   ======================================== */

/* Card hover effect */
.inspect-helium-product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.inspect-helium-product-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
}

/* Button hover effects */
.mcr-submit-btn,
.inspect-listing-link,
button[type="submit"],
.btn,
[class*="button"] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.mcr-submit-btn:hover,
.inspect-listing-link:hover,
button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(196, 112, 59, 0.4) !important;
}

.mcr-submit-btn:active,
.inspect-listing-link:active,
button[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(196, 112, 59, 0.3) !important;
}

/* Link hover underline effect */
.inspect-listing-details a:not(.inspect-listing-link):hover {
    color: var(--accent-color, #c4703b) !important;
}

/* Navigation link hover */
.ast-header-link:hover,
.menu-link:hover,
nav a:hover {
    color: var(--accent-color, #c4703b) !important;
    transition: color 0.2s ease !important;
}

/* Image hover zoom */
.inspect-listing-img {
    overflow: hidden !important;
}

.inspect-listing-img img {
    transition: transform 0.4s ease !important;
}

.inspect-helium-product-card:hover .inspect-listing-img img {
    transform: scale(1.05) !important;
}

/* Price highlight on hover */
.product_price {
    transition: color 0.2s ease !important;
}

.inspect-helium-product-card:hover .product_price {
    color: var(--accent-color, #c4703b) !important;
}

/* Form input focus effect */
.mcr-select:focus,
.mcr-date:focus,
#mcr-daterange:focus,
input:focus,
select:focus {
    box-shadow: 0 0 0 3px rgba(196, 112, 59, 0.2) !important;
    border-color: var(--accent-color, #c4703b) !important;
}

/* ========================================
   TOUCH TARGETS: Ensure 44x44px minimum
   ======================================== */
@media (max-width: 768px) {
    a, button, input, select, .mcr-select, .mcr-date {
        min-height: 44px !important;
        min-width: 44px !important;
    }

    .inspect-listing-link {
        padding: 12px 24px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* ========================================
   SMOOTH SCROLLING
   ======================================== */
html {
    scroll-behavior: smooth !important;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ========================================
   PAGE-SPECIFIC SEO FIXES
   ======================================== */

/* FAQ Page - Hide duplicate H1 */
.page-template-faq h1.elementor-heading-title:not(:first-of-type),
body.page-id-faq h1:nth-of-type(2) {
    display: none !important;
}

/* Blog & Contact Pages - Style page title as H1 if missing */
.page-template-blog .page-title,
.page-template-contact-us .page-title,
.archive .page-title,
body.blog .page-title {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
}

/* ========================================
   BROKEN IMAGE FALLBACK
   ======================================== */
img {
    min-height: 20px !important;
}

img:not([src]),
img[src=""],
img.error {
    background: #f5f5f5 !important;
    min-height: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hide broken image icon */
img:not([src])::before,
img[src=""]::before {
    content: "Image" !important;
    color: #999 !important;
    font-size: 12px !important;
}

/* ========================================
   SHOP PAGE FIXES
   ======================================== */
.woocommerce-products-header__title.page-title {
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: var(--dark-text-color, #333) !important;
    margin-bottom: 1.5rem !important;
}

.woocommerce ul.products li.product {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

/* ========================================
   PRODUCT PAGE FIXES
   ======================================== */
.single-product .product_title {
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: var(--dark-text-color, #333) !important;
}

.single-product .price {
    font-size: 1.5rem !important;
    color: var(--accent-color, #c4703b) !important;
    font-weight: 600 !important;
}

/* PhotoSwipe lightbox z-index (normal, don't change) */
.pswp {
    z-index: 999999 !important;
}

/* ========================================
   GLOBAL IMAGE IMPROVEMENTS
   ======================================== */
img[loading="lazy"] {
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

img[loading="lazy"].lazyloaded,
img[loading="lazy"][src]:not([src=""]) {
    opacity: 1 !important;
}

/* Ensure all images are responsive */
img {
    max-width: 100% !important;
    height: auto !important;
}
/* ========================================
   PRICE LIST PAGE - HORIZONTAL SCROLL FIX
   ======================================== */
.page-id-price-list,
body.page-template-price-list,
body[class*="price-list"] {
    overflow-x: hidden !important;
}

.page-id-price-list .site-content,
.page-id-price-list .ast-container,
.page-id-price-list .entry-content,
.page-id-price-list .elementor-section,
.page-id-price-list .elementor-container,
.page-id-price-list .elementor-row,
.page-id-price-list .elementor-widget-wrap {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* Price list table responsive */
.price-list-table,
.pricing-table,
table.price-list,
.wp-block-table,
.elementor-widget-table table {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
    table-layout: fixed !important;
}

/* Price list cards container */
.price-list-container,
.pricing-cards,
.car-listing-grid {
    max-width: 100% !important;
    overflow-x: hidden !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

/* Elementor columns fix for price list */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: min(1200px, calc(100vw - 30px)) !important;
}

/* ========================================
   SEARCH FORM - FONT CONSISTENCY FIX
   ======================================== */
/* Global form font family */
.mcr-search-form,
.mcr-search-form *,
.mcr-search-fields,
.mcr-search-fields *,
.mcr-field,
.mcr-field * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
}

/* Form inputs consistent styling */
.mcr-select,
.mcr-date,
#mcr-daterange,
.mcr-search-form input,
.mcr-search-form select,
.mcr-search-form input[type="text"],
.mcr-search-form input[type="date"],
.mcr-search-form .select2-selection,
.mcr-field input,
.mcr-field select,
input.mcr-date,
select.mcr-select {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 10px 16px !important;
    border-radius: 25px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    background-color: #fff !important;
    color: #333 !important;
    box-sizing: border-box !important;
}

/* Select dropdown arrow */
.mcr-select,
select.mcr-select,
.mcr-field select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
    background-position: right 12px center !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    padding-right: 40px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Form labels consistent */
.mcr-field label,
.mcr-search-form label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Submit button consistent */
.mcr-submit-btn,
.mcr-search-form button,
.mcr-search-form input[type="submit"],
button.mcr-submit-btn {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 25px !important;
    padding: 0 30px !important;
    background-color: #c17f59 !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

.mcr-submit-btn:hover,
.mcr-search-form button:hover {
    background-color: #a86d4a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(193, 127, 89, 0.4) !important;
}

/* Daterange picker wrapper fix */
.datarange_wapper,
.daterange_wrapper,
div.datarange_wapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border-radius: 25px !important;
    height: 48px !important;
    padding: 0 16px !important;
    gap: 10px !important;
}

.datarange_wapper input,
.daterange_wrapper input {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    min-height: auto !important;
}

.datarange_wapper i,
.datarange_wapper svg,
.daterange_wrapper i,
.daterange_wrapper svg {
    flex-shrink: 0 !important;
    color: #6b7280 !important;
    font-size: 16px !important;
}

/* Placeholder text consistent */
.mcr-search-form input::placeholder,
.mcr-search-form select::placeholder,
.mcr-field input::placeholder {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 14px !important;
    color: #9ca3af !important;
}

/* ========================================
   MOBILE RESPONSIVE - SEARCH FORM
   ======================================== */
@media screen and (max-width: 768px) {
    .mcr-search-fields {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .mcr-select,
    .mcr-date,
    #mcr-daterange,
    .mcr-search-form input,
    .mcr-search-form select,
    .mcr-submit-btn {
        width: 100% !important;
        font-size: 16px !important;
    }

    .mcr-submit-btn {
        margin-top: 10px !important;
    }
}

/* ========================================
   PRICE LIST PAGE - MOBILE FIX
   ======================================== */
@media screen and (max-width: 768px) {
    .price-list-container,
    .pricing-cards {
        grid-template-columns: 1fr !important;
        padding: 0 10px !important;
    }

    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: calc(100vw - 20px) !important;
        padding: 0 10px !important;
    }
}

/* ========================================
   ADDITIONAL OVERFLOW FIXES
   ======================================== */
.elementor-widget-container,
.elementor-element,
.wp-block-group,
.wp-block-columns {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Ensure Elementor sections don't overflow */
.elementor-section {
    max-width: 100vw !important;
    overflow-x: hidden !important;
}