/* RESULTS DISPLAY */

.results-page-title {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  box-sizing: border-box;
  margin: auto;
  max-width: 1400px;
  padding: 3rem 2rem;
  text-align: start;
}

.results-page-title h3 {
  margin-top: 0;
}

.results-page-title h4 {
  font-weight: normal;
}

.results-page-title > div:first-child {
  flex: 1;
}

.switch-view-buttons {
  gap: 0px;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  border-radius: 0.7rem;
}

@media (max-width: 768px) {
  .switch-view-buttons {
    display: none;
  }
}

.view-button {
  transition: 0.2s all ease-in;
  padding: 0.5rem 1.25rem;
  background-color: #f9f9f9;
  font-size: 1.3rem;
  cursor: pointer;
}

.view-button.active {
  background-color: var(--search-page-accent-3);
}

.view-button i {
  color: #aaa !important;
}

.view-button.active i {
  color: white !important;
}

.view-button:hover {
  opacity: 0.8;
}

/* Container for grid layout */

.search-results-display .exhibitor-listings-container,
.search-results-display .product-listings-container,
.search-results-display .innovation-listings-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--gap);
  box-sizing: border-box;
  margin: auto;
  max-width: 1400px;
  padding: 0 2rem 6rem;
}

/* Each exhibitor listing */

.search-results-display .exhibitor-listing,
.search-results-display .product-listing,
.search-results-display .innovation-listing {
  display: flex;
  flex-direction: column;
  flex: 1 1 calc((100% / var(--default-columns)) - var(--gap)); /* Default: 3 columns */
  align-items: center;
  overflow: hidden;
  transition: all 0.2s ease-out;
  box-sizing: border-box;
  box-shadow: var(--listing-box-shadow);
  border: 2px solid #e3e3e3;
  border-radius: 8px;
  max-width: calc((100% / var(--default-columns)) - var(--gap));
  min-width: calc((100% / var(--default-columns)) - var(--gap));
  background: #f7f7f7;
}

/* Responsive adjustments */

@media (max-width: 1200px) {
  .search-results-display .exhibitor-listing,
  .search-results-display .product-listing,
  .search-results-display .innovation-listing {
    flex: 1 1 calc((100% / var(--tablet-columns)) - var(--gap)); /* 4 columns */
    max-width: calc((100% / var(--tablet-columns)) - var(--gap));
    min-width: calc((100% / var(--tablet-columns)) - var(--gap));
  }
}

@media (max-width: 768px) {
  .search-results-display .exhibitor-listing,
  .search-results-display .product-listing,
  .search-results-display .innovation-listing {
    flex: 1 1 calc((100% / var(--mobile-columns)) - var(--gap)); /* 3 columns */
    max-width: calc((100% / var(--mobile-columns)) - var(--gap));
    min-width: calc((100% / var(--mobile-columns)) - var(--gap));
  }
}

@media (max-width: 480px) {
  .search-results-display .exhibitor-listing,
  .search-results-display .product-listing,
  .search-results-display .innovation-listing {
    flex: 1 1 calc((100% / var(--small-mobile-columns)) - var(--gap)); /* 2 columns */
    max-width: calc((100% / var(--small-mobile-columns)) - var(--gap));
    min-width: calc((100% / var(--small-mobile-columns)) - var(--gap));
  }
}

/* Top section styling */

/* Common background properties for all background images */

.background {
  background-position: top;
  background-size: cover;
}

/* DCW */

.background-28d7bfc6b7cb12bd7234e0262753f444 {
  background-image: url("http://divcommanual.com/dcw/wp-content/uploads/sites/9/2025/01/DCW-gradient.png");
}

/* ACX */

.background-9be5de2da5776d60b425e25033013d35 {
  background-image: url("http://divcommanual.com/acx/wp-content/uploads/sites/6/2025/05/ACX25-Exhibitor-Listing-BG-1.webp");
}

/* ACXESP */

