/* Styles for the booking links added to the original site's pages. */
.dcr-nav-book {
  color: #fff !important; background: var(--color-red-600, #e7000b); border-radius: 999px;
  padding: .45rem 1rem; font-weight: 700; text-decoration: none; transition: background .2s;
}
.dcr-nav-book:hover { background: var(--color-red-500, #fb2c36); }

.dcr-cta-book {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: 999px; background: #fff; color: #000;
  padding: .875rem 1.5rem; font-size: .875rem; line-height: 1.25rem; font-weight: 700; text-decoration: none;
  transition: background .2s, color .2s;
}
.dcr-cta-book:hover { background: var(--color-red-500, #fb2c36); color: #fff; }

.dcr-fab {
  position: fixed; right: 1rem; bottom: calc(1rem + env(safe-area-inset-bottom)); z-index: 60;
  display: inline-flex; align-items: center; gap: .5rem; border-radius: 999px;
  background: var(--color-red-600, #e7000b); color: #fff; padding: .85rem 1.25rem;
  font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-decoration: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .12);
  animation: dcr-fab-in .4s ease both .6s;
}
.dcr-fab:hover { background: var(--color-red-500, #fb2c36); }
@media (min-width: 768px) { .dcr-fab { display: none; } }
/* Sit just above the site's own bottom menu bar on phones */
.dcr-fab.dcr-fab-raised { bottom: calc(var(--dcr-bar, 72px) + .75rem + env(safe-area-inset-bottom)); padding: .7rem 1.1rem; font-size: .75rem; }
@keyframes dcr-fab-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* WhatsApp logos next to WhatsApp links */
.dcr-wa-icon { display: inline-block; flex: none; object-fit: contain; pointer-events: none; }
.dcr-wa-pill { display: inline-flex !important; align-items: center; justify-content: center; gap: .6rem; }
.dcr-wa-icon-pill { width: 1.35em; height: 1.35em; margin: -.2em 0; transition: transform .2s ease; }
.dcr-wa-pill:hover .dcr-wa-icon-pill { transform: scale(1.08); }
.dcr-wa-card { position: relative; }
.dcr-wa-icon-card { position: absolute; top: 1.4rem; right: 1.4rem; width: 2.25rem; height: 2.25rem; opacity: .95; transition: transform .25s ease; }
.dcr-wa-card:hover .dcr-wa-icon-card { transform: scale(1.08) rotate(-4deg); }
.dcr-wa-text { white-space: nowrap; }
.dcr-wa-icon-text { width: 1.15em; height: 1.15em; margin-right: .35em; vertical-align: -0.22em; }