/* SG Product Title Actions V1 | 2026-11-03
   Progressive enhancement of existing SGW11 PDP Save button. Does not change pricing, SEO, or tabs. */
.product-dp #sgta-v1 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,auto) minmax(0,1fr);
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0 0 12px;
  position: relative;
}
.product-dp #sgta-v1 .sgta-v1__title {
  grid-column: 2;
  min-width: 0;
  text-align: center;
  max-width: 100%;
}
.product-dp #sgta-v1 .sgta-v1__title > :first-child {
  margin: 0 !important;
  max-width: 100%;
}
.product-dp #sgta-v1 .sgta-v1__tools {
  grid-column: 3;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  min-width: 0;
}
.product-dp #sgta-v1 .sgta-v1__heart-wrap {
  width: 38px;
  height: 38px;
  position: relative;
  display: block;
  flex: none;
}
.product-dp #sgta-v1 button.sgta-v1__save,
.product-dp #sgta-v1 button.sgta-v1__share {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(70,55,40,.13) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.88) !important;
  color: #28231e !important;
  box-shadow: 0 1px 6px rgba(20,15,10,.035) !important;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease;
  -webkit-tap-highlight-color: transparent;
}
/* Original wishlist controller owns the button and continues to update its text and aria-pressed. */
.product-dp #sgta-v1 button.sgta-v1__save {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  white-space: nowrap !important;
}
.product-dp #sgta-v1 button.sgta-v1__save:hover,
.product-dp #sgta-v1 button.sgta-v1__share:hover {
  background: #f6f2ed !important;
  border-color: rgba(70,55,40,.28) !important;
}
.product-dp #sgta-v1 button:focus-visible {
  outline: 2px solid #8f6a43 !important;
  outline-offset: 2px;
}
.product-dp #sgta-v1 button.sgta-v1__save:disabled { opacity: .52; cursor: wait; }
.product-dp #sgta-v1 .sgta-v1__symbol {
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: grid;
  place-items: center;
  color: #28231e;
}
.product-dp #sgta-v1 .sgta-v1__symbol svg { display:block; width:22px; height:22px; }
.product-dp #sgta-v1 .sgta-v1__heart-wrap[data-saved="true"] .sgta-v1__symbol path {
  fill: #8f6a43 !important;
  stroke: #8f6a43 !important;
}
.product-dp #sgta-v1 .sgta-v1__share svg { display: block; width:19px; height:19px; }
.product-dp #sgta-v1 .sgta-v1__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 170;
  box-sizing: border-box;
  min-width: 190px;
  padding: 6px;
  background: #fff;
  color: #28231e;
  border: 1px solid #e7dfd5;
  border-radius: 11px;
  box-shadow: 0 14px 32px rgba(30,20,10,.12);
  text-align: left;
}
.product-dp #sgta-v1 .sgta-v1__menu[hidden] { display: none !important; }
.product-dp #sgta-v1 .sgta-v1__menu button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 11px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  text-align: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
}
.product-dp #sgta-v1 .sgta-v1__menu button:hover,
.product-dp #sgta-v1 .sgta-v1__menu button:focus-visible { background: #f6f2ed; }
/* Only activated after the JS successfully builds the new action row. */
.product-dp.sgta-v1--enhanced .sgw11-pdp-actions {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  white-space: nowrap;
  clip-path: inset(50%);
}
.product-dp .sgta-v1--old-share-hidden { display: none !important; }
.sgta-v1__sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 767px) {
  .product-dp #sgta-v1 {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
    padding: 0 12px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .product-dp #sgta-v1 .sgta-v1__title { grid-column: 1; text-align: left; }
  .product-dp #sgta-v1 .sgta-v1__title > :first-child {
    text-align: left !important;
    font-size: clamp(17px,4vw,21px) !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow-wrap: break-word;
  }
  .product-dp #sgta-v1 .sgta-v1__tools { grid-column: 2; gap: 6px; }
  .product-dp #sgta-v1 .sgta-v1__heart-wrap,
  .product-dp #sgta-v1 button.sgta-v1__save,
  .product-dp #sgta-v1 button.sgta-v1__share {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }
  .product-dp #sgta-v1 .sgta-v1__symbol svg { width:19px; height:19px; }
  .product-dp #sgta-v1 .sgta-v1__share svg { width:17px; height:17px; }
}
@media (prefers-reduced-motion: reduce) {
  .product-dp #sgta-v1 button { transition: none !important; }
}
