/*
Theme Name: Lumei Child
Theme URI: http://www.wpbingosite.com/lumei
Author: wpbingo
Description: This is a child theme for Lumei
Version: 1.0.0
Author URI: http://wpbingosite.com
Template: lumei
Text Domain: lumei-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* 
 * We import "Lora" (a beautiful Serif font) ONLY for numbers.
 * It matches the elegance of Cormorant Garamond much better.
 */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400&text=0123456789.%2C%E2%82%B9&display=swap');



/* Increase product card height */
ul.products-list li.product .products-thumb {
    height: 685px !important;
}

/* Mobile height for product card */
@media (max-width: 767px) {
    ul.products-list li.product .products-thumb {
        height: 300px !important;
    }
}

ul.products-list li.product .products-thumb a {
    height: 100%;
    display: block;
}

ul.products-list li.product .products-thumb img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
/*     object-position: top !important; */
}



/* Apply Lora (which only has numbers) first, then fallback to Cormorant Garamond */
:root {
  --font-family-base: 'Lora', 'Cormorant Garamond', serif !important;
}
/* 
 * FIX 1: We don't even need a different font! 
 * Cormorant Garamond has beautiful "normal height" numbers built-in.
 * We just need to activate them using 'lining-nums' so they don't drop down.
 */
body, p, span, div, td, th, li, a, h1, h2, h3, h4, h5, h6, .price, .amount, .quantity input {
  font-variant-numeric: lining-nums !important;
  font-feature-settings: "lnum" 1 !important;
}

/* 
 * FIX 2: Control the Font Weight for Numbers 
 * We set the weight to 300 or 400 so it looks thin and elegant.
 */
.price, .amount, .woocommerce-Price-amount, td, .quantity input {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important; /* Forces it to be thin and elegant */
}