/*
 Theme Name:   Vogify Child
 Theme URI:    https://vogify.wpengine.com/
 Description:  Vogify Child Theme
 Author:       the WeDesignTech team
 Author URI:   https://wedesignthemes.com/
 Template:     vogify
 Version:      1.0.0
 Text Domain:  vogify-child
 Tested up to: 6.8 
 Requires PHP: 7.4
 Tags: Blog,Portfolio
 License: GNU General Public License v2 or later License URI: https: //www.gnu.org/licenses/gpl-2.0.html
 Copyright (C) 2025 designthemes. All rights reserved.
*/
/* ===== Vogify: Border for white/light color swatches ===== */
.product_swatch.proswatch-color > div {
  border: 1.5px solid #cccccc !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
}

/* ===== Vogify Mobile: Fix Add to Cart + Quantity ===== */
@media (max-width: 768px) {

  /* Stack quantity + button vertically */
  form.cart,
  .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* Make quantity wrapper full width */
  .quantity,
  .quantity.quantity-with-plusminus {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Make Add to Cart button full width */
  .single_add_to_cart_button,
  button.single_add_to_cart_button {
    width: 100% !important;
    text-align: center !important;
  }

  /* Make Buy Now full width (already looks okay but just in case) */
  .product-button-cart .button,
  .wc_btn_wrapper a,
  .wc_btn_wrapper button {
    width: 100% !important;
  }

  /* Fix product-buttons-wrapper stacking */
  .product-buttons-wrapper,
  .product-button {
    width: 100% !important;
    flex-direction: column !important;
  }
}