/** Navigation style **/
.navigation-layout {
	background: transparent;
	padding: 16px;
}
.navigation {
	display: flex;
	flex-direction: row;
	margin: 0 8px;
}
.navigation__title {
	width: 100%;
}
.navigation__title-bold {
	font-weight: 800;
}
.navigation__title-light {
	color: #6b7280;
	font-weight: 400;
}

.navigation__view-cart {
	position: relative;
}

.navigation-cart-block {
	align-items: center;
	background-color: inherit;
	display: flex;
	position: relative;
}

.navigation__view-cart-link {
	font-size: 18px;
	color: #000;
	text-decoration: none;
}

.navigation__view-cart-link:hover {
	text-decoration: none;
}

.navigation__view-cart__quantity {
	color: #fff;
	font-size: 10px;
	background-color: #000000;
	position: absolute;
	bottom: -27%;
	right: 2%;
	padding: 3% 7%;
	border-radius: 1000px;
	cursor: pointer;
	display: block;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10px;
	height: 10px;
	overflow: hidden;
	padding: 5px;
}
.navigation__view-cart__quantity:empty {
	display: none;
}
.navigation__view-cart span {
	color: #0d1b2a;
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 4px;
	justify-content: center;
	white-space: nowrap;
	cursor: pointer;
}
.navigation__view-cart span::after {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 45'><path d='M 23 2 C 18.385291 2 14.559689 5.5140788 14.058594 10 L 12 10 C 9.688 10 7.7634375 11.733203 7.5234375 14.033203 L 5.0234375 38.033203 C 4.8914375 39.298203 5.30425 40.566672 6.15625 41.513672 C 7.00825 42.458672 8.228 43 9.5 43 L 38.5 43 C 39.772 43 40.99175 42.458672 41.84375 41.513672 C 42.69575 40.567672 43.106609 39.298203 42.974609 38.033203 L 40.476562 14.033203 C 40.236562 11.733203 38.312 10 36 10 L 33.953125 10 C 33.984125 10.33 34 10.664 34 11 L 34 13 L 36 13 C 36.771 13 37.412187 13.578703 37.492188 14.345703 L 39.992188 38.345703 C 40.036187 38.767703 39.898234 39.189906 39.615234 39.503906 C 39.331234 39.818906 38.924 40 38.5 40 L 9.5 40 C 9.076 40 8.6697188 39.819859 8.3867188 39.505859 C 8.1027187 39.190859 7.9638125 38.767703 8.0078125 38.345703 L 10.507812 14.345703 C 10.587813 13.578703 11.229 13 12 13 L 14 13 L 14 16.5 A 1.50015 1.50015 0 1 0 17 16.5 L 17 11 C 17 7.6687195 19.668719 5 23 5 C 25.989762 5 28.439942 7.1510842 28.912109 10 L 19.132812 10 C 19.048812 10.32 19 10.654 19 11 L 19 13 L 29 13 L 29 16.5 A 1.50015 1.50015 0 1 0 32 16.5 L 32 11 C 32 6.0472805 27.952719 2 23 2 z' /></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 15px;
}

.navigation__view-cart.no-icon span::after {
	content: none;
}

.navigation__view-cart span:hover {
	text-decoration: underline;
}

/** Cart styles **/
shopify-cart::part(dialog) {
	border-radius: 8px;
}
shopify-cart::part(primary-button) {
	background-color: #000;
	border: 0;
	border-radius: 0;
	color: #ffffff;
	font-family: "Jost", sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-radius: 10px;
	transition: all 0.3s ease;
}
shopify-cart::part(primary-button):hover {
	opacity: 0.5;
}
shopify-cart::part(line-heading) {
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	padding-right: 32px;
}
shopify-cart::part(line-price) {
	color: #787473;
	font-size: 16px;
	font-weight: 500;
}

shopify-cart::part(line-image) {
	object-fit: contain;
}

shopify-cart::part(line-image) img {
	object-fit: contain;
}

shopify-cart::part(line-options) {
	font-size: 14px;
}


/** Primary navigation menu **/
.navigation__menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}
.navigation__menu li {
  margin: 0;
  padding: 0;
}
.navigation__menu a {
  color: #0d1b2a;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}
.navigation__menu a:hover {
  text-decoration: underline;
}



/* ─── Mobile Sticky Header Row ─── */
@media (max-width: 800px) {
  /* When JS adds .mobile-sticky to the header row, fix it to the top */
  .fusion-tb-header .fusion-fullwidth.mobile-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 100000 !important;
    background: #f5f1e8 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.10);
  }
  /* Hide logo column when sticky */
  .fusion-tb-header .fusion-fullwidth.mobile-sticky .fusion-builder-column-0 {
    display: none !important;
  }
  /* Placeholder to prevent layout jump */
  .mobile-sticky-placeholder {
    display: none;
  }
}


/* ─── Header Icon Buttons (Account + Cart) ─── */
.navigation-layout {
  display: flex;
  align-items: center;
}
.navigation__icons {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Cart icon trigger button */
.navigation__cart-trigger {
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  color: #0d1b2a;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.navigation__cart-trigger:hover {
  opacity: 0.7;
}
.navigation__cart-trigger svg {
  display: block;
}

/* Cart quantity badge */
.navigation__cart-count {
  position: absolute;
  top: 0;
  right: 0;
  background: #0d1b2a;
  color: #f5f1e8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
}
.navigation__cart-count:empty {
  display: none;
}

/* shopify-account avatar sizing to match cart icon */
shopify-account {
  --shopify-account-avatar-size: 34px;
  color: #0d1b2a;
}

/* ─── Announcement Bar ─── */
.shopify-announcement-bar {
    background: #0f1b2d;
    color: #f5f1e8;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    padding: 9px 16px;
    letter-spacing: 0.05em;
    width: 100%;
    position: relative;
    z-index: 100002;
    box-sizing: border-box;
}

/* ─── Single product blocks row layout ─── */
.shopify-product-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.shopify-product-row .wp-block-shopify-product-shopify-product-block {
    flex: 0 0 260px;
    width: 260px;
    min-width: 0;
}
@media (max-width: 600px) {
    .shopify-product-row {
        flex-direction: column;
    }
    .shopify-product-row .wp-block-shopify-product-shopify-product-block {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* ─── Northside: Shop spirit wear button spacing (all Northside pages) ─── */
.page-id-139 .wp-block-buttons,
.page-id-194 .wp-block-buttons,
.page-id-200 .wp-block-buttons,
.page-id-205 .wp-block-buttons,
.page-id-208 .wp-block-buttons,
.page-id-211 .wp-block-buttons {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

/* ─── Northside: Mobile page title size ─── */
@media (max-width: 800px) {
    .page-id-139 .wp-block-post-title,
    .page-id-194 .wp-block-post-title,
    .page-id-200 .wp-block-post-title,
    .page-id-205 .wp-block-post-title,
    .page-id-208 .wp-block-post-title,
    .page-id-211 .wp-block-post-title {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }
}

/* ─── Mobile menu z-index fix ─── */
.fusion-tb-header {
    position: relative;
    z-index: 99999;
}
.awb-menu.expanded {
    position: relative;
    z-index: 99999;
}
.awb-menu.expanded .awb-menu__main-ul {
    position: relative;
    z-index: 99999;
}