.no-border-radius img {
	border: none !important;
	border-radius: 0 !important;
}

.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #ffffff;
/* Ensures solid background */
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

body {
	margin: 0;
	padding-top: 30px;
}

@media (max-width: 768px) {
  .no-stack-header {
    flex-wrap: nowrap !important;
  }

  .no-stack-header .wp-block-column {
    flex: 1 1 auto !important;
    max-width: 33.333% !important;
  }

  .no-stack-header .wp-block-column:nth-child(2) {
    display: flex;
    justify-content: center;
  }

  .no-stack-header .wp-block-column:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
  }
}

/* Default: hide mobile menu */
.mobile-menu {
  display: none !important;
}

/* On mobile: hide desktop, show mobile */
@media (max-width: 767px) {
  .desktop-menu {
    display: none !important;
  }

  .mobile-menu {
    display: block !important;
  }
}

/* Force desktop navigation to stay inline */
.desktop-nav-inline .wp-block-navigation__container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 1.5rem !important;
}

.desktop-nav-inline .wp-block-navigation-item {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}


.wp-block-navigation__container .wp-block-navigation-item a {
  font-family: "Instrument Serif", serif !important;
  font-size: 1.4rem !important; /* Adjust size as needed */
  font-weight: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.4 !important;
}
.wp-block-navigation__container .wp-block-navigation-item a {
  text-transform: uppercase !important;
}





/* Hide placeholder text completely */
.dgwt-wcas-search-input::placeholder {
  color: transparent !important;
}

/* Hide the search button */
.dgwt-wcas-search-submit {
  display: none !important;
}




.dgwt-wcas-search-form,
.dgwt-wcas-sf-wrapp {
  width: 300px !important;
  max-width: 300px !important;
  flex: none !important;
}



.wp-block-query-title {
  font-size: 60px !important; /* Or whatever size you prefer */
}


@media (max-width: 767px) {
  .wp-block-query-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
    word-break: break-word;
    max-width: 90%;
    margin-inline: auto;
  }
}




.wp-block-query-title {
  font-weight: 600; /* Desktop */
}

@media (max-width: 767px) {
  .wp-block-query-title {
    font-weight: 400; /* Mobile - lighter! */
  }
}


/* More space between top-level items like "Our Story" and "Tea?" */
.wp-block-navigation__container > .wp-block-navigation-item {
  margin-bottom: 16px; /* adjust as needed */
}

/* LESS space between "Tea?" and its sub-items */
.wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
  margin-top: 4px; /* tighten the gap */
}

/* Clearer spacing between sub-items like "Loose Leaf Tea" */
.wp-block-navigation__submenu-container .wp-block-navigation-item {
  margin-bottom: 10px; /* space between child items */
}
/* ========== MOBILE ONLY ========== */
@media (max-width: 768px) {

  /* More space between ALL top-level items */
  .wp-block-navigation__container > .wp-block-navigation-item {
    margin-bottom: 24px;
  }

  /* Extra space above "Shipping & Orders" */
  .wp-block-navigation__container > .wp-block-navigation-item:last-child {
    margin-top: 32px;
  }

  /* Reduce gap between “TEA?” and submenu */
  .wp-block-navigation__submenu-container {
    padding-top: 0 !important;
    margin-top: -6px !important;
  }

  /* Subtle submenu spacing */
  .wp-block-navigation__submenu-container .wp-block-navigation-item {
    margin-top: 1px !important;
  }

  /* Optional: indent submenu items */
  .wp-block-navigation__submenu-container .wp-block-navigation-item a {
    padding-left: 10px;
  }
}






/* Desktop only: stabilise hover dropdown */
@media (min-width: 1024px) {
  .wp-block-navigation__container > .wp-block-navigation-item {
    position: relative;
  }

  .wp-block-navigation__submenu-container {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 1000 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    border: none !important;
    box-shadow: none !important;
  }

  .wp-block-navigation__container > .wp-block-navigation-item:hover .wp-block-navigation__submenu-container,
  .wp-block-navigation__submenu-container:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}





@media (max-width: 768px) {
  .page-id-519 .wp-block-flexible-slider,
  .page-id-519 .wp-block-group,
  .page-id-519 .wp-block-cover,
  .page-id-519 .wp-block-image,
  .page-id-519 .wp-block-columns,
  .page-id-519 .wp-block-column {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
  }

  .page-id-519 .wp-block-flexible-slider img {
    width: 100% !important;
    height: auto !important;
  }

  .page-id-519 .swiper-container-outer {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  .page-id-519 .swiper-container-outer img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .page-id-519 body {
    overflow-x: hidden !important;
  }
}






@media screen and (min-width: 768px) {
  .fix-header-gap {
    margin-top: 120px !important;
  }
}






.responsive-spacer {
  height: 115px !important;
}

@media (max-width: 768px) {
  .responsive-spacer {
    height: 20px !important;
  }
}




a.added_to_cart.wc_forward {
  display: none !important;
}





@media (min-width: 1024px) {
  /* Ensure all menu items are positioned correctly */
  .wp-block-navigation__container > .wp-block-navigation-item {
    position: relative !important;
  }

  /* Full clickable area for submenu links */
  .wp-block-navigation-item__content {
    display: block !important;
    background-color: transparent !important;
    transition: background-color 0.2s ease;
  }

  /* Strong hover background effect */
  .wp-block-navigation-item__content:hover {
    background-color: #ffffff !important;
  }

  /* Handle non-clickable top-level spans (like COLLECTION) */
  .wp-block-navigation-item__label {
    display: inline-block;
    padding: 0.5em 1em;
    transition: background-color 0.2s ease;
  }

  /* Optional: hover effect on top-level labels too */
  .wp-block-navigation-item:hover > .wp-block-navigation-item__label {
    background-color: #ffffff !important;
  }

  /* Submenu visibility control */
  .wp-block-navigation__submenu-container {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  /* Show submenu when hovering over parent or submenu itself */
  .wp-block-navigation__container > .wp-block-navigation-item:hover .wp-block-navigation__submenu-container,
  .wp-block-navigation__submenu-container:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Optional: improve spacing between submenu items */
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 0.5em 1em;
  }
}