/* Studio search page (/studios). Base tokens and components come from nuit.css. */

/* .btn and other components set display: keep the hidden attribute working */
.rs-results [hidden]{display:none!important}

/* hero + search bar */
.rs-hero{padding-bottom:56px}
.rs-hero .lead{margin-bottom:32px}
.rs-search label.rs-where{flex:2 1 220px}
.rs-search select{appearance:auto;cursor:pointer}
.rs-search input[type="date"]{min-height:28px}

/* filters */
.rs-results{padding:40px 0 72px}
.rs-filters{display:flex;flex-direction:column;gap:20px;margin:0 0 28px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.rs-filters fieldset{min-width:0}
.rs-legend{float:left;width:100%;margin:0 0 10px;padding:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.rs-types,.rs-options{display:flex;flex-wrap:wrap;gap:8px}
.rs-options span{min-height:40px;padding:0 14px;font-size:15px}
.rs-options input:checked + span::before{content:"✓";margin-right:6px;font-weight:700}
.rs-row{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:16px}
.rs-row select{cursor:pointer}
.rs-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.rs-apply{display:none}
.rs-reset{margin:0;font-size:15px}
.rs-reset a{color:var(--red-deep);font-weight:600}
.rs-filters-toggle{display:none;background:var(--white);color:var(--ink);border:1px solid var(--line-2);margin:0 0 16px}
.rs-filters-toggle:hover{border-color:var(--ink)}
.rs-badge[hidden]{display:none}
.rs-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--red);color:var(--white);font-size:13px}

/* results bar */
.rs-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:0 0 20px}
.rs-count{font-size:17px;color:var(--ink)}
.rs-maptoggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--white);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.rs-maptoggle:hover{border-color:var(--ink)}
.rs-maptoggle[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.rs-maptoggle[hidden]{display:none}
.rs-note{margin:-8px 0 20px;padding:12px 16px;border-radius:14px;background:#FFF4D6;color:#5A4300;font-size:15px}

/* map */
.rs-map{height:460px;border-radius:22px;overflow:hidden;margin:0 0 24px;border:1px solid var(--line);background:#E9E6E0}
.rs-pin{position:absolute;transform:translate(-50%,-100%);padding:5px 10px;border-radius:999px;border:2px solid var(--white);background:var(--ink);color:var(--white);font:600 13px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.rs-pin.is-sponso{background:var(--red)}
.rs-pin:hover,.rs-pin:focus-visible{z-index:2;background:var(--red-deep)}
.rs-info{display:flex;flex-direction:column;gap:4px;max-width:220px;text-decoration:none;color:var(--ink);font-family:Inter,system-ui,sans-serif}
.rs-info img{width:100%;height:110px;object-fit:cover;border-radius:10px;margin-bottom:4px}
.rs-info b{font-size:14px;line-height:1.3}
.rs-info span{font-size:13px;color:var(--grey)}

/* cards (same card as the home page) */
.rs-card .ph img{background:var(--paper)}
.rs-sponso{position:absolute;right:14px;top:14px;background:rgba(15,15,16,.82);color:var(--white);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}
.rs-card .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}
.rs-min{flex-basis:100%;font-size:14px;color:var(--grey)}

/* loading skeleton */
.rs-skel{pointer-events:none}
.rs-skel-ph{height:210px;background:var(--paper)}
.rs-skel .body i{display:block;height:14px;border-radius:7px;background:var(--paper)}
.rs-skel .body i.w80{width:80%;height:20px}
.rs-skel .body i.w60{width:60%}
.rs-skel .body i.w40{width:40%;margin-top:14px;height:20px}
.rs-skel-ph,.rs-skel .body i{background:linear-gradient(90deg,#EFEDE8 0%,#F8F7F4 50%,#EFEDE8 100%);background-size:200% 100%;animation:rs-shine 1.3s ease-in-out infinite}
@keyframes rs-shine{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.rs-skel-ph,.rs-skel .body i{animation:none}}

/* empty / error state */
.rs-empty{margin:8px 0 0;padding:32px;border-radius:22px;background:var(--white);border:1px solid var(--line);color:var(--grey)}
.rs-empty p{margin:0 0 8px}
.rs-empty-title{font-family:Archivo,sans-serif;font-weight:800;font-size:24px;color:var(--ink)}
.rs-empty-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.rs-empty .btn-ghost{color:var(--ink)}
.rs-results .more-row .btn[disabled]{opacity:.7;cursor:progress}

/* SEO block + hotline */
.rs-seo .lead{max-width:none}
.rs-h3{margin:0 0 16px}
.rs-h3 + .chips{margin-bottom:32px}
.rs-hotline{padding:0 0 88px}
.rs-hotline .hotline{margin-top:88px}

@media (max-width:767px){
  .rs-hero{padding-bottom:40px}
  .rs-results{padding:24px 0 56px}
  .rs-filters-toggle{display:inline-flex}
  .rs-filters.rs-js:not(.is-open){display:none}
  .rs-filters.rs-js .rs-apply{display:inline-flex;flex:1 1 100%}
  .rs-filters{padding:20px 16px}
  .rs-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-row .field:last-child{grid-column:1/-1}
  .rs-map{height:360px}
  .rs-empty{padding:24px 20px}
  .rs-empty-actions .btn{flex:1 1 100%}
  .rs-hotline{padding-bottom:64px}
  .rs-hotline .hotline{margin-top:64px}
  .hotline a.tel{white-space:normal}
}