.background-3bfdf333c869c654d0d17671387421c2 {
  background-image: url("http://divcommanual.com/acxs-hr/wp-content/uploads/sites/12/2025/03/ACXESP-gradient.png");
}

/* ACXESPHRX (joint) */

.background-14ab87aa8f6d154e289dab271d358415 {
  background-image: url("http://divcommanual.com/acxs-hr/wp-content/uploads/sites/12/2025/05/ACXSPHRX-gradient.webp");
}

/* HRXPO */

.background-537735a3c839ab98a84064dbc63c4168 {
  background-image: url("http://divcommanual.com/acxs-hr/wp-content/uploads/sites/12/2025/03/HRX-gradient.png");
}

/* ASM */

.background-0a63ad72591d259d4022fa0a01d1721f {
  background-image: url("http://divcommanual.com/asm/wp-content/uploads/sites/13/2025/05/ASM25-Exhibitor-Listing-BG.jpg");
}

/* GEO */

.background-fe15efaf53e7852b28a2dba398619330 {
  background-image: url("https://divcommanual.com/wp-content/uploads/sites/10/2025/01/GEO-gradient.png");
}

/* SITSMSP Joint */

.background-a7bfe1d5faeb30aefeee8fc4c3565f4d {
  background-image: url("http://divcommanual.com/sitsmsp/wp-content/uploads/sites/4/2025/03/MSP-SITS-gradient.png");
}

/* SITS */

.background-699d31b250857638087e4d12200e3f6d {
  background-image: url("https://divcommanual.com/wp-content/uploads/sites/4/2025/01/SITS-gradient.png");
}

/* MSP */

.background-77d6bf21fac684552f768424e4b715a9 {
  background-image: url("https://divcommanual.com/wp-content/uploads/sites/4/2025/01/MSP-gradient.png");
}

/* SITSNL */

.background-33029f452470e1c8de9a326112fea935 {
  background-image: url("https://divcommanual.com/sitsmspnl/wp-content/uploads/sites/11/2025/01/SITSNL-gradient.png");
}

/* MSPNL */

.background-dfcb90dd6d312d41b25d75dab5e719f2 {
  background-image: url("https://divcommanual.com/sitsmspnl/wp-content/uploads/sites/11/2025/01/MSPNL-gradient.png");
}

/* NRPBS */

.background-185fd06e7411442c68b018ec3f97580d {
  background-image: url("https://divcommanual.com/wp-content/uploads/sites/8/2025/01/NRPBS-gradient.png");
}

/* Lunch! */

.background-fb0f3740c1de20209be99ade7d1d53f7 {
  background-image: url("https://divcommanual.com/wp-content/uploads/sites/8/2025/01/LUNCH-gradient.png");
}

/* Apply common background properties to all background classes */

[class*="background-"] {
  background-position: top;
  background-size: cover;
}

.search-results-display .top-section {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 200px;
  padding: 1rem;
  text-align: center;
}

.search-results-display .top-section:hover {
  opacity: 0.9;
  /*background: #e7e7e7;*/
  text-decoration: none;
}

.search-results-display .product-listing .top-section,
.search-results-display .innovation-listing .top-section {
  min-height: 18rem;
  background-position: center;
  background-size: cover;
}

.search-results-display .author-info {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-results-display .product-listing .author-info,
.search-results-display .innovation-listing .author-info {
  justify-content: end;
}

.search-results-display .innovation-listing .author-info {
  position: absolute;
  bottom: -1rem;
  left: 0;
  right: 0;
  justify-content: center;
  margin: auto;
}

.search-results-display .author-info img {
  box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.15);
  border: 1px solid white;
  border-radius: 5%;
  width: 80px;
  height: 80px;
  max-width: 80px;
  background: white;
  object-fit: contain;
}

.search-results-display .post-info,
.search-results-display .post-info p {
  margin: 0;
}

.search-results-display .post-info h4 {
  margin-top: 1rem;
}

.search-results-display .post-info p {
  font-size: 0.9rem;
  font-weight: normal;
}

.search-results-display .exhibitor-listing .post-info h4 {
  color: white;
}

