/**
 * Header / cover images from tb_property — mobile & tablet tuning.
 */

/* ── Legacy: .cover-banner (background image) ── */
.top-bar .cover-banner {
  background-size: cover !important;
  background-position: center 38% !important;
  background-repeat: no-repeat !important;
  min-height: clamp(220px, 24vw, 420px);
  padding: clamp(20px, 3vw, 36px) 0 !important;
}

.top-bar .cover-banner .container {
  position: relative;
  z-index: 1;
}

/* ── Modern: .site-cover (img) ── */
.cover-img-wrap {
  aspect-ratio: 21 / 6;
  height: auto;
  max-height: min(480px, 46vh);
  min-height: clamp(190px, 28vw, 300px);
}

.cover-img-wrap > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
}

/* Tablet landscape / iPad */
@media (min-width: 769px) and (max-width: 1024px) {
  .top-bar .cover-banner {
    min-height: clamp(200px, 28vw, 340px);
    background-position: center 36% !important;
    padding: clamp(18px, 2.5vw, 28px) 0 !important;
  }

  .cover-img-wrap {
    aspect-ratio: 20 / 6;
    max-height: 380px;
    min-height: clamp(185px, 26vw, 300px);
  }

  .cover-img-wrap > img {
    object-position: center 38%;
  }

  .cover-logo-float {
    top: 48%;
    transform: translate(-50%, -54%);
  }

  .cover-crest-float {
    width: clamp(72px, 10vw, 100px);
    height: clamp(72px, 10vw, 100px);
  }
}

/* Tablet portrait & large phones */
@media (max-width: 768px) {
  .top-bar .cover-banner {
    min-height: clamp(168px, 34vw, 250px);
    background-position: center center !important;
    padding: clamp(14px, 4vw, 22px) 0 !important;
  }

  .top-bar .cover-banner .menu-logo img {
    width: clamp(88px, 22vw, 120px);
    height: auto;
  }

  .cover-img-wrap {
    aspect-ratio: 16 / 7;
    max-height: 280px;
    min-height: clamp(168px, 36vw, 250px);
  }

  .cover-img-wrap > img {
    object-position: center center;
  }

  .cover-img-wrap::after {
    background: rgba(11, 61, 145, 0.18);
  }

  .site-cover {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .top-bar .cover-banner {
    min-height: clamp(150px, 40vw, 215px);
    background-size: cover !important;
    background-position: center 42% !important;
  }

  .cover-img-wrap {
    aspect-ratio: 4 / 3;
    max-height: 240px;
    min-height: clamp(150px, 42vw, 220px);
  }

  .cover-img-wrap > img {
    object-position: center 45%;
  }

  .cover-crest-float {
    width: clamp(64px, 18vw, 78px);
    height: clamp(64px, 18vw, 78px);
    border-width: 3px;
  }

  .cover-logo-float {
    gap: 6px;
    top: 42%;
    transform: translate(-50%, -56%);
  }

  .cover-tagline {
    bottom: 8px;
    padding: 0 10px;
    font-size: clamp(11px, 3.4vw, 14px);
    line-height: 1.3;
  }
}