/* =========================================================
   betterCater - Search Shell
   Seite: /suche
   ========================================================= */

:root{
  --bc-search-max: 1240px;
  --bc-search-radius-xl: 24px;
  --bc-search-radius-lg: 20px;
  --bc-search-radius-md: 16px;
  --bc-search-radius-sm: 12px;

  --bc-search-surface: var(--bc-color-content-surface, #fffaf4);
  --bc-search-surface-soft: var(--bc-color-content-surface-soft, #f7efe3);
  --bc-search-card: var(--bc-color-content-card-surface, #fffdf9);
  --bc-search-card-soft: var(--bc-color-content-card-surface-soft, #f9f3ea);
  --bc-search-border: var(--bc-color-content-border, #eadfce);

  --bc-search-text: var(--bc-color-text, #1f2937);
  --bc-search-muted: var(--bc-color-muted, #5b6470);
  --bc-search-brand: var(--bc-color-brand, #0073aa);

  --bc-search-shadow-sm: var(--bc-shadow-content-sm, 0 8px 24px rgba(52, 41, 32, 0.05));
  --bc-search-shadow-md: var(--bc-shadow-content-md, 0 18px 44px rgba(52, 41, 32, 0.06));
}

/* =========================================================
   Grundlayout
   ========================================================= */

body.bc-search-theme{
  background:#ffffff !important;
}

body.bc-search-theme #content,
body.bc-search-theme .site-content,
body.bc-search-theme .ast-container,
body.bc-search-theme #primary,
body.bc-search-theme .content-area,
body.bc-search-theme .site-main,
body.bc-search-theme main,
body.bc-search-theme article,
body.bc-search-theme .entry-content{
  background:transparent !important;
}

.bc-search-page,
.bc-search-page *{
  box-sizing:border-box;
  min-width:0;
}

.bc-search-page{
  --bc-search-top-gap: 0px;
  position:relative;
  width:100%;
  max-width:100%;
  margin-top:var(--bc-search-top-gap);
  color:var(--bc-search-text);
  isolation:isolate;
}

.bc-search-page::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  height:100%;
  background:#F6F1EA;
  z-index:0;
  pointer-events:none;
}

.bc-search-page__inner{
  position:relative;
  z-index:1;
  width:100%;
  max-width:var(--bc-search-max);
  margin:0 auto;
  padding:0 16px 32px 16px;
  background:transparent !important;
}

/* Gutenberg-Gruppen oben vollständig entkernen */
.bc-search-page.wp-block-group,
.bc-search-page__inner.wp-block-group{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.bc-search-page > .wp-block-group__inner-container,
.bc-search-page__inner > .wp-block-group__inner-container{
  margin-top:0 !important;
  padding-top:0 !important;
}

.bc-search-page > .wp-block-group__inner-container > *:first-child,
.bc-search-page__inner > .wp-block-group__inner-container > *:first-child{
  margin-top:0 !important;
}

.bc-search-page a{
  color:inherit;
}

.bc-search-page .wp-block-shortcode,
.bc-search-page .wp-block-geodirectory-geodir-widget-search,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging{
  margin:0 0 12px 0;
}

/* Vertikale Abstände zwischen Search, Toolbar und Ergebnissen weiter reduzieren */
.bc-search-page .wp-block-geodirectory-geodir-widget-search{
  margin-bottom:1px !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions{
  margin-bottom:1px !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop .row{
  row-gap:1px !important;
}

/* =========================================================
   Search-Bar Surface
   ========================================================= */

.bc-search-page .wp-block-geodirectory-geodir-widget-search{
  position:relative;
  overflow:hidden;
  border-radius:var(--bc-search-radius-xl);
  border:1px solid var(--bc-search-border);
  box-shadow:var(--bc-search-shadow-md);
  background:
    radial-gradient(900px 220px at 18% 0%, rgba(0,115,170,0.08), rgba(0,115,170,0.00) 60%),
    linear-gradient(
      180deg,
      var(--bc-search-surface) 0%,
      var(--bc-search-surface-soft) 100%
    );
  padding:18px;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-search::after{
  content:"";
  position:absolute;
  right:-110px;
  top:-110px;
  width:260px;
  height:260px;
  border-radius:999px;
  background:rgba(0,115,170,0.05);
  border:1px solid rgba(0,115,170,0.10);
  pointer-events:none;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-search > *{
  position:relative;
  z-index:1;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-search form{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(260px, 0.95fr) auto auto;
  gap:12px;
  align-items:end;
  margin:0;
}

/* Icons innerhalb der Suchfelder ausblenden */
.bc-search-page .wp-block-geodirectory-geodir-widget-search .input-group-text,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .gd-search-field .input-group-text,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .geodir-search-field .input-group-text,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .gd-search-field i,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .gd-search-field svg,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .geodir-search-field i,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .geodir-search-field svg{
  display:none !important;
}

/* Feld wieder sauber auf volle Breite ziehen */
.bc-search-page .wp-block-geodirectory-geodir-widget-search .input-group > .form-control,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .input-group > .form-select,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .input-group > input,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .input-group > select{
  width:100% !important;
  border-radius:14px !important;
}

/* sicherstellen, dass kein zusätzlicher Platz für Icons reserviert bleibt */
.bc-search-page .wp-block-geodirectory-geodir-widget-search input[name="s"],
.bc-search-page .wp-block-geodirectory-geodir-widget-search input[name="snear"]{
  padding-left:16px !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="text"],
.bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="search"],
.bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="email"],
.bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="tel"],
.bc-search-page .wp-block-geodirectory-geodir-widget-search select,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .form-control,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .form-select{
  width:100%;
  max-width:100%;
  min-height:54px;
  border:1px solid rgba(126,96,64,0.14);
  border-radius:14px;
  background:#fff;
  padding:12px 16px;
  color:var(--bc-search-text);
  box-shadow:none;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-search .select2-container{
  width:100% !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-search .select2-selection{
  min-height:54px !important;
  border:1px solid rgba(126,96,64,0.14) !important;
  border-radius:14px !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  padding:6px 12px !important;
  box-shadow:none !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-search button,
.bc-search-page .wp-block-geodirectory-geodir-widget-search .btn,
.bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="submit"]{
  min-width:54px;
  min-height:54px;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid var(--bc-search-brand);
  background:var(--bc-search-brand);
  color:#fff !important;
  box-shadow:none;
}

/* =========================================================
   Loop Actions Toolbar
   ========================================================= */

.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions .geodir-loop-actions-wrap,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions .geodir-loop-actions,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions .geodir-loop-actions-container,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions .geodir-list-view-select{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions .btn,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions button,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions a{
  min-height:44px;
  min-width:44px;
  border-radius:12px;
  border:1px solid rgba(126,96,64,0.12);
  background:
    linear-gradient(
      180deg,
      var(--bc-search-card) 0%,
      var(--bc-search-card-soft) 100%
    );
  color:var(--bc-search-text) !important;
  box-shadow:none;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions .btn.btn-primary,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions .btn.active,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions button.active{
  background:var(--bc-search-brand) !important;
  border-color:var(--bc-search-brand) !important;
  color:#fff !important;
}

/* =========================================================
   Ergebnis-Grid
   ========================================================= */

.bc-search-page .wp-block-geodirectory-geodir-widget-loop .row{
  row-gap:18px !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop .row > .col,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .row > [class*="col-"]{
  margin-bottom:0 !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop .card,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop article,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-gridview > li,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-category-list-view > li{
  overflow:hidden;
  height:100%;
  border-radius:22px !important;
  border:1px solid rgba(126,96,64,0.12) !important;
  background:
    linear-gradient(
      180deg,
      var(--bc-search-card) 0%,
      var(--bc-search-card-soft) 100%
    ) !important;
  box-shadow:var(--bc-search-shadow-sm) !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop .card:hover,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop article:hover,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-gridview > li:hover,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-category-list-view > li:hover{
  transform:translateY(-2px);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  box-shadow:var(--bc-search-shadow-md) !important;
  border-color:rgba(126,96,64,0.18) !important;
}

/* Nur die eigentlichen Listing-/Teaserbilder */
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .card-img-top,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-post-image img,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-image img,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-image img,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-thumb img,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-post-img img{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
}

/* Avatar / Profilbild auf den Karten - Desktop */
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .avatar,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-avatar,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-post-avatar{
  width:96px !important;
  height:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  aspect-ratio:1 / 1 !important;
  border-radius:999px !important;
  overflow:hidden !important;
  flex:0 0 96px !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop img.avatar,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .avatar img,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-avatar img,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-post-avatar img{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:999px !important;
  display:block !important;
}

/* Avatar in schmaleren Ansichten zuverlässig ausblenden */
@media (max-width: 1180px){
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .avatar,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-avatar,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-post-avatar,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-author-image,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-profile-image,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .uwp-avatar,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop [class*="avatar"],
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop img.avatar,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop img[src*="gravatar"],
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop img[src*="avatar"],
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop img[src*="mystery"]{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    flex:0 0 0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop .card-body,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-post-content,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-content,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-content{
  padding:18px !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop h2,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop h3,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop h4,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-title,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .entry-title{
  margin:0 0 10px 0 !important;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-0.02em;
  color:var(--bc-search-text) !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop h2 a,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop h3 a,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop h4 a,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-title a,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .entry-title a{
  color:var(--bc-search-text) !important;
  text-decoration:none;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop p,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-summary,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-field-post_content,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .card-text{
  margin:0 0 12px 0 !important;
  color:var(--bc-search-muted) !important;
  font-size:15px;
  line-height:1.65;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-category-label,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-post-type,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .badge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  border:1px solid rgba(126,96,64,0.12);
  background:rgba(255,255,255,0.76);
  color:var(--bc-search-text);
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop .fa-star,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .fas.fa-star,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop .far.fa-star{
  color:#f4a300;
}

/* =========================================================
   Pagination
   ========================================================= */

.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}

/* Falls GeoDirectory innen noch einen eigenen Wrapper rendert */
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging .geodir-loop-paging-wrap,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging .geodir-pagination,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging .pagination,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging nav{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging .page-numbers,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging .pagination a,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging .pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  border:1px solid rgba(126,96,64,0.12);
  background:
    linear-gradient(
      180deg,
      var(--bc-search-card) 0%,
      var(--bc-search-card-soft) 100%
    );
  color:var(--bc-search-text);
  box-shadow:none;
}

.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging .current,
.bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging .page-numbers.current{
  background:var(--bc-search-brand) !important;
  border-color:var(--bc-search-brand) !important;
  color:#fff !important;
}

/* =========================================================
   Reduced / Tablet
   ========================================================= */

@media (max-width: 1024px){
    
  .bc-search-page{
    --bc-search-top-gap: 0px;
  }
    
    .bc-search-page__inner{
      padding:0 14px 26px 14px;
    }

  .bc-search-page .wp-block-geodirectory-geodir-widget-search{
    padding:16px;
    border-radius:18px;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-search form{
    grid-template-columns:minmax(0, 1fr) minmax(220px, 1fr) auto auto;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-loop h2,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop h3,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop h4,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-title,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .entry-title{
    font-size:24px;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-loop img{
    height:220px;
  }
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px){
    
  .bc-search-page{
    --bc-search-top-gap: 0px;
  }
    
    .bc-search-page__inner{
      padding:0 12px 22px 12px;
    }

  .bc-search-page .wp-block-geodirectory-geodir-widget-search,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop-actions,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop-paging{
    border-radius:16px;
    padding:14px;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-search form{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="text"],
  .bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="search"],
  .bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="email"],
  .bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="tel"],
  .bc-search-page .wp-block-geodirectory-geodir-widget-search select,
  .bc-search-page .wp-block-geodirectory-geodir-widget-search .form-control,
  .bc-search-page .wp-block-geodirectory-geodir-widget-search .form-select,
  .bc-search-page .wp-block-geodirectory-geodir-widget-search .select2-selection{
    min-height:50px !important;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-search button,
  .bc-search-page .wp-block-geodirectory-geodir-widget-search .btn,
  .bc-search-page .wp-block-geodirectory-geodir-widget-search input[type="submit"]{
    width:100%;
    min-width:0;
    min-height:50px;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .row{
    row-gap:14px !important;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-loop h2,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop h3,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop h4,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-title,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .entry-title{
    font-size:20px;
    line-height:1.14;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-loop p,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-entry-summary,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .geodir-field-post_content,
  .bc-search-page .wp-block-geodirectory-geodir-widget-loop .card-text{
    font-size:14px;
    line-height:1.55;
  }

  .bc-search-page .wp-block-geodirectory-geodir-widget-loop img{
    height:200px;
  }
}