.woocommerce-MyAccount-content {
  @apply w-full;
}

/* Product Gallery/Lightbox */

.woocommerce-product-gallery ol {
  @apply flex flex-row gap-1;
}

.woocommerce-product-gallery__trigger {
  @apply absolute top-5 left-5 -translate-x-1/2 -translate-y-1/2 
           w-7 h-7 flex items-center justify-center z-10 
           bg-white hover:bg-yellow rounded-full p-1 
           hover:scale-105 transition-all ease-in-out
           bg-no-repeat bg-center bg-cover;
  background-size: 55%;
  background-image: url("/wp-content/themes/webb-ellis/assets/img/icons/magnify.svg");
}

.woocommerce-product-gallery__trigger span {
  @apply hidden;
}

.flex-viewport,
.flex-control-nav li {
  @apply mb-1;
}

.pswp__bg {
  @apply !opacity-70;
}

/* Cart/Checkout Pages */

.wc-block-cart-items__header span,
.wp-block-woocommerce-cart-order-summary-heading-block,
.wc-block-components-title,
.wc-block-components-checkout-order-summary__title-text {
  @apply !font-semibold !text-2xl !text-black !leading-[40px] !capitalize;
}

#wc-block-components-totals-coupon__input-coupon {
  @apply border-b border-x-0 border-t-0 rounded-none border-gray-300;
}

.wp-block-woocommerce-cart {
  @apply !px-6;
}

/* Variations */

.woocommerce-variation {
  @apply border-y mb-4;
}

.reset_variations {
  @apply m-6;
}

.woocommerce-variation-availability p {
  @apply p-0 text-base;
}

/* Add to Cart for Variable Products */

.single_variation_wrap {
  @apply flex flex-col;
}

.single_variation {
  @apply !hidden flex flex-row text-xs font-light justify-between w-full py-2;
}

.single_variation p {
  @apply text-xs;
}

.woocommerce-variation-description {
  @apply hidden;
}

/* Product Tags */

.tags {
  @apply flex flex-wrap gap-1;
}

.tags a {
  @apply bg-red/70 text-white text-xs font-light rounded p-1 hover:bg-red hover:text-white hover:no-underline;
}

/* Related Products */

.related ul {
  @apply grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 space-y-0 gap-6;
}

/* Categories */

.categories {
  @apply bg-red absolute top-5 right-5 text-white text-xs font-bold rounded-lg p-2 hover:scale-105 hover:bg-silver transition-all ease-in-out;
}

.categories a {
  @apply hover:text-white;
}

/* Account Dashboard */

.dashboard p {
  @apply text-sm;
}

.dashboard a {
  @apply italic underline;
}

/* Notices */

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  @apply px-4 bg-silver border-none mt-12 w-full md:rounded-full outline-none;
}

.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a {
  @apply !mt-6 md:!mt-0;
}

.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
  @apply hidden;
}

/* Woocommerce Forms */

.woocommerce-form {
  @apply !rounded-lg border-gray-300;
}

.woocommerce-MyAccount-content form {
  @apply w-full;
}

.woocommerce-form-row label,
.form-row label {
  @apply !font-bold !pt-2;
}

.woocommerce-Input,
.woocommerce-input-wrapper input,
.select2-selection--single,
.select2-dropdown,
.select2-search__field {
  @apply !bg-transparent !px-4 !py-3 !rounded-full outline outline-[1px] !outline-silver-dark/50 !border-none;
}

#account_display_name_description {
  @apply text-xs;
}

.woocommerce-form-row,
.form-row {
  @apply !px-0;
}

.woocommerce-orders-table,
.account-payment-methods-table {
  @apply !w-full !border-0;
}

.woocommerce-order-details {
  @apply !w-full mt-4;
}

.woocommerce-customer-details {
  @apply !w-full;
}

.wp-block-woocommerce-empty-cart-block {
  @apply flex flex-col items-center justify-center text-center;
}

.woocommerce-order-overview {
  @apply space-y-0;
}

.woocommerce-Address {
  @apply pt-4;
}

.woocommerce-Address address {
  @apply !leading-loose pt-4;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
  @apply !flex !flex-row !gap-6
}

.woocommerce-MyAccount-navigation-link a, .mini-btn {
  @apply font-bold text-silver-xdark hover:text-yellow-dark hover:!no-underline;
}

.account-page a {
  @apply hover:text-yellow-dark;
}

.sm-title {
  @apply !text-sm;
}

.stock {
  @apply p-0;
}

/* styling for content-single-product.php */

/* prices */
.woocommerce-Price-amount,
.amount,
.price {
  @apply text-sm font-medium text-silver-xdark;
}

.sale-price,
.sale-price .woocommerce-Price-amount,
.sale-price .amount {
  @apply text-base no-underline;
}

.off-sale-price,
.off-sale-price .woocommerce-Price-amount,
.off-sale-price .amount {
  @apply text-sm text-red/90;
}

.woocommerce-mini-cart__total .woocommerce-Price-amount {
  @apply text-sm font-bold;
}

.woocommerce-mini-cart__total strong {
  @apply font-bold;
}

.mini-cart-price .woocommerce-Price-amount {
  @apply text-sm font-light text-gray-700;
}

/* quantity */
.quantity-input .quantity input {
  @apply flex items-center text-center justify-center border w-16 h-8 rounded-full hover:bg-silver transition-all ease-in-out;
}

.wc-block-checkout__actions {
  @apply p-0;
}

.product-label {
  @apply bg-red text-white text-sm font-semibold absolute flex items-center justify-center text-center top-2 right-2 rounded-full aspect-square p-1 z-20 w-10 h-10;
}

.label {
  @apply hidden;
}

/* .woocommerce-breadcrumb {
  @apply font-bold;
}

.woocommerce-breadcrumb a {
  @apply font-light;
} */