/* ==========================================
   1. DEFAULT STATE (Applies to all inner pages)
   ========================================== */

/* Hide the homepage logo by default */
.textlogo {
  display: none !important;
}

/* Make sure the standard site logo is visible */
.sitelogo {
  display: block !important; /* or inline-block, depending on your layout */
}

/* ==========================================
   2. HOMEPAGE OVERRIDE
   ========================================== */

/* When inside the .homepage body, show the home logo */
.homepage .textlogo {
  display: block !important;
}

/* When inside the .homepage body, hide the standard site logo */
.homepage .sitelogo {
  display: none !important;
}

.ba-item-add-to-cart .ba-custom-select input {
	color: #d5b26f !important;
}

.ba-add-to-cart-row-value[data-type="color"] > span {
  border: 4px solid #d5b26f !important;
  border-radius: 50%; /* Keeps it circular if swatches are round */
  display: inline-flex !important;
  padding: 2px !important;
}

/* Container layout */
.ba-add-to-cart-row-value[data-type="color"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  max-width: 320px;
  margin-top: 8px !important;
}

/* Outer gold ring wrapper */
.ba-add-to-cart-row-value[data-type="color"] > span {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important; /* Removed padding to stop background bleeding */
  box-sizing: border-box !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Inner swatch circle - uses actual background color variable */
.ba-add-to-cart-row-value[data-type="color"] > span > span:first-child {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  display: block !important;
  background-color: var(--variation-color-value) !important;
  box-shadow: none !important; /* Kills any default inner border rings */
}

/* Kill any extra Gridbox pseudo-element borders */
.ba-add-to-cart-row-value[data-type="color"] > span > span:first-child::before,
.ba-add-to-cart-row-value[data-type="color"] > span > span:first-child::after {
  display: none !important;
}

.ba-account-wrapper {
  padding-top: 300px;
}