/*!
Theme Name: DealerSupport Child
Theme URI: https://dealersupport.com
Description: One Framework For All Your Dealership Website Needs.
Author: Nick Pappas
Author URI: https://dealersupport.com
Template: dealersupport
Version: 1.0.0
Text Domain: dealersupport
*/

/* - - - - GLOBAL - - - - */
.elementor-element:not(.elementor-align-justify) .dce-button-popup:not(.dce-button-hamburger):not(.dce-button-img) { align-items: start !important; }
.fix-icon .elementor-icon { line-height: 1 !important; display: inline-block; vertical-align: middle; }
.elementor-button { font-weight: 700 !important; }
.gform_button { background: #DB4750 !important; transition: all ease-in-out 0.3s; text-transform: uppercase !important; font-weight: bold !important; padding:14px 35px !important;  border-radius:6px !important;   }
.gform_button:hover { background: #DB4750 !important; opacity: 0.6 !important; }
textarea, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { border-color: #DFDFDF !important; box-shadow: none !important;   }
.elementor-widget-image a { display: block !important; }
.fix-svg-height svg { height: auto !important; }
.scroll-height { max-height: 1600px; }
.fix-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* adjust if you have more columns */
  gap: 20px; /* adjust to your desired gap */
  justify-items: center; /* center items in each column */
}

.fix-grid > *:nth-last-child(-n+1):nth-child(3n+2),
.fix-grid > *:nth-last-child(-n+1):nth-child(3n+1) {
  grid-column: span 2;
  justify-self: center;
}

.e-loop-nothing-found-message { padding: 20px; text-align: center; border-radius: 12px; font-weight: bold; background: rgba(219, 71, 80, 0.2); color: #DB4750; width: 100%;  }
.wp-caption-text, .elementor-image-carousel-caption { padding: 15px; background: #181A1E; color: #FFF; }


/* - - - - FORMS - - - - */
.gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) { font-weight: 700 !important; text-transform: uppercase; font-size: 15px; }
.gform-theme--api, .gform-theme--foundation {  --gf-form-gap-y: 20px !important; --gf-field-gap-x: 16px !important; }
.form-h4 { font-size: 18px; margin: 0px; padding: 0px 0px; text-transform: uppercase;  }
.uicore-body-content .ginput_container select { line-height: 36px !important; font-size: 14px !important;  }
.rdp-month_grid, .rdp-month, .rdp-months { width: 100% !important; max-width: 100% !important; }
.rdp-day_button { margin: 0 auto !important; }
.rdp-caption_label { font-size: 15px !important; }
.gf_page_steps { padding: 10px !important; margin: 0px 0px 20px 0px !important; border-top: 1px solid #efefef !important; border-bottom: 1px solid #efefef !important; }
.gform_next_button { text-transform: uppercase !important; font-weight: 700 !important; background: #DB4750 !important; border: none !important;  }
.rdp-selected .rdp-day_button, .gpb-booking-time-picker__back { color: #DB4750 !important; }
.rdp-today .rdp-day_button { font-weight:bold !important; color: #181A1F !important; }
.rdp-selected .rdp-day_button { border-color: #DB4750 !important;  }
.rdp-chevron { fill: #181A1F !important;  }
.gpb-booking-time-picker__slot--selected { background: #181A1F !important; color: #FFF !important; border-color: #181A1F !important;  }
.gform-theme--framework .gf_step_completed .gf_step_number { background: #181A1F !important; --gf-local-bg-color:#181A1F !important;}
.gform-theme--framework .gf_step_completed .gf_step_number {
    --gf-local-bg-color: #181A1F !important;
    --gf-local-border-color: #181A1F !important;
    --gf-local-color: #FFF !important;
}


/* - - - - HEADER - - - - */
.uicore-navbar:not(.uicore-left-menu) .uicore-branding { padding-right: 40px !important; }
.uicore-top-bar { border-bottom: 1px solid rgba(255,255,255,0.2); }
.uicore-logo:hover { opacity: 0.7; }
.elementor-nav-menu .sub-arrow { padding: 3px !important; }
.elementor-7999 .elementor-element.elementor-element-3537328 .elementor-nav-menu--dropdown { border-radius: 8px !important; padding: 15px 30px 15px 20px !important; }
.sub-menu {  border: 1px solid #e9eaee; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); min-width: 245px !important;  }
.sub-menu .elementor-sub-item a { border-bottom: 1px solid #e9eaee; }
.sub-menu .elementor-sub-item a:last-of-type { border: none; }


/* - - - - DRAWER - - - - */
.ui-drawer-content { padding: 0px !important; justify-content: start !important;  }
.ui-drawer-content .textwidget { padding: 40px !important; }
.ui-drawer-widget img { width: 100%; }

/* - - - - INVENTORY - - - - */

.desc-content span, .desc-content p { font-size: 15px !important; font-weight: 400 !important;  font-family: "Open Sans Max" !important; color: #242424 !important; }
.desc-content ul { padding: 5px !important; margin: 10px !important; }
.desc-content ul li p { margin: 0px !important; padding: 0px !important; }
.desc-content ul {
  columns: 2; /* Creates two columns */
  column-gap: 20px; /* Adds a 20px gap between columns */
   } 


.wpgb-facet .wpgb-az-index-label, .wpgb-facet .wpgb-button-label, .wpgb-facet .wpgb-checkbox-label, .wpgb-facet .wpgb-hierarchy-label, .wpgb-facet .wpgb-radio-label, .wpgb-facet .wpgb-rating-label { font-size: 15px !important; }
#elementor-popup-modal-4944 .dialog-close-button { padding: 5px; border-radius: 50%; }
.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox { padding:6px 0px !important; }
.elementor-element-72f53e0, .elementor-element-a13d14f, .elementor-element-983a71b, .elementor-element-4e1a499, .elementor-element-20756e0, .elementor-element-dddb1ce { margin-top: -27px !important; padding-top: 40px !important; z-index: 1; }
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title { background: #FFF !important; z-index: 99; }
.wpgb-facet .wpgb-selection-facet .wpgb-button-control:after, .wpgb-facet .wpgb-selection-facet .wpgb-button-control:before { background: red !important; }
.wpgb-facet.wpgb-style-1 .wpgb-button-control { padding-right:20px !important; }
.elementor-element.elementor-arrows-position-outside .swiper, .elementor-lightbox.elementor-arrows-position-outside .swiper { width: calc(100%) !important; }
.vehicle-gallery-trigger {
    display: inline-block; /* Ensures no extra block spacing */
    margin-bottom: 0; /* Removes any default margin */
}

.vehicle-gallery-trigger img {
    display: block; /* Removes extra space below inline images */
    max-width: 100%; /* Ensures it doesn’t overflow */
    height: auto;
}

#vehicle-lightbox-container {
    display: none !important; /* Ensure it's fully hidden */
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


.inventory-make-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 4 columns */
  gap: 10px;
}

.inventory-make-grid .make-link {
  display: block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.inventory-make-grid .make-link:hover {
  color: inherit;
}

.gallery-holder img { border-radius: 12px !important; }
#elementor-popup-modal-10116 .dialog-close-button, #elementor-popup-modal-24607 .dialog-close-button { padding: 10px !important; border-radius: 100px !important; }
.vehicle-spec { text-transform: uppercase; color: gray; }
.vehicle-spec-container { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding: 5px; }
.wpgb-facet.wpgb-style-1 .wpgb-pagination .wpgb-page>a { border-radius: 100px !important; }
.wpgb-facet .wpgb-pagination li a, .wpgb-facet .wpgb-pagination li a:hover { line-height: 30px !important; }

/* Ensure the Elementor lightbox is correctly centered */
#elementor-lightbox-slideshow-vehicle-gallery .e-gallery-lightbox {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
}

/* Ensure images display properly */
#elementor-lightbox-slideshow-vehicle-gallery .e-gallery-lightbox img {
    max-width: 90vw !important;
    max-height: 90vh !important;
    object-fit: contain !important;
}

/* Remove any unwanted spacing */
#elementor-lightbox-slideshow-vehicle-gallery .e-gallery-lightbox-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* Force Elementor Lightbox to be centered */
#elementor-lightbox-slideshow-vehicle-gallery .dialog-lightbox-widget-content {
    top: auto !important;
    left: auto !important;
    transform: translate(-50%, -50%) !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
}

.show-filters {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.show-filters.visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.show-filters.hiding {
  opacity: 0;
  transform: translateY(20px);
}

.filters-toggle-btn { background: none;  display: inline-flex; }
.filter-icon {
  padding: 0px 5px 0px 0px; 
  font-size: 13px;
  color: #999;
  pointer-events: none;
}


@media (max-width: 768px) {
	#inventory-live-search { padding: 10px 40px 10px 36px;  font-size: 13px; }
	.inventory-make-grid { grid-template-columns: repeat(2, 1fr); }
	.desc-content ul {
  columns: 1; /* Creates two columns */
   } 
}