/* layout */
.belina-wrap{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 2rem 1rem;font-family:sans-serif;line-height:1.5;background:#f6f8fb}
.belina-card{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:1rem}
.belina-hr{border:none;border-top:1px solid #e5e7eb;margin:1rem 0}

/* header typography */
.belina-h1{margin:0;font-size:1.6rem;font-weight:800;color:#111}
.belina-sub{margin:.25rem 0 0 0;color:#4b5563;font-size:.95rem}

/* ✅ HERO VIDEO (video behind intro + search filter) */
.belina-hero{
  position:relative;
  overflow:visible;
  border-radius:14px;
  margin-bottom:1rem;
  background:#000;
}

.belina-hero-media{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:14px;
  z-index:0;
}

.belina-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
}

.belina-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.20));
  pointer-events:none;
}

.belina-hero-inner{
  position:relative;
  z-index:2;
  padding:1rem;
}

.belina-hero .belina-h1{ color:#fff; }
.belina-hero .belina-sub{ color:rgba(255,255,255,.92); }

.belina-hero .belina-card{
  background:rgba(255,255,255,.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* filters */
.belina-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
@media (min-width:900px){ .belina-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (min-width:1200px){ .belina-form-grid{grid-template-columns:repeat(5,minmax(0,1fr));} }
@media (max-width:520px){ .belina-form-grid{grid-template-columns:1fr;} }

.belina-label{font-size:.8rem;font-weight:700;color:#111;margin-bottom:.3rem;display:block}

.belina-input,.belina-select{
  width:100%;
  padding:.55rem .7rem;
  border:1px solid #d1d5db;
  border-radius:10px;
  font-size:.95rem;
  box-sizing:border-box;
  background:#fff;
  color:#111;
  max-width:100%;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

.belina-input:focus,
.belina-select:focus{
  outline:none;
  border-color:#a26514 !important;
  box-shadow:0 0 0 3px rgba(162,101,20,.20);
}

.belina-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.85rem;flex-wrap:wrap}
.belina-btn{
  display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;font-size:.95rem;font-weight:700;border-radius:10px;
  text-decoration:none;border:1px solid #111;background:#111;color:#fff;transition:transform .15s ease, box-shadow .15s ease;cursor:pointer
}
.belina-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.belina-btn-outline{background:#fff;color:#111}

@keyframes belinaPulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.04); }
  100% { transform: scale(1); }
}
.belina-btn.belina-btn-search:hover{
  animation: belinaPulse 0.85s ease-in-out infinite;
}

/* Primary row: location + radius same line */
.belina-primary-row{display:flex;gap:.7rem;align-items:flex-start;flex-wrap:wrap}
.belina-primary-row .belina-primary-location{flex:1 1 520px;min-width:260px}
.belina-primary-row .belina-primary-radius{flex:0 0 240px;min-width:220px}
@media (max-width:720px){
  .belina-primary-row .belina-primary-radius{flex:1 1 240px}
}

/* location autocomplete */
.belina-loc-wrap{position:relative}
.belina-suggest{
  position:absolute;left:0;right:0;top:100%;z-index:9999;margin:.25rem 0 0 0;padding:0;list-style:none;
  background:#fff;border:1px solid #d1d5db;border-radius:10px;max-height:260px;overflow:auto;display:none;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
.belina-suggest li{padding:.5rem .65rem;cursor:pointer;display:flex;justify-content:space-between;gap:.75rem}
.belina-suggest li:hover{background:#f3f4f6}
.belina-suggest li[aria-selected="true"]{background:#eef2ff}
.belina-hint{font-size:.8rem;color:#6b7280}

/* radius dropdown */
.belina-dd{position:relative}
.belina-dd-btn{
  width:100%;
  padding:.55rem .7rem;
  border:1px solid #d1d5db;
  border-radius:10px;
  font-size:.95rem;
  box-sizing:border-box;
  background:#fff;
  color:#111;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
.belina-dd-btn:focus{
  outline:none;
  border-color:#a26514 !important;
  box-shadow:0 0 0 3px rgba(162,101,20,.20);
}
.belina-dd-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + .25rem);
  z-index:10000;
  margin:0;
  padding:.25rem 0;
  list-style:none;
  background:#fff;
  border:1px solid #d1d5db;
  border-radius:10px;
  max-height:320px;
  overflow:auto;
  display:none;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; /* ✅ modern font */
}
.belina-dd-menu li{padding:.5rem .7rem;cursor:pointer}
.belina-dd-menu li:hover{background:#f3f4f6}
.belina-dd-menu li[aria-selected="true"]{font-weight:700}

/* ✅ MOBILE "PORTAL" menu */
.belina-dd-menu.is-portal{
  position:fixed !important;
  z-index:2147483000 !important;
}

/* Services */
.belina-services-block{margin-top:.75rem;}
.belina-services-row{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;}

/* checkbox */
:root{--belina-green:#a26514;}
.belina-svc{display:inline-flex;align-items:center;gap:.45rem;font-size:.92rem;color:#111;cursor:pointer;user-select:none;}
.belina-svc input[type="checkbox"]{
  -webkit-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;background:#fff;
  display:inline-grid;place-content:center;margin:0;
}
.belina-svc input[type="checkbox"]::before{
  content:"";width:8px;height:5px;border-left:2px solid var(--belina-green);border-bottom:2px solid var(--belina-green);
  transform:rotate(-45deg);opacity:0;
}
.belina-svc input[type="checkbox"]:checked{border-color:var(--belina-green);background:#fff;}
.belina-svc input[type="checkbox"]:checked::before{opacity:1;}
.belina-svc input[type="checkbox"]:focus{
  outline:none;
  border-color:var(--belina-green);
  box-shadow:0 0 0 3px rgba(162,101,20,.20);
}

/* ✅ Results underline desktop-only (HIDE on mobile again) */
.belina-results-line{display:inline-block;padding-bottom:6px;}
@media (min-width: 768px){
  .belina-results-line{border-bottom:2px solid #045974;}
}
@media (max-width: 767px){ 
  .belina-results-line{ 
    border-bottom: none;   /* hide underline */ 
    padding-bottom: 0;     /* optional: tighten spacing */ 
  } 
} 
.belina-results-line .belina-results-count{ 

  font-weight: 900 !important; 

  color: #111 !important;  /* or just remove the color line entirely */ 
} 

/* grid of cards */
.belina-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1100px){ .belina-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .belina-grid{grid-template-columns:1fr;} }

/* pagination */

/* internal links */
.belina-links{display:flex;flex-wrap:wrap;gap:.5rem .8rem;line-height:1.7}
.belina-links a{color:#111;text-decoration:underline}

/* mobile filters */
.belina-mobile-filter-toggle{display:none;}
.belina-mobile-collapsible{display:block;}

@media (max-width: 640px){
  .belina-mobile-filter-toggle{
    display:flex;
    width:100%;
    margin:.55rem 0 .25rem 0;
    justify-content:space-between;
    align-items:center;
    gap:.6rem;
    padding:.6rem .75rem;
    border-radius:12px;
    border:1px solid #111;
    background:#fff;
    color:#111;
    font-weight:800;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  }
  .belina-mobile-filter-toggle:focus{
    outline:none;
    border-color:#a26514 !important;
    box-shadow:0 0 0 3px rgba(162,101,20,.20);
  }
  .belina-mobile-collapsible{
    display:none;
    margin-top:.35rem;
  }
  .belina-mobile-collapsible.is-open{display:block;}
  .belina-card{padding:.9rem;}
  .belina-actions{justify-content:space-between;}
  .belina-actions .belina-btn{flex:1 1 auto;}
  .belina-actions .belina-btn + .belina-btn{flex:0 0 auto;}

  .belina-dd-menu{ max-height: min(70vh, 360px); }
}
@media (min-width: 641px){
  .belina-mobile-collapsible{display:block !important;}
  .belina-mobile-filter-toggle{display:none !important;}
}