/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--wz-cream:#f1ece6;--wz-sand:#b9a88f;--wz-olive:#9f1411;--wz-forest:#060606;--wz-gold:#cfae4a;--wz-ink:#050404;--wz-white:#ffffff;--wz-shadow:0 26px 80px rgba(5,4,4,0.38);}body{font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;color:#f3efe9;background:radial-gradient(circle at top,#121010 0%,#0b0a0a 45%,#060606 100%);}h1,h2,h3,h4{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,serif;letter-spacing:0.4px;}.wz-navbar{background:rgba(6,6,6,0.95);backdrop-filter:blur(14px);}.wz-navbar .navbar-brand img{height:44px;}.wz-navbar .nav-link{color:#f3efe9;font-weight:600;letter-spacing:0.6px;}.wz-navbar .nav-link:hover,.wz-navbar .nav-link:focus{color:var(--wz-gold);}.wz-hero{position:relative;min-height:72vh;display:flex;align-items:center;padding:120px 0 90px;color:var(--wz-white);background:linear-gradient(120deg,rgba(5,4,4,0.96),rgba(159,20,17,0.2)),image-set(url(/themes/custom/wellnessspazagreb/assets/img/bg-masthead.webp) type("image/webp"),url(/themes/custom/wellnessspazagreb/assets/img/bg-masthead.jpg) type("image/jpeg")) center/cover no-repeat;}.wz-hero .badge{background:rgba(159,20,17,0.24);color:#fff5ec;border:1px solid rgba(207,174,74,0.7);padding:0.35rem 0.9rem;text-transform:uppercase;font-size:0.75rem;letter-spacing:2px;animation:wz-glow 3s ease-in-out infinite;}.wz-hero h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.1;margin-top:1rem;}.wz-hero p{font-size:1.1rem;max-width:560px;}.wz-hero .btn{padding:0.8rem 1.8rem;font-weight:600;letter-spacing:0.6px;}.wz-hero .btn-primary{background:var(--wz-olive);border-color:var(--wz-olive);color:#fff5ec;}.wz-hero .btn-outline-light{border-color:rgba(255,255,255,0.6);}.btn-dark{background:var(--wz-forest);border-color:var(--wz-forest);}.btn-dark:hover,.btn-dark:focus{background:#050404;border-color:#050404;}.btn-outline-dark{border-color:var(--wz-gold);color:var(--wz-gold);}.btn-outline-dark:hover,.btn-outline-dark:focus{background:var(--wz-gold);color:#120e0b;}.wz-section{padding:90px 0;}.wz-section + .wz-section{padding-top:70px;}.wz-inner-page{padding:140px 0 90px;}.wz-inner-page .wz-page-title{margin-bottom:2rem;}.wz-section-title{text-transform:uppercase;font-size:0.85rem;letter-spacing:3px;color:var(--wz-olive);font-weight:600;}.wz-section-heading{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:0.3px;color:#f7f3ee;}.wz-card{background:#0e0d0d;border-radius:18px;padding:28px;box-shadow:var(--wz-shadow);height:100%;border:1px solid rgba(207,174,74,0.15);animation:wz-fade-up 0.7s ease both;}.wz-card h3{font-size:1.35rem;color:#f7f3ee;}.wz-section:hover .wz-card,.wz-section:focus-within .wz-card{transform:translateY(-2px);}.wz-section .row > [class*="col-"] > :is(.wz-card,.wz-contact-card,.wz-map-card){animation-delay:0s;}.wz-section .row > [class*="col-"]:nth-child(2) > :is(.wz-card,.wz-contact-card,.wz-map-card),.wz-section .row > [class*="col-"]:nth-child(5) > :is(.wz-card,.wz-contact-card,.wz-map-card){animation-delay:0.08s;}.wz-section .row > [class*="col-"]:nth-child(3) > :is(.wz-card,.wz-contact-card,.wz-map-card),.wz-section .row > [class*="col-"]:nth-child(6) > :is(.wz-card,.wz-contact-card,.wz-map-card){animation-delay:0.16s;}.wz-section .row > [class*="col-"]:nth-child(4) > :is(.wz-card,.wz-contact-card,.wz-map-card),.wz-section .row > [class*="col-"]:nth-child(7) > :is(.wz-card,.wz-contact-card,.wz-map-card){animation-delay:0.24s;}.wz-list li{position:relative;padding-left:1.2rem;margin-bottom:0.6rem;}.wz-list li::before{content:\"•\";
  position: absolute;
  left: 0;
  color: var(--wz-gold);
}

.wz-image-stack img {
  border-radius: 18px;
  box-shadow: var(--wz-shadow);
}

.wz-gallery img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.wz-gallery-item {
  border: 0;
  padding: 0;
  background: transparent;
  width: 100%;
  cursor: zoom-in;
}

