/* ============================================================
   Volné reklamní plochy — veřejná stránka
   (navazuje na css/styles.css — sdílené tokeny, .btn, .container…)
   ============================================================ */
.plochy-hero{padding-bottom:0}
.plochy-hero .section__head{margin-bottom:0}

.plochy-state{text-align:center;color:var(--ink-2);padding:2.5rem 0;font-size:1.05rem}
.plochy-state a{color:var(--brand);font-weight:600}

.plochy-block+.plochy-block{margin-top:clamp(2.5rem,6vw,4rem)}
.plochy-block__title{font-size:clamp(1.4rem,1rem + 1.6vw,2rem);margin-bottom:1.4rem;display:flex;align-items:baseline;gap:.5rem}
.plochy-count{font-family:var(--font-body);font-weight:600;font-size:1rem;color:var(--muted)}
.plochy-block--taken{opacity:.9}
.plochy-block--taken .plochy-block__title{color:var(--ink-2)}

.plochy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.4rem}

/* Karta plochy */
.plocha{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.plocha:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.plocha--taken{opacity:.72;filter:saturate(.6)}
.plocha--taken:hover{transform:none;box-shadow:var(--shadow-sm)}

.plocha__cover{position:relative;aspect-ratio:16/10;background:var(--surface-2)}
.plocha__coverbtn{display:block;width:100%;height:100%;padding:0;cursor:zoom-in}
.plocha__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.plocha__coverbtn:hover img{transform:scale(1.05)}
.plocha__noimg{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:.9rem}
.plocha__badge{position:absolute;top:12px;left:12px;z-index:2;font-family:var(--font-head);font-weight:700;font-size:.78rem;padding:.32rem .7rem;border-radius:var(--pill);color:#fff;box-shadow:var(--shadow-sm)}
.plocha__badge.is-free{background:#1a8a3c}
.plocha__badge.is-taken{background:var(--ink-2)}

.plocha__body{display:flex;flex-direction:column;gap:.7rem;padding:1.3rem 1.4rem 1.4rem}
.plocha__title{font-size:1.25rem}
.plocha__meta{display:flex;flex-direction:column;gap:.4rem}
.plocha__meta li{display:flex;align-items:flex-start;gap:.5rem;color:var(--ink-2);font-size:.95rem}
.plocha__meta svg{flex:none;width:18px;height:18px;margin-top:1px;stroke:var(--brand);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.plocha__desc{color:var(--ink-2);font-size:.95rem;line-height:1.55}

.plocha__gallery{display:flex;gap:.5rem;flex-wrap:wrap}
.plocha__thumb{width:60px;height:48px;border-radius:10px;overflow:hidden;padding:0;cursor:zoom-in;border:1px solid var(--line)}
.plocha__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease)}
.plocha__thumb:hover img{transform:scale(1.08)}
.plocha__more{align-self:center;color:var(--muted);font-size:.85rem;font-weight:600}

.plocha__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
.plocha__actions .btn{padding:.6rem 1.1rem;font-size:.92rem}

/* Spodní CTA */
.plochy-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:clamp(1.6rem,4vw,2.6rem);box-shadow:var(--shadow)}
.plochy-cta h2{font-size:clamp(1.4rem,1rem + 1.6vw,2rem)}
.plochy-cta p{color:var(--ink-2);margin-top:.4rem}
.plochy-cta__btns{display:flex;flex-wrap:wrap;gap:.7rem}

@media (max-width:560px){
  .plochy-grid{grid-template-columns:1fr}
  .plochy-cta{flex-direction:column;align-items:flex-start}
  .plocha__actions .btn{flex:1;justify-content:center}
}