/* ============================================================
   Otsing (search results)  ·  search UI identical to homepage
   ============================================================ */

/* ---------- Hero heading + chips (same as avaleht) ---------- */
.filters{max-width:96rem;margin:0 auto;}
.filters .heading{font-family:var(--font-display);font-size:4.8rem;line-height:1.04;font-weight:800;letter-spacing:-.03em;color:var(--fg);text-align:center;padding-bottom:0;}

.property-type-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:3rem auto 2.4rem;max-width:92rem;}
.property-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;
  min-width:9rem;height:auto;padding:1.4rem 1.6rem;cursor:pointer;position:relative;overflow:hidden;
  background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);color:var(--fg);
  transition:border-color .15s ease,transform .15s ease,background-color .15s ease;}
.property-type:hover,.property-type:focus-visible{border-color:var(--accent);transform:translateY(-2px);background:var(--surface);}
.property-type.selected,.property-type.selected:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff;}
.property-type.selected p{color:#fff;}
.property-type svg{width:2.6rem;height:2.6rem;margin-bottom:0;color:inherit;}
.property-type p{font-size:1.3rem;font-weight:600;color:inherit;}

/* ---------- Dark search panel (same as avaleht) ---------- */
.search-panel{max-width:92rem;margin:0 auto;background:var(--panel);border-radius:var(--radius-lg);padding:2.4rem;box-shadow:var(--shadow);}
.search-panel .inputlabel{display:block;margin-bottom:.7rem;padding-top:0;font-size:1.3rem;font-weight:600;color:rgba(255,255,255,.62);text-align:left;}
.search-panel .input{width:100%;padding:1.2rem 1.3rem;margin:0;font-size:1.5rem;color:#fff;
  background:var(--panel-2);border:1px solid var(--panel-hair);border-radius:var(--radius);
  transition:border-color .15s ease,box-shadow .15s ease;}
.search-panel .input::placeholder{color:rgba(255,255,255,.4);}
.search-panel .input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(150,6,6,.35);transform:none;}
.search-panel select.input{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1.2rem center;background-size:1.6rem;padding-right:3.6rem;}

.search-panel .dynamic-filters>.flex{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;}
.search-panel .dynamic-filters .box{flex:initial;margin:0;}
.search-panel #moreOptions{margin-top:1.6rem;padding-top:1.8rem;border-top:1px solid var(--panel-hair);}
.search-panel #moreOptions>.flex{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;}

.range-input-wrapper{position:relative;}
.input-icon-overlay{display:none;}
.range-display.input{cursor:pointer;padding-right:1.3rem;}

/* Search actions (same as avaleht) */
.button-group{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.8rem;width:100%;}
.button-group .btn-clear,.button-group .btn-toggle{padding:1.1rem 1.8rem;font-size:1.4rem;font-weight:600;text-transform:none;cursor:pointer;
  color:rgba(255,255,255,.85);background:transparent;border:1px solid var(--panel-hair);border-radius:var(--radius);
  display:inline-flex;align-items:center;gap:.8rem;width:auto;transition:background-color .15s ease,border-color .15s ease;}
.button-group .btn-clear:hover,.button-group .btn-toggle:hover,.button-group .btn-clear:focus-visible,.button-group .btn-toggle:focus-visible{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.3);}
.button-group .btn-toggle svg{width:1.5rem;height:1.5rem;}
.button-group .btn-search{margin-left:auto;padding:1.2rem 2.6rem;font-size:1.5rem;font-weight:700;text-transform:none;cursor:pointer;
  color:#fff;background:var(--accent);border:none;border-radius:var(--radius);transition:background-color .18s ease,transform .18s ease;}
.button-group .btn-search:hover,.button-group .btn-search:focus-visible{background:var(--accent-hover);transform:translateY(-1px);}

/* ---------- Sorting bar ---------- */
.sorting-form{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;width:100%;}
.sorting-form .total-posts{font-size:1.5rem;font-weight:700;color:var(--fg);}
.sorting-form form{display:inline-block;width:auto;}
.sorting-form label{font-size:1.4rem;margin-right:1rem;color:var(--muted);padding-top:0;}
.sorting-form select{padding:.9rem 1.2rem;font-size:1.4rem;border-radius:var(--radius);border:1px solid var(--hair);background:var(--surface);color:var(--fg);cursor:pointer;transition:border-color .15s ease;}
.sorting-form select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(150,6,6,.14);}

