/* ═══════════════════════════════════════════════════════════════
   shortlet.css — the "Shortlets are also allowed" banner
   (Hotels home page + Rooms page). Uses the site's own colours;
   delete the <section id="shortlet-band"> block and this file's
   <link> to remove it.
   ═══════════════════════════════════════════════════════════════ */

.shortlet-band {
  padding: 52px 7vw;
  background:
    linear-gradient(120deg, rgba(232,160,32,.16) 0%, rgba(232,67,32,.09) 55%, rgba(17,14,9,0) 100%),
    var(--deep);
  border-top: 1px solid rgba(232,160,32,.3);
  border-bottom: 1px solid rgba(232,160,32,.3);
}
.shortlet-inner {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, auto);
  gap: 2rem 3.5rem; align-items: center;
}

.shortlet-tag {
  display: inline-flex; align-items: center; gap: .5rem;
  background: rgba(232,160,32,.14); border: 1px solid rgba(232,160,32,.32);
  color: var(--gold-ink); border-radius: 99px; padding: .38rem 1rem;
  font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 600;
  margin-bottom: 1rem;
}
.shortlet-tag svg { width: 14px; height: 14px; flex-shrink: 0; }
.shortlet-copy h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2.2rem, 4.6vw, 3.4rem); line-height: 1; letter-spacing: .03em;
}
.shortlet-copy h2 em { font-style: normal; color: var(--gold-ink); }
.shortlet-copy p {
  font-size: .95rem; line-height: 1.65; color: rgb(var(--cream-rgb) / calc(.68 * var(--text-k)));
  margin-top: .8rem; max-width: 460px;
}

.shortlet-side { display: flex; flex-direction: column; gap: 1.2rem; }
.shortlet-prices { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.shortlet-price {
  background: var(--char); border: 1px solid rgb(var(--line-rgb) / calc(.1 * var(--line-k)));
  border-radius: 14px; padding: 1.1rem 1.4rem; text-align: center; min-width: 0;
}
.shortlet-price.featured { border-color: var(--gold); background: rgba(232,160,32,.1); }
.shortlet-price .amt {
  display: block; font-family: 'Bebas Neue', sans-serif;
  font-size: 2.3rem; line-height: 1; color: var(--gold-ink); letter-spacing: .02em;
}
.shortlet-price .per {
  display: block; margin-top: .4rem;
  font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--mist);
}
.shortlet-actions { display: flex; gap: .8rem; flex-wrap: wrap; }
.shortlet-actions a { text-decoration: none; }

@media (max-width: 900px) {
  .shortlet-inner { grid-template-columns: 1fr; gap: 1.6rem; }
  .shortlet-copy p { max-width: 560px; }
}
@media (max-width: 768px) {
  .shortlet-band { padding: 42px 5vw; }
}
@media (max-width: 480px) {
  .shortlet-price { padding: .95rem .8rem; }
  .shortlet-price .amt { font-size: 2rem; }
  .shortlet-actions { flex-direction: column; }
  .shortlet-actions a { justify-content: center; text-align: center; width: 100%; }
}