.wz-gallery-item img {
  border-radius: 16px;
  box-shadow: var(--wz-shadow);
  display: block;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.wz-gallery-item:hover img {
  transform: scale(1.03);
  box-shadow: 0 30px 80px rgba(5, 4, 4, 0.38);
}

.wz-gallery-hidden {
  display: none;
}

.wz-gallery-item:focus-visible {
  outline: 2px solid var(--wz-gold);
  outline-offset: 4px;
  border-radius: 18px;
}

.wz-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(15, 16, 16, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
  z-index: 1050;
}

.wz-lightbox.is-open {
  opacity: 1;
  pointer-events: auto;
}

.wz-lightbox-image {
  max-width: min(1100px, 92vw);
  max-height: 82vh;
  border-radius: 20px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45);
}

.wz-lightbox-close {
  position: absolute;
  top: 24px;
  right: 24px;
  border: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
}

.wz-lightbox-close:hover,
.wz-lightbox-close:focus {
  background: rgba(255, 255, 255, 0.28);
}

.wz-no-scroll {
  overflow: hidden;
}

.wz-icon-list li {
  position: relative;
  padding-left: 1.6rem;
  margin-bottom: 0.6rem;
}

.wz-icon-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: var(--wz-olive);
  box-shadow: 0 0 0 3px rgba(159, 20, 17, 0.28);
}

.wz-icon-heading {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.wz-icon-heading::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: var(--wz-forest);
  box-shadow: 6px 6px 0 0 var(--wz-olive);
  opacity: 0.85;
}

.wz-amenity-card {
  border: 1px solid rgba(207, 174, 74, 0.35);
  box-shadow: 0 30px 90px rgba(3, 3, 3, 0.55);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.wz-unified-card {
  display: flex;
  flex-direction: column;
}

.wz-unified-card > *:last-child {
  margin-bottom: 0;
}

.wz-amenity-card:hover,
.wz-amenity-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(159, 20, 17, 0.55);
  box-shadow: 0 36px 100px rgba(3, 3, 3, 0.65);
}

.wz-card-title {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #f4efe9;
}

.wz-card-title i {
  font-size: 1.1rem;
  color: var(--wz-olive);
}

.wz-icon-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(159, 20, 17, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wz-gold);
}

.wz-icon-circle i {
  font-size: 1.05rem;
  color: var(--wz-gold);
}

.wz-list-icon li {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0.7rem;
  color: #e3ddd7;
  font-size: 0.95rem;
  text-align: left;
}

.wz-list-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem 1.2rem;
  text-align: left;
  justify-items: start;
}

.wz-list-columns li {
  margin-bottom: 0;
  text-align: left;
  justify-content: flex-start;
}

.wz-list-columns li span {
  text-align: left;
  margin-left: 0 !important;
}

.wz-list-columns li span:last-child {
  margin-left: 0 !important;
}

.wz-list-distance li {
  align-items: center;
  justify-content: space-between;
}

.wz-list-distance li span:last-child {
  margin-left: 0.6rem;
  color: #cbb899;
  font-weight: 600;
  white-space: nowrap;
}

.wz-list-icon li i {
  margin-top: 0.18rem;
  color: var(--wz-gold);
  font-size: 0.95rem;
}

.wz-time-pill {
  background: rgba(207, 174, 74, 0.18);
  border: 1px solid rgba(207, 174, 74, 0.55);
  border-radius: 14px;
  padding: 0.65rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.wz-pill-label {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.65rem;
  color: #c8b8a4;
}

.wz-pill-value {
  font-weight: 600;
  color: #f4efe9;
}

.wz-link-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75rem;
}

.wz-link-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  border-radius: 12px;
  border: 1px solid rgba(207, 174, 74, 0.2);
  background: rgba(10, 9, 9, 0.85);
  font-weight: 500;
  color: #f0ece7;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wz-link-pill i {
  color: var(--wz-gold);
}

.wz-link-pill:hover,
.wz-link-pill:focus {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(5, 4, 4, 0.2);
  color: #fff7ef;
  border-color: rgba(192, 24, 20, 0.55);
  text-decoration: none;
}

.wz-link-pill:hover i,
.wz-link-pill:focus i {
  color: var(--wz-olive);
}

.wz-badge-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.wz-info-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.65rem;
  border-radius: 999px;
  background: rgba(159, 20, 17, 0.16);
  border: 1px solid rgba(207, 174, 74, 0.5);
  font-size: 0.84rem;
  color: #f0e7dd;
}

.wz-info-badge i {
  color: var(--wz-olive);
  font-size: 0.9rem;
}

.wz-mini-note {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.65rem;
  border-radius: 10px;
  background: rgba(207, 174, 74, 0.22);
  border: 1px solid rgba(207, 174, 74, 0.7);
  font-size: 0.85rem;
  color: #f0e7dd;
}

.wz-mini-note i {
  color: var(--wz-olive);
}

.wz-subtitle {
  font-size: 0.95rem;
  margin-bottom: 0.55rem;
  margin-top: 0.8rem;
}

.wz-place-list li {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.35rem 0;
  border-bottom: 1px dashed rgba(27, 28, 26, 0.08);
  color: #2d2a27;
  font-size: 0.92rem;
}

