/* v1.8.23 targeted UI recovery */

/* --- Product photo: keep the main image visible, hide ugly extra thumbs --- */
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs,
.single-product div.product .woocommerce-product-gallery .flex-control-nav,
.single-product div.product .woocommerce-product-gallery .thumbnails,
.single-product div.product .woocommerce-product-gallery .slick-dots,
.single-product div.product .images .flex-control-thumbs,
.single-product div.product .images .flex-control-nav,
.single-product div.product .images .thumbnails,
.single-product div.product .images .slick-dots,
.single-product div.product .images .product-thumbnails,
.single-product div.product .images .thumbnail_image,
.single-product div.product .afp-format-mini-gallery {
  display: none !important;
}

/* Do NOT hide slider tracks/lists: some themes use them for the main image */
.single-product div.product .woocommerce-product-gallery .slick-track,
.single-product div.product .woocommerce-product-gallery .slick-list,
.single-product div.product .images .slick-track,
.single-product div.product .images .slick-list {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.single-product div.product .woocommerce-product-gallery,
.single-product div.product .images {
  background: transparent !important;
}

.single-product div.product .woocommerce-product-gallery__wrapper,
.single-product div.product .flex-viewport,
.single-product div.product .images > a:first-child,
.single-product div.product .woocommerce-product-gallery__image {
  background: transparent !important;
  box-shadow: none !important;
}

/* --- Format field: clean premium shell --- */
.afp-widget .afp-control--format-simple {
  border: 1px solid rgba(223,198,185,.9) !important;
  border-radius: 28px !important;
  background: #fffaf7 !important;
  box-shadow: none !important;
}

.afp-widget .afp-control--format-simple select#afp_format {
  min-height: 72px !important;
  height: 72px !important;
  padding: 0 68px 0 24px !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--afp-text) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

/* --- Area field: remove the "second background" and keep one clean shell --- */
.afp-widget .afp-control--area-simple,
.afp-widget .afp-control--area-simple::before,
.afp-widget .afp-control--area-simple::after,
.afp-widget .afp-area-input,
.afp-widget .afp-area-input::before,
.afp-widget .afp-area-input::after {
  background: transparent !important;
  box-shadow: none !important;
}

.afp-widget .afp-control--area-simple {
  border: 1px solid rgba(223,198,185,.9) !important;
  border-radius: 28px !important;
  background: #fffaf7 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.afp-widget .afp-area-input {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 72px !important;
  padding: 0 !important;
  border: 0 !important;
}

.afp-widget .afp-control--area-simple #afp_area {
  width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 154px 0 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--afp-text) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.afp-widget .afp-control--area-simple #afp_area:focus {
  outline: none !important;
  box-shadow: none !important;
}

.afp-widget .afp-area-addon {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.afp-widget .afp-area-stepper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.afp-widget .afp-area-stepper__button,
.afp-widget .afp-input-unit-pill,
.afp-widget [data-afp-input-unit] {
  box-shadow: none !important;
}

.afp-widget .afp-area-stepper__button {
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(181,108,82,.16) !important;
  background: #f7ece5 !important;
  color: var(--afp-accent) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.afp-widget .afp-area-stepper__button:hover,
.afp-widget .afp-area-stepper__button:focus-visible {
  background: #f2e4db !important;
  border-color: rgba(181,108,82,.24) !important;
}

.afp-widget .afp-input-unit-pill,
.afp-widget [data-afp-input-unit] {
  min-width: 50px !important;
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(181,108,82,.16) !important;
  background: #f7ece5 !important;
  color: var(--afp-accent) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* no extra wrapper/background around input mode */
.afp-widget .afp-input-mode-switch,
.afp-widget .afp-order-unit-switch {
  margin-top: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.afp-widget .afp-input-mode-switch__button {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(181,108,82,.16) !important;
  background: #fffaf7 !important;
  color: var(--afp-accent) !important;
  box-shadow: none !important;
}

.afp-widget .afp-input-mode-switch__button.is-active {
  background: linear-gradient(180deg, #c47b5d 0%, #b56c52 100%) !important;
  color: #fffdfb !important;
  border-color: rgba(181,108,82,.3) !important;
}

/* --- Bottom total/actions: restore a calm premium footer --- */
.afp-widget .afp-submit-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(223,198,185,.9) !important;
}

.afp-widget .afp-submit-row__total {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.afp-widget .afp-submit-row__label {
  font-size: 12px !important;
  letter-spacing: .14em !important;
}

.afp-widget .afp-submit-row__total strong {
  font-size: clamp(34px, 3.2vw, 46px) !important;
  line-height: .95 !important;
}

.afp-widget .afp-add-to-cart.single_add_to_cart_button.button.alt,
.afp-widget .afp-checkout-button.button {
  min-height: 54px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(181,108,82,.18) !important;
  box-shadow: none !important;
}

.afp-widget .afp-add-to-cart.single_add_to_cart_button.button.alt {
  background: linear-gradient(180deg, #c47b5d 0%, #b56c52 100%) !important;
  color: #fffdfb !important;
}

.afp-widget .afp-checkout-button.button {
  background: #fffaf7 !important;
  color: var(--afp-accent) !important;
}

@media (max-width: 767px) {
  .afp-widget .afp-control--format-simple,
  .afp-widget .afp-control--area-simple { min-height: 64px !important; border-radius: 24px !important; }
  .afp-widget .afp-control--format-simple select#afp_format,
  .afp-widget .afp-control--area-simple #afp_area { min-height: 64px !important; height: 64px !important; font-size: 17px !important; }
  .afp-widget .afp-control--area-simple #afp_area { padding-right: 144px !important; }
  .afp-widget .afp-submit-row { flex-direction: column !important; align-items: stretch !important; }
  .afp-widget .afp-submit-row__actions { justify-content: stretch !important; }
  .afp-widget .afp-add-to-cart.single_add_to_cart_button.button.alt,
  .afp-widget .afp-checkout-button.button { width: 100% !important; }
}