/*
 * Header overrides, layered on top of style.css.
 *
 * Parked in this dedicated file rather than style.css while the design session
 * has that file in flight (avoids clobbering its in-flight edits on commit);
 * fold into style.css when convenient. Selectors are one level more specific
 * than the base rules so they win regardless of stylesheet load order.
 */

/*
 * Phones only (≤640px, the theme's phone breakpoint): the drawer already
 * carries cart / wishlist / account, so the header bar shows only the logo +
 * hamburger. Hide the icon cluster's icons (heart, cart, account).
 *
 * Tablets (641–900px, e.g. iPad Mini at 768px) keep the icons — there is room,
 * and a bare logo + hamburger looks empty. The hamburger still shows there
 * (theme shows it ≤900px for the nav menu), so tablets get icons + hamburger.
 */
@media (max-width: 640px) {
	.bto-hd-right .bto-hd-ic {
		display: none;
	}
}

/*
 * Drawer quick links (Booking cart / Wishlist / My account): 14px, and ink for
 * both text and icon (the icons stroke with currentColor, so the link colour
 * carries them). A divider under the last link (My account) matches the nav
 * item dividers above it.
 */
/* Centre the quick-link group between its top line (Promotions divider) and its
   bottom line (the My-account divider below): no top margin, and 12px vertical
   padding on the links gives an equal 12px gap above the first link and below
   the last (matching the nav items' rhythm). */
.bto-drawer .bto-drawer-sub {
	margin-top: 0;
}

.bto-drawer .bto-drawer-sub > a {          /* direct children only — not the nested language links */
	font-size: 14px;
	color: var(--bto-ink, #1c1d1f);
	padding: 12px 8px;
}

.bto-drawer .bto-drawer-sub > a:last-of-type {   /* My account — line below it */
	border-bottom: 1px solid rgba(28, 29, 31, .06);
}