/* ---------- Result cards (horizontal) ---------- */
.listings .box-container{display:grid;row-gap:1.6rem;}
.listings .box-container form{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius-lg);box-shadow:none;padding:1.8rem;display:flex;gap:2rem;flex-wrap:wrap;align-items:center;transition:box-shadow .2s ease,border-color .2s ease;}
.listings .box-container form:hover{box-shadow:var(--shadow);border-color:var(--hair-strong);}
.listings .box-container form .box{flex:1 1 40rem;overflow-x:hidden;}
.listings .box-container form .box .thumb{height:28rem;position:relative;margin:1.2rem 0;border-radius:var(--radius);overflow:hidden;}
.listings .box-container form .box .thumb img{height:100%;width:100%;object-fit:cover;}
.listings .box-container form .box .thumb .overlay{position:absolute;inset:0;background:rgba(20,22,27,.5);display:flex;justify-content:center;align-items:center;z-index:1;}
.listings .box-container form .box .thumb .overlay span{text-transform:uppercase;user-select:none;pointer-events:none;background:rgba(255,255,255,.95);color:var(--fg);font-size:1.4rem;font-weight:700;padding:.7rem 1.4rem;border-radius:var(--radius);}
.listings .box-container form .box .thumb .total-images{position:absolute;top:1rem;left:1rem;background:rgba(20,22,27,.55);color:#fff;padding:.4rem 1rem;font-size:1.3rem;border-radius:var(--radius-pill);}
.listings .box-container form .box .save{padding:1.1rem 2rem;background:transparent;border:1px solid var(--hair);border-radius:var(--radius);font-size:1.5rem;font-weight:600;cursor:pointer;color:var(--muted);transition:background-color .15s ease,color .15s ease,border-color .15s ease;}
.listings .box-container form .box .save svg{margin-right:1rem;color:var(--accent);vertical-align:middle;}
.listings .box-container form .box .save:hover,.listings .box-container form .box .save:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff;}
.listings .box-container form .box .save:hover svg,.listings .box-container form .box .save:focus-visible svg{color:#fff;}
.listings .box-container form .box .save:hover span,.listings .box-container form .box .save:focus-visible span{color:#fff;}
.listings .box-container form .box .admin{display:flex;align-items:center;gap:1rem;}
.listings .box-container form .box .admin h3{height:4.5rem;line-height:4.5rem;width:4.5rem;border-radius:var(--radius-pill);font-size:1.9rem;color:var(--fg);background:var(--surface-2);text-align:center;text-transform:uppercase;}
.listings .box-container form .box .admin p{padding-bottom:.2rem;color:var(--fg);font-size:1.6rem;font-weight:600;}
.listings .box-container form .box .admin span{color:var(--muted);font-size:1.4rem;}
.listings .box-container form .box .price{font-size:2.2rem;font-weight:800;color:var(--fg);letter-spacing:-.01em;}
.listings .box-container form .box .name{font-size:1.9rem;padding:.8rem 0;color:var(--fg);font-weight:600;line-height:1.4;}
.listings .box-container form .box .location{font-size:1.5rem;color:var(--muted);padding-bottom:1rem;}
.listings .box-container form .box .flex{margin:1rem 0;background:var(--surface-2);border-radius:var(--radius);padding:1.4rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.6rem;}
.listings .box-container form .box .flex p{font-size:1.5rem;flex:1 1 18rem;color:var(--muted);}
.listings .box-container form .box .flex p span{color:var(--fg);font-weight:600;}

.swal2-container{z-index:1100 !important;}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .search-panel #moreOptions>.flex{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .filters .heading{font-size:3.4rem;}
  .search-panel .dynamic-filters>.flex{grid-template-columns:1fr;}
  .search-panel #moreOptions>.flex{grid-template-columns:1fr;}
  .button-group{flex-direction:column;align-items:stretch;}
  .button-group .btn-clear,.button-group .btn-toggle{justify-content:center;}
  .button-group .btn-search{margin-left:0;width:100%;justify-content:center;text-align:center;}
}
@media (max-width:700px){
  .property-type-selector{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:1rem;}
  .property-type-selector::-webkit-scrollbar{display:none;}
  .property-type{flex:0 0 8rem;min-width:8rem;}
}
@media (max-width:450px){
  .filters .heading{font-size:2.9rem;}
  .sorting-form{flex-direction:column;align-items:flex-start;gap:.8rem;}
  .sorting-form form{display:flex;align-items:center;width:100%;}
  .sorting-form select{flex-grow:1;min-width:0;}
  .listings .box-container form .box .thumb{height:20rem;}
}