/*
Theme Name: inVogue Child
Theme URI: http://heroplugins.com/
Description: Wallace Hume child theme
Author: HeroPlugins
Author URI: http://heroplugins.com/
Template: invogue
Version: 1.1
Text Domain: invogue-child
*/

/* ===== Product Grid — uniform image heights ===== */
ul.products li.product .htheme_content_product_image {
  height: 0 !important;
  padding-bottom: 133% !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* ===== Typography Cleanup ===== */

/* Override any remaining hardcoded #2B2B2B from parent theme CSS */
.htheme_content_product_title,
.htheme_product_slider_title,
.htheme_tab_title,
.htheme_blog_title {
  color: #1a1a1a !important;
}

/* Kill unreadable light greys from parent theme static CSS */
[style*="color:#C9C9CB"],
[style*="color:#C6C6C6"],
[style*="color:#BBBBBB"],
[style*="color:#E8E8EA"],
[style*="color:#D4D4D4"],
[style*="color:#FAFAFA"] {
  color: #888888 !important;
}

/* Prices — always crisp */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #1a1a1a !important;
}

/* Footer — don't override dark-bg text */
footer, footer a, footer p, footer li,
.htheme_footer, .htheme_footer a, .htheme_footer p {
  color: inherit !important;
}

/* Buttons — white text always */
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.htheme_button,
.single_add_to_cart_button {
  color: #ffffff !important;
}

/* ===== Mobile Optimizations ===== */
@media (max-width: 768px) {
  /* Reduce image height on single-column mobile — 100% width instead of 133% */
  ul.products li.product .htheme_content_product_image {
    padding-bottom: 100% !important;
  }
  
  /* Ensure text doesn't get too small */
  body {
    font-size: 14px !important;
  }
  
  /* Product titles readable on mobile */
  .htheme_content_product_title {
    font-size: 14px !important;
    letter-spacing: 1px !important;
  }
}