/* Bosveldrus static site enhancements (Bootstrap 5 + existing MainStyleSheet) */

.brand-logo { height: 28px; width: auto; }

.page-hero{
  background: linear-gradient(135deg, rgba(0,0,0,.70), rgba(0,0,0,.20)),
              url('../Images/WebsiteHeader.png') center/cover no-repeat;
  color:#fff;
}

.content-card { background: rgba(255,255,255,.92); backdrop-filter: blur(6px); }

.prose p { font-size: 1.05rem; line-height: 1.75; }
.prose h2, .prose h3 { margin-top: 1.5rem; }
.prose img { max-width: 100%; height: auto; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.12); }

/* Gallery */
.accom-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:.75rem;
}
@media (min-width:768px){ .accom-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width:1200px){ .accom-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.accom-tile{
  display:block;
  border-radius:16px;
  overflow:hidden;
  background: rgba(255,255,255,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  transform: translateZ(0);
}
.accom-tile img{
  width:100%;
  height:100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform .25s ease, filter .25s ease;
}
.accom-tile:hover img{
  transform: scale(1.04);
  filter: saturate(1.05) contrast(1.05);
}
.gallery-empty{
  border:1px dashed rgba(255,255,255,.35);
  border-radius:16px;
  padding:1rem;
  color: rgba(255,255,255,.8);
}
.btn-facebook {
    background-color: #1877f2;
    border-color: #1877f2;
    color: #fff;
}

    .btn-facebook:hover,
    .btn-facebook:focus {
        background-color: #166fe5;
        border-color: #166fe5;
        color: #fff;
    }

    .btn-facebook:active {
        background-color: #145ddb;
        border-color: #145ddb;
    }

/* Accommodation tab buttons */
.accom-tab {
    --bs-btn-bg: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: #276746; /* slightly darker green */
    --bs-btn-hover-border-color: #276746;
    opacity: 0.65;
}

    .accom-tab.active,
    .accom-tab[aria-selected="true"] {
        opacity: 1;
        box-shadow: 0 0.5rem 1.25rem rgba(0,0,0,.15);
    }