/*
Theme Name: Listable CCDC
Template: listable
Text Domain: listable-ccdc
*/
.pin .pin__icon svg {
  height: 30px;
  transform: translate(-50%, -35%);
}

.pin__icon svg path {
  fill: currentColor;
}

.listing-sidebar__categories {
  padding-bottom: 15px;

  /* .listing-sidebar__categories li */
  a {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
  }
}

.listing-sidebar__project-details li {
  margin-bottom: 8px;
}

.listing-address-directions {
  /* display: none; */
}

.card__address .address__city,
.listing-address .address__city {
  display: inline-block;

  &::after {
    content: ","
  }
}

.listing-map-container {
  overflow: hidden;
}

.listing-map-container .listing-map {
  height: 250px !important;
  max-width: 100%;
}

.job_filters .showing_jobs {
  padding: 35px 30px 0 !important;
  text-align: right !important;
  color: #ABABAB !important;
  font-size: 14px !important;
  border-top: 0 !important;
}

.job_filters .search_jobs {
  padding: 20px 30px 6px !important;
}

/* Fix for Regions plugin - ensure search_location doesn't break categories layout */
/* The search_location div is position: fixed so it shouldn't affect flow, but ensure it's properly handled */
.job_filters .search_jobs .search_location:empty {
  visibility: hidden;
  height: 0;
  min-height: 0;
  overflow: hidden;
}

/* Ensure categories dropdown maintains proper styling regardless of search_location */
.job_filters .search_jobs div.filter_wide,
.job_filters .search_jobs div.search_categories {
  padding-top: 0 !important;
}

.job_filters .search_jobs .select-categories {
  display: inline-block !important;
  /* margin-right: 16px !important; */
  margin-bottom: 14px !important;
  /* width: 230px !important; */
  vertical-align: top;
  padding-top: 0 !important;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  height: auto !important;
  border: 1px solid rgba(0, 0, 0, 0.075) !important;
}

.select2-container .select2-dropdown {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(0, 0, 0, 0.075);
  border-top: 0;
}

.select2-container.select2-container--default.select2-container--open::after {
  content: none;
}

.select2.select2-container.select2-container--default.select2-container--open::after {
  content: "";
}

.chosen-container .chosen-results li.highlighted,
.page-add-listing .select2-results .select2-results__options .select2-results__option:not([aria-selected=true]):hover,
.page-listings .select2-results .select2-results__options .select2-results__option:not([aria-selected=true]):hover,
.post-type-archive-job_listing .select2-results .select2-results__options .select2-results__option:not([aria-selected=true]):hover {
  color: #992e3b;
}

a {
  text-decoration: underline;
}

/* Tags: show in sidebar on desktop, show in content on mobile */
.listing-tags--sidebar-desktop {
  display: none;
}

.single-job_listing .column-sidebar .listing-sidebar--bottom {
  margin-top: 0;
}

@media only screen and (min-width: 900px) {
  .single-job_listing .column-sidebar {
    display: flex;
    flex-direction: column;
  }
  .single-job_listing .column-sidebar .listing-sidebar--top {
    order: 1;
    margin-top: 40px;
    margin-bottom: 0;
  }
  .single-job_listing .column-sidebar .listing-tags--sidebar-desktop {
    order: 2;
    display: block;
    padding: 15px 24px;
  }
  .single-job_listing .column-sidebar .listing-sidebar--bottom {
    order: 3;
  }
  /* Hide the original tags widget in the content area on desktop */
  .listing-sidebar--main > #listing_tags-6 {
    display: none;
  }

  /* Tighten sidebar widget spacing */
  .single-job_listing .column-sidebar .listing-sidebar--top .widget {
    margin-top: 0;
    margin-bottom: 0;
  }
  .single-job_listing .column-sidebar .listing-sidebar--bottom .widget {
    margin-top: 15px;
    margin-bottom: 0;
  }
  .single-job_listing .column-sidebar .listing-sidebar--bottom .widget:first-child {
    margin-top: 0;
  }
}

.site-header .search-form:before {
  border-color: #484848;
  opacity: 1;
}

.search-suggestions-menu li a,
.primary-menu > ul a,
.secondary-menu > ul a,
ul.primary-menu a,
ul.secondary-menu a {
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

.primary-menu ul a,
ul.primary-menu a,
.menu-wrapper a,
.primary-menu ul .page_item a,
ul.primary-menu .menu-item a,
.primary-menu ul .page_item_has_children > a,
ul.primary-menu .menu-item-has-children > a {
  color: #fff !important;
}

ul.primary-menu li:hover > a {
  color: #992e3b !important;
}

ul.primary-menu .sub-menu li:hover > a {
  color: #ae7177 !important;
  transition: all 0.1s linear;
}

ul.primary-menu .sub-menu .menu-item-has-children:after,
ul.primary-menu .menu-item-has-children:after {
  border-top-color: #0a0a0c !important;
}

ul.primary-menu.primary-menu .menu-item-has-children:hover:after {
  border-top-color: #ae7177 !important;
  transition: all 0.1s linear;
}

ul.primary-menu .sub-menu li a,
.primary-menu > ul .children li a {
  text-transform: none;
}

@media only screen and (min-width: 900px) {
  .primary-menu > .menu-item-has-children a:before,
  .primary-menu > .page_item_has_children a:before {
    border-top-color: #fff !important;
  }

  ul.primary-menu li:hover > a:before {
    border-top-color: #992e3b !important;
  }
}

@media only screen and (min-width: 900px) {
  ul.primary-menu .sub-menu li a,
  .primary-menu > ul .children li a {
    font-weight: 400;
    text-transform: none;
  }
}

ul.primary-menu .sub-menu {
  background-color: #992e3b !important;
}

.search-form .search-field::-webkit-input-placeholder {
  opacity: 1;
}
/* Footer: stack menu links above the copyright line */
.site-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-info > * {
  display: block;
}
.site-info > *:before {
  content: none;
}
.site-info .footer-menu + .site-copyright-area {
  margin-top: 1.25rem;
}