@import url("mobile-optimised.css?v=20260908e");

/* Shared refinements for the primary mark and navigation. */
.header nav a.active::after {
  right: 100%;
}

.header nav a:hover::after,
.header nav a.active:hover::after {
  right: 0;
}

/* Dropdown lines follow the same rule: hidden normally, visible only on hover. */
.header nav .nav-dropdown-menu a::after,
.header nav .nav-dropdown-menu a.active::after {
  display: block;
  right: 100%;
}

.header nav .nav-dropdown-menu a:hover::after,
.header nav .nav-dropdown-menu a.active:hover::after {
  right: 0;
}

.cursor-dot,
.menu-toggle b {
  color: #e32636;
  background-color: #e32636;
}

.menu-toggle b {
  display: inline-block;
  background: transparent;
}

/* Narrow layouts have no permanent divider lines. */
@media (max-width: 850px) {
  .header nav > a,
  .header nav > .nav-dropdown,
  .header nav .nav-dropdown-menu,
  .header nav .nav-dropdown-menu a {
    border-bottom: 0 !important;
    text-decoration: none !important;
  }
}

/* Genuine touch navigation has no cursor hover, so it never shows sticky lines. */
@media (hover: none) {
  .header nav a::after,
  .header nav a:hover::after,
  .header nav a.active::after,
  .header nav a.active:hover::after,
  .header nav .nav-dropdown-menu a::after,
  .header nav .nav-dropdown-menu a:hover::after {
    display: none !important;
  }
}

.footer-logo {
  width: 180px;
  height: 180px;
  overflow: visible;
}

.footer-logo img {
  display: block;
  width: 180px;
  height: 180px;
  object-fit: contain;
  object-position: center;
  transform: none !important;
}

.logo-stage img {
  transform: none !important;
}

/* Petal Blush presentation field for the marks section of the brand guide. */
.brand-section:nth-of-type(2) > div {
  background: var(--pink);
  padding: clamp(20px, 3vw, 42px);
}

.brand-section:nth-of-type(2) .logo-stage {
  background: var(--pink);
}