/* RODIN — rezervácia (variant A). Farby zón (--zc) musia sedieť s rodin_rez_zones() v logic.php. */
#rezervacia .rez-zkarta[data-zone="coworking"]{--zc:#73B4DB}
#rezervacia .rez-zkarta[data-zone="community"]{--zc:#9FBF75}
#rezervacia .rez-zkarta[data-zone="family"]{--zc:#F4B183}
#rezervacia .rez-zkarta[data-zone="terasa"]{--zc:#EAC47C}
#rezervacia .rez-zony{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
#rezervacia .rez-zkarta{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;min-height:76px;padding:8px 12px 8px 8px;border:1.5px solid var(--zc);border-radius:12px;cursor:pointer;transition:background-color .2s,box-shadow .2s,transform .2s}
#rezervacia .rez-zkarta:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(62,48,34,.12)}
#rezervacia .rez-zkarta:focus-visible{outline:2px solid #7D472E;outline-offset:2px}
#rezervacia .rez-zkarta[aria-checked="true"]{background-color:var(--zc);border-color:#3E3022;box-shadow:0 0 0 1px #3E3022}
#rezervacia .rez-zkarta__img{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}
#rezervacia .rez-zkarta__body{display:flex;flex-direction:column;gap:3px;min-width:0}
#rezervacia .rez-zkarta__name{display:flex;align-items:center;gap:8px;margin:0;font-family:'Raleway',sans-serif;font-size:14px;font-weight:700;line-height:1.2;color:#3E3022}
#rezervacia .rez-zkarta__name::before,.rez-spot-btn::before{content:"";flex-shrink:0;box-sizing:border-box;width:20px;height:20px;border:2px solid #3E3022;border-radius:5px;background:#fff center/12px 12px no-repeat}
#rezervacia .rez-zkarta[aria-checked="true"] .rez-zkarta__name::before,.rez-spot-btn[aria-checked="true"]::before{background-color:#3E3022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
#rezervacia .rez-zkarta__tags{margin:0;font-family:'Raleway',sans-serif;font-size:12px;line-height:1.35;color:#4A3B2C}

#rezervacia .rez-pick{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;align-items:start;width:100%}
.rez-fp{width:100%}
.rez-fp__frame{position:relative}
.rez-fp img{display:block;width:100%;height:auto}
.rez-fp svg{position:absolute;inset:0;width:100%;height:100%}
.rez-spot{fill:#2B2118;fill-opacity:0;stroke:transparent;stroke-width:6;stroke-linejoin:round;cursor:pointer;transition:fill-opacity .25s,stroke .2s}
.rez-fp[data-has-sel="true"] .rez-spot{fill-opacity:.42}
.rez-spot:hover,.rez-fp[data-has-sel="true"] .rez-spot:hover{fill:#fff;fill-opacity:.3;stroke:#3E3022}
.rez-spot:focus{outline:none}
.rez-spot:focus-visible{stroke:#7D472E;stroke-dasharray:18 10}
.rez-fp[data-has-sel="true"] .rez-spot.is-sel{fill-opacity:0}
.rez-sel-halo{fill:none;stroke:#FFFDF9;stroke-width:16;stroke-linejoin:round;pointer-events:none}
.rez-sel-line{fill:none;stroke:#3E3022;stroke-width:7;stroke-linejoin:round;pointer-events:none}
.rez-fp__cap{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-family:'Raleway',sans-serif;font-size:13.5px;line-height:1.4;color:#3E3022}
.rez-fp__dot{width:10px;height:10px;border-radius:50%;background:#CFBFB6;flex-shrink:0}

.rez-spots{display:flex;flex-direction:column;gap:8px}
.rez-spots__list{display:flex;flex-direction:column;gap:8px}
.rez-spots__label{margin:0 0 2px;font-family:'Raleway',sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6B5F54}
.rez-spots__hint{margin:0;font-family:'Raleway',sans-serif;font-size:13px;line-height:1.5;color:#6B5F54}
.rez-spot-btn{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;padding:10px 14px;border-radius:10px;border:1.5px solid #E4D9CC;background:#fff;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;line-height:1.3;color:#3E3022;cursor:pointer;text-align:left}
.rez-spot-btn::before{width:20px;height:20px;border-width:1.5px}
.rez-spot-btn[aria-checked="true"]{border-color:#3E3022;background:color-mix(in srgb,var(--zc) 38%,#fff)}

@media(max-width:1100px){#rezervacia .rez-pick{grid-template-columns:1fr}.rez-fp{max-width:520px}}
@media(max-width:600px){
  #rezervacia .rez-zony{grid-template-columns:1fr;gap:8px}
  #rezervacia .rez-zkarta{min-height:80px}
  #rezervacia .rez-zkarta__img{width:64px;height:64px}
  #rezervacia .rez-zkarta__name{font-size:15px}
  #rezervacia .rez-zkarta__name::before{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){#rezervacia .rez-zkarta,.rez-spot{transition:none}}