/* Member Listing Archive (MLA) — regenerated */
.mla-wrap { position: relative; box-sizing: border-box; }
.mla-wrap *, .mla-wrap *::before, .mla-wrap *::after { box-sizing: inherit; }

/* Loading overlay — centered in the middle of the screen */
.mla-wrap.is-loading { cursor: progress; }

/* remove prior inline "Loading…" */
.mla-wrap.is-loading::after { content: none; }

/* fullscreen dim layer */
.mla-wrap.is-loading::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.25);
  z-index: 9998;
}

/* centered loading card (text) */
.mla-wrap.is-loading .mla-loading-center/* ,
.mla-wrap.is-loading::after */ {
  content: "Loading…";
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  padding: 14px 18px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  font-size: 14px; color: #333;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}
.content-wrapper {
    margin-top: 18px;
}
a.mla-logo-link {
    box-shadow: 0px 6px 4px -1px rgb(0 0 0 / 6%);
    display: block;
    border: 1px solid #0000000f;
	padding: 10px;
}
img.mla-logo {
	height: 200px;
	object-fit: contain;
}
.mla-wrap.is-loading::after {
  content: "";
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 3px solid #e5e5e5;
  border-top-color: #555;
  animation: mla-spin .7s linear infinite;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}
@keyframes mla-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }

/* Filters */
.mla-filters {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 0 0 16px 0;
}

.mla-logo {
    padding-bottom: 14px !important;
}

.mla-field { display: flex; flex-direction: column; width: 100%; }
.mla-field label { font-size: .85rem; color: #333; text-align: left; width: 100%;}
.mla-field input[type="text"],
.mla-field select {
  padding: 10px 12px;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  background: #fff;
  font-size: .95rem;
  margin-top: 4px !important;
  line-height: 1em;
}

/* Grid */
.mla-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  justify-items: stretch; /* ensure cards stretch and don't center */
}

/* Card */
.mla-card {
  /*border: 1px solid #eee;*/
  border-radius: 0px;
  background: #fff;
  overflow: hidden;
  /*box-shadow: 0 2px 8px rgba(0,0,0,.04);*/
  width: 100%;
  text-align: left; /* base left align */
}
.mla-meta {
    display: none !important;
}
.mla-read-more a {
    font-size: 15px;
}
/* Kill Elementor/Theme centering inside cards */
.mla-card * { text-align: left !important; width: 100%;}

/* Card body */
.mla-card-body { padding: 0px; }
.mla-card-title { margin: 0 0 8px; font-size: 1.05rem; }
.mla-card-title a { text-decoration: none; color: #111; }
.mla-card-title a:hover { text-decoration: underline; }

/* Meta blocks */
.mla-meta {
  display: grid;
  gap: 10px;
  justify-items: start;  /* left-align grid children */
  align-items: start;
}

.mla-block strong {
  display: block;
  font-size: .85rem;
  color: #444;
  margin-bottom: 6px;
}

.mla-line { font-size: .95rem; color: #222; }
.mla-muted { color: #999; }

/* Chips */
.mla-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-start !important; /* force left pack */
  align-items: flex-start;
}
.mla-chip {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #e6e6e6;
  font-size: .8rem;
  background: #fafafa;
}

/* Empty state */
.mla-empty {
  padding: 24px;
  text-align: center !important;
  color: #666;
  border: 1px dashed #ddd;
  border-radius: 12px;
}

/* Load more */
.mla-loadmore-wrap { display: flex; justify-content: center; margin-top: 16px; }
.mla-loadmore {
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
}
.mla-loadmore:hover { background: #f6f6f6; }

/* Suggestion dropdown */
.mla-org-wrap { position: relative; }
.mla-suggest {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0;
  background: #fff; border: 1px solid #e6e6e6; border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  overflow: hidden;
  display: none; z-index: 1000;
}
.mla-suggest.is-open { display: block; }

.mla-suggest-list { max-height: 280px; overflow: auto; margin: 0; padding: 6px 0; list-style: none; }
.mla-suggest-item {
  padding: 10px 12px; cursor: pointer; line-height: 1.25;
}
.mla-suggest-item:hover,
.mla-suggest-item.is-active {
  background: #f7f7f7;
}
.mla-suggest-empty {
  padding: 10px 12px; color: #777; font-size: .9rem;
}

/* Optional hint under the field */
.mla-hint { color: #777; font-size: .8rem; margin-top: 6px; }

/* dropdown search box started */

/* Searchable dropdown (enhancement for native <select>) */
.mla-select { position: relative; width: 100%; }
.mla-select-trigger {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%;
  padding: 10px 12px; border: 1px solid #dcdcdc; border-radius: 8px; background: #fff;
  font-size: .95rem; cursor: pointer;
}
.mla-select-trigger:after {
  content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;
  border-top: 6px solid #666; margin-left: 8px;
}

.mla-select-panel {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0;
  background: #fff; border: 1px solid #e6e6e6; border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  z-index: 1001; display: none; overflow: hidden;
}
.mla-select.is-open .mla-select-panel { display: block; }
.mla-select-current{margin:0;}
.mla-select-search {
  width: 100%; padding: 10px 12px; border: 0; border-bottom: 1px solid #f0f0f0; outline: none; font-size: .95rem;
}
.mla-select-list { max-height: 260px; overflow: auto; margin: 0; padding: 6px 0; list-style: none; }
.mla-select-item {
  padding: 10px 12px; cursor: pointer; line-height: 1.25;
}
.mla-select-item:hover, .mla-select-item.is-active { background: #f7f7f7; }
.mla-select-item[aria-selected="true"] { font-weight: 600; }
.mla-select-empty { padding: 10px 12px; color: #777; font-size: .9rem; }

/* Hide the original select but keep it in the DOM for forms/a11y */
.mla-select-hidden { position: absolute !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; width: 0 !important; }

/* dropdown search box end */


/* Responsive */
@media (max-width: 1080px) {
  .mla-filters { grid-template-columns: repeat(2, 1fr); }
  .mla-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .mla-filters { grid-template-columns: 1fr; }
  .mla-grid { grid-template-columns: 1fr; }
}
