/* ============================================================
   RestAssured — Shopify Buy Button Style Overrides
   Loaded on static site pages with embedded Buy Buttons.
   Requires iframe:false in Buy Button config for these to apply.
   ============================================================ */

/* --- Add to Cart button --- */
.shopify-buy__btn {
  background: #7AB53A !important;
  color: #FDFCFA !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  padding: 0.9rem 2rem !important;
  border-radius: 100px !important;
  border: none !important;
  box-shadow: 0 2px 12px rgba(122, 181, 58, 0.25) !important;
  min-height: 48px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: transform 150ms ease-out,
              box-shadow 150ms ease-out,
              background-color 150ms ease-out !important;
}

.shopify-buy__btn:hover {
  background: #6a9a32 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(122, 181, 58, 0.35) !important;
}

.shopify-buy__btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 8px rgba(122, 181, 58, 0.2) !important;
}

.shopify-buy__btn:focus {
  outline: 2px solid #7AB53A !important;
  outline-offset: 3px !important;
}

.shopify-buy__btn[disabled] {
  background: #E8E4DE !important;
  color: #5F6B7A !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

/* --- Cart drawer --- */
.shopify-buy__cart {
  background: #FDFCFA !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.shopify-buy__cart__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  color: #3d3d3d !important;
}

.shopify-buy__cart__header {
  border-bottom: 1px solid #E8E4DE !important;
}

/* --- Cart items --- */
.shopify-buy__cart-item__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 1.1rem !important;
  color: #3d3d3d !important;
}

.shopify-buy__cart-item__price {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.1rem !important;
  color: #5F6B7A !important;
}

.shopify-buy__cart-item__variant-title {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.8rem !important;
  color: #5F6B7A !important;
}

.shopify-buy__cart-item {
  border-bottom: 1px solid #E8E4DE !important;
}

/* --- Cart subtotal & checkout --- */
.shopify-buy__cart__subtotal {
  font-family: 'Inter', system-ui, sans-serif !important;
  color: #3d3d3d !important;
  border-top: 1px solid #E8E4DE !important;
}

.shopify-buy__cart__subtotal__price {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.3rem !important;
  color: #3d3d3d !important;
}

.shopify-buy__btn--cart-checkout {
  background: #7AB53A !important;
  border-radius: 100px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.shopify-buy__btn--cart-checkout:hover {
  background: #5C8F28 !important;
}

/* --- Cart notice (service fee explanation) --- */
.shopify-buy__cart__notice {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.85rem !important;
  color: #5F6B7A !important;
  background: #F7F4F0 !important;
  border-radius: 8px !important;
  padding: 0.75rem 1rem !important;
  margin: 0.75rem 0 !important;
  line-height: 1.6 !important;
}

/* --- Cart empty state --- */
.shopify-buy__cart-empty-text {
  font-family: 'Inter', system-ui, sans-serif !important;
  color: #5F6B7A !important;
}

/* --- Floating cart toggle button --- */
.shopify-buy__cart-toggle {
  background: #7AB53A !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 16px rgba(122, 181, 58, 0.3) !important;
  transition: transform 150ms ease-out, box-shadow 150ms ease-out !important;
}

.shopify-buy__cart-toggle:hover {
  background: #6a9a32 !important;
  transform: scale(1.05) !important;
  box-shadow: 0 6px 24px rgba(122, 181, 58, 0.4) !important;
}

.shopify-buy__cart-toggle__count {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* --- Quantity selectors --- */
.shopify-buy__quantity-decrement,
.shopify-buy__quantity-increment {
  border-color: #E8E4DE !important;
  color: #5F6B7A !important;
  background: #FDFCFA !important;
}

.shopify-buy__quantity-decrement:hover,
.shopify-buy__quantity-increment:hover {
  border-color: #7AB53A !important;
  color: #7AB53A !important;
}

.shopify-buy__quantity {
  font-family: 'Inter', system-ui, sans-serif !important;
  color: #3d3d3d !important;
}

/* --- Variant / option selectors --- */
.shopify-buy__option-select__label {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #5F6B7A !important;
}

.shopify-buy__option-select__select {
  font-family: 'Inter', system-ui, sans-serif !important;
  border-color: rgba(95, 107, 122, 0.25) !important;
  border-radius: 10px !important;
  color: #5F6B7A !important;
  background: #FDFCFA !important;
}

.shopify-buy__option-select__select:focus {
  border-color: #7AB53A !important;
  box-shadow: 0 0 0 4px rgba(122, 181, 58, 0.2) !important;
}

/* --- Gold variant for featured products --- */
.package-featured .shopify-buy__btn {
  background: #C9A84C !important;
  box-shadow: 0 2px 12px rgba(201, 168, 76, 0.3) !important;
}

.package-featured .shopify-buy__btn:hover {
  background: #A88A3C !important;
  box-shadow: 0 6px 24px rgba(201, 168, 76, 0.4) !important;
}

/* --- Close button on cart drawer --- */
.shopify-buy__btn--close {
  color: #5F6B7A !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: auto !important;
  padding: 0.5rem !important;
}

.shopify-buy__btn--close:hover {
  color: #3d3d3d !important;
  transform: none !important;
}
