/* Vila Suzana V1.7 – zajednicki footer, prilagodjen telefonima.
   Ne dira CMS, galerije, statistiku ni ostali dizajn. */
footer.vs-footer {
  box-sizing: border-box;
  background: #192e28;
  color: #e8eee8;
  border-top: 3px solid #b89a73;
  margin: 0;
  padding: 0;
  font: 15px/1.65 Arial, sans-serif;
}
footer.vs-footer .vs-footer-grid {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px 36px;
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(0,.75fr) minmax(0,1fr);
  gap: clamp(24px,4vw,70px);
  align-items: start;
}
footer.vs-footer .vs-footer-grid section {min-width:0;margin:0;padding:0}
footer.vs-footer .vs-footer-grid h3 {
  font: 700 15px/1.4 Arial, sans-serif;
  letter-spacing: .065em;
  color: #f6efe2;
  margin: 0 0 14px;
}
footer.vs-footer .vs-footer-grid p {
  font: inherit;
  color: #c8d4cd;
  margin: 0 0 10px;
  max-width: 370px;
}
footer.vs-footer .vs-footer-grid a {
  box-sizing: border-box;
  display: block;
  width: fit-content;
  max-width: 100%;
  padding: 5px 0;
  color: #e8eee8;
  text-decoration: none;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
footer.vs-footer .vs-footer-grid a:hover,
footer.vs-footer .vs-footer-grid a:focus-visible {color:#e8c79b;text-decoration:underline;text-underline-offset:4px}
footer.vs-footer .vs-footer-grid section:last-child a {
  width: 100%;
  max-width: 310px;
  display: flex;
  align-items: center;
  min-height: 45px;
  margin-bottom: 10px;
  padding: 10px 13px;
  border: 1px solid rgba(232,238,232,.24);
  border-radius: 7px;
  background: rgba(255,255,255,.055);
  font-weight: 700;
  line-height: 1.45;
}
footer.vs-footer .vs-footer-grid section:last-child a:hover,
footer.vs-footer .vs-footer-grid section:last-child a:focus-visible {background:rgba(255,255,255,.11)}
footer.vs-footer .vs-footer-bottom {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 24px 22px;
  border-top: 1px solid rgba(255,255,255,.18);
  color: #b8c6bc;
  font-size: 12px;
  line-height: 1.5;
}
/* Kratka tamna traka pre footera na stranicama apartmana. */
body .bottom {background:#213a33;color:#fff}
body .bottom .wrap {
  box-sizing:border-box;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
body .bottom .wrap strong {display:block}
body .bottom .wrap a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  white-space:normal;
}
body .bottom .wrap a:hover,body .bottom .wrap a:focus-visible{text-decoration:underline;text-underline-offset:4px}
@media (max-width: 780px) {
  footer.vs-footer .vs-footer-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 24px;padding:36px 22px 28px}
  footer.vs-footer .vs-footer-grid section:first-child {grid-column:1 / -1}
}
@media (max-width: 580px) {
  footer.vs-footer .vs-footer-grid {grid-template-columns:minmax(0,1fr);gap:26px;padding:32px 20px 24px}
  footer.vs-footer .vs-footer-grid section:first-child {grid-column:auto;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.15)}
  footer.vs-footer .vs-footer-grid section:nth-child(2) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}
  footer.vs-footer .vs-footer-grid section:nth-child(2) h3 {grid-column:1 / -1;margin-bottom:5px}
  footer.vs-footer .vs-footer-grid section:nth-child(2) a {width:auto;min-width:0;padding:7px 0}
  footer.vs-footer .vs-footer-grid section:last-child a {max-width:100%;margin-bottom:10px}
  footer.vs-footer .vs-footer-bottom {padding:17px 20px 22px}
  /* Originalni mobilni CSS je display:block, a strong/a potom ostanu spojeni. */
  body .bottom .wrap {display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:14px;padding-bottom:14px}
  body .bottom .wrap a {min-height:44px;display:inline-flex;align-items:center}
}