/* ============================================================
   AUTOHIVE ESTATE HIVE
   The group footer block: every division shown as its own hexagon
   icon with its name, arranged around the AutoHive bee, centred at
   the foot of every estate page. Mirrors the six division hive on
   autohive.co.za so a visitor meets the same map wherever they land.

   Drop it in immediately before the legal line:
     <div class="ah-hive"> ... </div>
   Mark the current site with class="ah-hive__cell is-current".
   ============================================================ */

.ah-hive {
  max-width: 1080px;
  margin: 0 auto;
  padding: 46px 24px 8px;
  text-align: center;
}

.ah-hive__label {
  color: var(--ah-hive-label, #F5A623);
  font-weight: 900;
  font-size: .78rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.ah-hive__lede {
  margin: 10px auto 0;
  max-width: 46ch;
  font-size: .93rem;
  color: rgba(255, 255, 255, .68);
}

.ah-hive__grid {
  margin-top: 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px 30px;
}

.ah-hive__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  width: 104px;
  border: 0;
  text-decoration: none;
  color: rgba(255, 255, 255, .78);
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: break-word;
  transition: transform .18s ease, color .18s ease;
}
.ah-hive__cell img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  opacity: .82;
  transition: opacity .18s ease, transform .18s ease;
}
.ah-hive__cell:hover,
.ah-hive__cell:focus-visible { color: #fff; transform: translateY(-3px); }
.ah-hive__cell:hover img,
.ah-hive__cell:focus-visible img { opacity: 1; }

/* The page you are on is stated, not linked. */
.ah-hive__cell.is-current { color: #fff; cursor: default; }
.ah-hive__cell.is-current img { opacity: 1; }
.ah-hive__cell.is-current::after {
  content: "You are here";
  font-weight: 700;
  font-size: .66rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ah-hive-label, #F5A623);
}

/* The parent sits below its divisions, holding the hive together. */
.ah-hive__parent {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, .13);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.ah-hive__parent a {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  border: 0;
  color: rgba(255, 255, 255, .85);
  font-weight: 900;
  font-size: .95rem;
  text-decoration: none;
}
.ah-hive__parent a:hover { color: #fff; }
.ah-hive__parent img { width: 40px; height: 40px; object-fit: contain; }

@media (max-width: 560px) {
  .ah-hive__grid { gap: 18px 20px; }
  /* 88px was three pixels narrower than the word "Development", the longest
     unbreakable word in any division name, so that one label spilled its cell
     on every page in the estate. 98px clears it and three cells still fit
     across a 375px screen. */
  .ah-hive__cell { width: 98px; font-size: .72rem; }
  .ah-hive__cell img { width: 48px; height: 48px; }
}