.search-results-display .exhibitor-listing .post-info p {
  color: white;
}

/* Bottom section styling */

.search-results-display .bottom-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 1rem;
  background: white;
  text-align: center;
}

.search-results-display .innovation-listing .bottom-section {
  padding: 2rem 1rem 1rem;
}

.search-results-display .post-category,
.search-results-display .post-country,
.search-results-display .company-profile,
.search-results-display .products-list,
.search-results-display .find-out-more,
.search-results-display .company-info-container {
  margin: 1rem 0;
  width: 100%;
}

.search-results-display .company-info-container {
  margin: 0;
}

.search-results-display .post-category {
  display: none;
  margin: 0;
  border-radius: 50px;
}

.search-results-display .post-category p {
  color: var(--main-colour);
  font-size: 0.9rem;
  font-weight: bold;
}

.search-results-display .post-country {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-bottom: 1rem;
}

.search-results-display .post-country .svg-flag {
  margin-left: 0.25rem;
  height: 100% !important;
  max-width: 25px;
  min-height: 20px;
}

.search-results-display .post-country .country-name {
  margin: 0;
  font-weight: bold;
}

.search-results-display .company-profile {
  margin: 0;
}

.search-results-display .company-profile p,
.search-results-display .products-list p {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  max-height: 4.5em;
  font-size: 0.9rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.search-results-display .product-listing p,
.search-results-display .innovation-listing p {
  -webkit-line-clamp: 2;
}

.search-results-display .products-list * {
  margin-top: 0;
}

.search-results-display .product-listing .stand-number,
.search-results-display .innovation-listing .stand-number {
  margin-top: 1rem;
  color: #777777a6;
}

.search-results-display .product-listing .find-out-more,
.search-results-display .innovation-listing .find-out-more {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.search-results-display .product-listing .bottom-section,
.search-results-display .innovation-listing .bottom-section {
  width: 100%;
}

.search-results-display .product-listing .bottom-section .product-title,
.search-results-display .innovation-listing .bottom-section .product-title {
  margin: 0;
}

.search-results-display .product-listing .bottom-section .company-name,
.search-results-display .innovation-listing .bottom-section .company-name {
  margin-bottom: 0rem;
}

.search-results-display .product-listing .bottom-section .company-profile,
.search-results-display .innovation-listing .bottom-section .company-profile {
  display: none;
}

/* Base button styles */

.search-results-display .button {
  display: inline-block;
  transition: background 0.3s ease;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 500px;
  width: 90%;
  max-width: 200px;
  padding: 0.5rem;
  /*background: var(--search-page-accent-2);*/
  /*color: var(--search-page-accent-1) !important;*/
  background: var(--search-page-accent-3);
  color: white !important;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
}

/* Button hover effect */

.search-results-display .button:hover {
  background: var(--search-page-accent-3-hover);
}

/* Responsive adjustments */

@media (max-width: 1200px) {
  .search-results-display .button {
    padding: 0.5rem 2.5rem;
    font-size: 0.85rem;
  }
}

@media (max-width: 768px) {
  .search-results-display .button {
    padding: 0.4rem 2rem;
    font-size: 0.8rem;
  }
}

@media (max-width: 480px) {
  .search-results-display .button {
    max-width: 250px;
    padding: 0.6rem 1.5rem;
    font-size: 1rem;
  }
}

/* List View */

.search-results-display .exhibitor-listings-container.list-view {
  display: block;
}

.search-results-display .exhibitor-listings-container.list-view .exhibitor-listing {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  height: 200px;
  max-width: 100%;
}

.search-results-display .exhibitor-listings-container.list-view .exhibitor-listing > div:first-child {
  flex: 0 0 30%; /* Or any percentage that works well */
  max-width: 30%;
}

.search-results-display .exhibitor-listings-container.list-view .exhibitor-listing > div:last-child {
  flex: 1; /* This will take the remaining space */
}

@media (max-width: 768px) {
  .search-results-display .exhibitor-listings-container.list-view .exhibitor-listing {
    flex-direction: column;
    height: auto;
  }
  .search-results-display .exhibitor-listings-container.list-view .exhibitor-listing > div:first-child,
  .search-results-display .exhibitor-listings-container.list-view .exhibitor-listing > div:last-child {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.search-results-display .exhibitor-listings-container.list-view .author-info img {
  width: 60px;
  height: 60px;
}

.search-results-display .exhibitor-listing:hover,
.search-results-display .product-listing:hover,
.search-results-display .innovation-listing:hover {
  transform: translateY(-5px);
  box-shadow: var(--listing-hover-box-shadow);
}

.search-results-display .exhibitor-listings-container.list-view .top-section {
  justify-content: center;
  height: 100%;
  max-width: 250px;
}

@media (max-width: 768px) {
  .search-results-display .exhibitor-listings-container.list-view .top-section {
    max-width: 100%;
    min-height: auto;
  }
}

.search-results-display .exhibitor-listings-container.list-view .bottom-section {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 0;
  text-align: start;
}

.search-results-display .exhibitor-listings-container.list-view .bottom-section > div {
  height: auto;
  padding: 1rem;
}

.search-results-display .exhibitor-listings-container.list-view .bottom-section .post-country {
  justify-content: start;
}

.search-results-display .exhibitor-listings-container.list-view .bottom-section .company-info-container {
  min-width: 200px;
}

.search-results-display .exhibitor-listings-container.list-view .bottom-section .find-out-more {
  margin: 0;
  width: fit-content;
  height: 100%;
  min-width: 100px;
  padding: 0;
}

.search-results-display .exhibitor-listings-container.list-view .bottom-section .find-out-more > a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
}

/* Responsive Adjustments */

@media (max-width: 768px) {
  .search-results-display .exhibitor-listings-container.list-view .bottom-section .find-out-more > a {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
}

@media (max-width: 600px) {
  .search-results-display .exhibitor-listings-container.list-view .author-info {
    display: none;
  }
  .search-results-display .exhibitor-listings-container.list-view .post-info > h4 {
    font-size: 1rem !important;
    white-space: normal;
  }
  .search-results-display .exhibitor-listings-container.list-view .bottom-section .find-out-more {
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 70px;
  }
  .search-results-display .exhibitor-listings-container.list-view .bottom-section {
    flex-direction: column;
  }
  .search-results-display .button {
    max-width: 100%;
  }
  .search-results-display .exhibitor-listings-container.list-view .bottom-section .find-out-more > a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

/* Search results text */

.query-results-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  box-sizing: border-box;
  margin: auto;
  max-width: 1400px;
}

.search-results-counter span {
  color: var(--search-page-accent-3);
  font-size: 2rem;
}

.search-filter-info {
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .search-filter-info {
    margin: 0;
  }
}

.search-filter-info * {
  margin: 0;
  margin-right: 0.5rem;
  font-weight: normal;
}

.search-filter-info button {
  border: none;
  border-radius: 50rem;
  padding: 0.5rem 1rem;
  background: #f7f7f7;
  color: #aaa;
  white-space: nowrap;
  cursor: pointer;
}

.search-filter-info button:hover {
  background: var(--main-colour);
  color: white;
}

.search-filter-info button:hover i {
  color: white;
}

.search-filter-info button i {
  position: relative;
  margin-left: 0.5rem;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  color: var(--main-colour);
  font-size: 0.8rem;
  font-weight: bold;
}

/* Winner Category for Innovation Challenge Text */

.winner-category {
  position: absolute;
  top: 0;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding: 0.5rem 1rem;
  color: white;
  font-weight: 500;
}

.sort-listings-button {
  display: inline-block;
  margin: 10px 0;
}

.sort-dropdown {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  background-color: white;
  font-size: 14px;
  cursor: pointer;
}

.sort-dropdown optgroup {
  padding: 5px 0;
  color: #333;
  font-weight: bold;
  font-style: normal;
}

.sort-dropdown option {
  padding: 5px 10px;
}