.wz-place-list li span:last-child {
  font-weight: 600;
  color: #6a6157;
  white-space: nowrap;
  font-size: 0.9rem;
}

.wz-place-list li:last-child {
  border-bottom: 0;
}

.wz-feature-desc {
  position: relative;
  padding-left: 1.6rem;
}

.wz-feature-desc::before {
  content: "";position:absolute;left:0;top:0.35rem;width:0.7rem;height:0.7rem;border-radius:50%;background:var(--wz-olive);box-shadow:0 0 0 3px rgba(107,122,90,0.2);}.wz-booking-card :is(h1,h2,h3,h4){margin-top:0;}.wz-booking-card .calendar,.wz-booking-card iframe{width:100%;border:0;}.wz-highlight{background:linear-gradient(120deg,rgba(159,20,17,0.16),rgba(207,174,74,0.26));}.wz-footer{background:#050404;color:#d9d3c8;padding:50px 0 20px;}.wz-footer a{color:#d9d3c8;text-decoration:none;}.wz-footer a:hover{color:var(--wz-olive);}.wz-contact-card{background:#0f0f0f;border-radius:16px;padding:22px 24px;border:1px solid rgba(207,174,74,0.2);box-shadow:0 18px 50px rgba(3,3,3,0.5);animation:wz-fade-up 0.7s ease both;}.wz-contact-stack{display:flex;flex-direction:column;gap:1rem;}.wz-contact-block{padding-bottom:0.75rem;border-bottom:1px dashed rgba(27,28,26,0.1);}.wz-contact-block:last-child{border-bottom:0;padding-bottom:0;}.wz-price-block{background:rgba(159,20,17,0.15);border:1px solid rgba(207,174,74,0.35);border-radius:12px;padding:0.85rem 0.9rem;box-shadow:0 12px 28px rgba(3,3,3,0.45);}.wz-price-block strong{color:#f7f3ee;}.wz-contact-card a{color:#f3efe9;text-decoration:none;}.wz-contact-card a:hover{color:var(--wz-gold);}.wz-contact-title{display:flex;align-items:center;gap:0.55rem;font-size:1rem;font-weight:600;color:#f5f1ec;margin-bottom:0.5rem;}.wz-contact-title i{color:var(--wz-gold);}.wz-contact-lead{max-width:620px;color:#d7cec4;}.wz-map-card{border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(3,3,3,0.6);border:1px solid rgba(207,174,74,0.25);animation:wz-fade-up 0.7s ease both;}.wz-map-card iframe{filter:saturate(0.8) contrast(1.1) brightness(0.85);}.wz-map-link{display:block;color:inherit;text-decoration:none;}.wz-map-card{position:relative;}.wz-map-overlay{position:absolute;inset:auto 16px 16px;background:rgba(5,4,4,0.8);color:#fff6ee;border:1px solid rgba(207,174,74,0.7);border-radius:999px;padding:0.5rem 0.9rem;font-size:0.85rem;display:inline-flex;align-items:center;gap:0.45rem;box-shadow:0 12px 30px rgba(5,4,4,0.35);}.wz-map-overlay i{color:var(--wz-gold);}.wz-date-card .wz-card-title{margin-bottom:0.4rem;}.wz-form-label{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;color:#c8b8a4;}.wz-date-form .form-control{border-radius:12px;border:1px solid rgba(207,174,74,0.25);padding:0.6rem 0.75rem;background:#0b0a0a;color:#f2ece6;}.wz-date-form .form-control:focus{border-color:rgba(207,174,74,0.6);box-shadow:0 0 0 0.2rem rgba(159,20,17,0.2);}.text-muted{color:#cfc4b8 !important;}@keyframes wz-fade-up{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}@keyframes wz-glow{0%,100%{box-shadow:0 0 0 rgba(207,174,74,0);}50%{box-shadow:0 0 18px rgba(207,174,74,0.35);}}@media (prefers-reduced-motion:reduce){.wz-card{animation:none;}.wz-hero .badge{animation:none;}.wz-section:hover .wz-card,.wz-section:focus-within .wz-card{transform:none;}}@media (max-width:992px){.wz-list-columns{grid-template-columns:1fr;}.wz-list-columns li{justify-content:flex-start;}.wz-list-columns li span:last-child{margin-left:0 !important;text-align:left;}.wz-unified-card,.wz-card-title,.wz-list-icon{text-align:left;justify-content:flex-start;}.wz-list-icon li{justify-content:flex-start;text-align:left;}.wz-list-icon li span{text-align:left;margin-right:auto;}.wz-hero{padding:120px 0 70px;}.wz-inner-page{padding:120px 0 70px;}.wz-gallery img{height:200px;}}@media (max-width:576px){.wz-hero{min-height:64vh;}.wz-inner-page{padding:110px 0 60px;}.wz-card{padding:22px;}}.wz-unified-card .wz-list-icon,.wz-unified-card .wz-list-icon li,.wz-unified-card .wz-list-icon li span{text-align:left;}