/** Shopify CDN: Minification failed

Line 393:0 Expected "}" to go with "{"

**/
.wt-header--fashion .wt-header__search .svg-icon {
  display: none;
}
.wt-header--fashion .wt-header__search .visually-hidden {
  width: auto;
  clip: unset;
  position: static !important;
  overflow: auto;
  height: auto;
  color: #717171;
  text-transform: uppercase;
}
body:not(.search-overlay-on) .wt-header--v3 .wt-header__search{
  width: 76px !important;
}
.wt-header--fashion .wt-header__search {
  order: 3;
  margin-left: 20px; /* add spacing from the logo */
}
.wt-footer {
  position: relative;
}

.wt-footer__aside-block--social {
  position: absolute;
  top: 10px;
  left: 0;
  padding: 3;
}
/* Style and position the header */
.yellowday-footer-header {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #444;
}
#YellowdayCommunityHeader {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wt-footer__aside__wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.wt-footer__body {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.wt-footer_aside-block--social {
  display: inline-flex;
  gap: 16px;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.wt-footer_aside-block--social a.social-link {
  margin: 0 !important;
  display: inline-block;
}
.footer-menus {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.footer-dropdown {
  position: relative;
  width: 100%;
}

.footer-dropdown-button {
  background: none;
  border: none;
  color: #717171; 
  font-family: inherit;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  padding: 0;
}

.footer-dropdown-content {
  display: none;
  position: relative;
  background-color: transparent; /* Match footer background */
  box-shadow: none;
  padding-left: 10px;
}

.footer-dropdown-content a {
  color: #717171; 
  text-decoration: none;
  display: block;
  padding: 6px 0;
}

.footer-dropdown-content a:hover {
  text-decoration: underline;
}

.footer-dropdown:hover .footer-dropdown-content {
  display: block;
}
.footer-menus {
  align-self: flex-start;
  margin-left: 0 !important;
}
/* Ensure the header panel items are laid out using flexbox */
.wt-header__panel {
  display: flex;
  justify-content: flex-end; /* Align items to the right */
  align-items: center;       /* Align the items vertically in the center */
}
.wt-header__panel__item--account { order: 2; }
.wt-header__panel__item--cart { order: 3; }
.wt-header__panel__item--search { order: 1; }
.wt-header__panel {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.wt-header__panel {
  display: flex;
  justify-content: space-between;  /* Even spacing between items */
  align-items: center;
}

.wt-header__panel__item {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;  /* Adjust as necessary */
}

.wt-header__panel__item a,
.wt-header__panel__item button {
  text-decoration: none;  /* Removes underlines */
}

.wt-header__panel__item--search {
  order: 1;
}

.wt-header__panel__item--account {
  order: 2;
}

.wt-header__panel__item--cart {
  order: 3;
}
.wt-header__panel__item--account {
  margin-left: 0px;  /* Space before Account */
  margin-right: 10px; /* Space after Account */
}

.wt-header__panel__item--cart {
  margin-left: 15px;  /* Space before Cart */
}
.wt-header__panel__item--account {
  padding-left: 0 !important;   /* Remove left padding */
  padding-right: 0 !important;  /* Remove right padding */
}
/* Remove margin on the left side of the Account item */
.wt-header__panel__item--account {
  margin-left: 0 !important;   /* Removes left margin */
}
.wt-footer {
  position: relative;
}

.bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  padding: 10px 0;
}

.wt-footer__aside__copy {
  margin: 0; /* Ensure there is no extra margin around the text */
}
.wt-footer__body {
  display: flex;
  justify-content: space-between;  /* Align items at opposite ends */
  align-items: flex-start;         /* Align items at the top */
  width: 100%;
}

.wt-footer__aside {
  text-align: center;  /* Centers the copyright text */
  width: 100%;
}
/* Keep Yellowday Community and social media spacing intact */
.yellowday-footer-header {
  margin-bottom: 20px; /* Adjust this as needed to keep space between header and menu */
}

/* Target the footer menu block and reduce space between items */
.footer-menus {
  margin-bottom: 0; /* Remove any extra margin around the menu */
  padding-bottom: 0;
}

/* Reduce the spacing between the menu and the social media icons */
.wt-footer__aside {
  margin-top: -10px; /* Move the footer content up closer to the menu */
  padding-top: 0;
}

/* Adjust specific collapsible menu spacing if needed */
.footer-dropdown {
  margin-bottom: 10px; /* Reduce space between menu items */
}

/* Optional: Fine-tune social media spacing */
.wt-footer__aside-block--social {
  margin-top: 10px; /* Adjust the top margin as needed */
}

/* Ensure the footer's text content doesn't shift around */
.wt-footer__aside__copy {
  margin-top: 10px;
}
/* Align the footer menu to the left */
.footer-menus {
  display: flex;
  justify-content: flex-start; /* Align items to the left */
  margin-left: 0; /* Ensure there's no extra margin on the left */
}

/* Ensure the dropdown menu is aligned to the left */
.footer-dropdown {
  width: auto; /* Allow the dropdown to take up only the necessary width */
}

/* Remove any additional padding or margin inside the footer menus */
.footer-menus .footer-dropdown button {
  margin-left: 0; /* Remove any left margin */
  padding-left: 0; /* Remove left padding */
}

/* Ensure the footer content aligns to the left */
.wt-footer__body {
  display: flex;
  flex-direction: column; /* Stack items vertically */
  align-items: flex-start; /* Align content to the left */
}
/* Align the collapsible menu content to the left when expanded */
.wt-collapse__target {
  text-align: left; /* Ensure the text inside the collapsible rows aligns to the left */
  margin-left: 0; /* Remove any margin to the left */
  padding-left: 0; /* Remove any padding to the left */
}

/* Ensure the collapsible section title is aligned to the left */
.wt-footer__title {
  text-align: left; /* Align the title to the left */
  margin-left: 0; /* Remove left margin from the title */
}

/* Align the dropdown menu items within the collapsible rows */
.wt-footer__list {
  list-style-type: none; /* Ensure there's no bullet point for list items */
  padding-left: 0; /* Remove padding */
}

.wt-footer__list__item {
  margin-left: 0; /* Remove margin from each list item */
}

.wt-footer__list__item a {
  text-align: left; /* Align the links to the left */
  display: block; /* Ensure the links take up full width */
  padding-left: 0; /* Remove any padding left on links */
}
.footer-dropdown {
  margin-bottom: 1rem;
}

.footer-dropdown-button {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
}

.footer-dropdown-content {
  padding-left: 1rem;
}

.footer-icon {
  font-size: 1.25rem;
}
a {
  text-decoration: none !important;
}
.footer-icon {
  flex-shrink: 0; /* Prevent it from shrinking or shifting */
  width: 12px;
  height: 12px;
  margin-left: 12px;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
}
.footer-dropdown-button {
  width: 100%;
  text-align: left;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  cursor: pointer;
}

.footer-button-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-button-text {
  flex-grow: 1;
}

.footer-icon {
  margin-left: 1rem;
  font-size: 0.85rem;
}
/* Target the footer dropdown container */
.footer-menus {
  position: relative;
  top: -15px; /* Move the dropdown menus upwards */
}

@media screen and (max-width: 768px) {
  .footer-menus {
    top: -20px; /* Adjust for mobile */
  }
/* === MOBILE: Show icon only, hide search text === */
@media screen and (max-width: 749px) {
  .wt-header__search-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px !important;
    background: none !important;
    border: none !important;
  }

  .wt-header__search-trigger svg {
    width: 24px !important;
    height: 24px !important;
    display: inline-block !important;
    fill: currentColor !important;
  }

  .wt-header__search-trigger .text {
    display: none !important;
  }
}

/* === DESKTOP: Show text only, hide icon === */
@media screen and (min-width: 750px) {
  .wt-header__search-trigger svg {
    display: none !important;
  }

  .wt-header__search-trigger .text {
    display: inline !important;
    font-size: 16px !important;
    font-weight: 700;
    color: #222; /* Adjust this to your theme */
  }
}