/*
Theme Name: biothala
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/* ===================================================================
   Biothala - Refonte : images de taille uniforme dans les listings
   =================================================================== */
ul.products li.product .woocommerce-loop-product__link img,
ul.products li.product a img,
.related.products ul.products li.product img,
.up-sells ul.products li.product img,
.cross-sells ul.products li.product img,
.yith-wcan-ajax-container ul.products li.product img,
.yith-wcas-results-wrapper .product img,
.woocommerce-product-gallery__image img,
.product-image-swap img,
.porto-tb-products .product img {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	object-fit: contain;
	background: #ffffff;
	object-position: center;
}

/* second image (hover swap) alignee sur la meme grille */
ul.products li.product .porto-image-second {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #ffffff;
}

/* cartes produit : titres sur 2 lignes max pour un alignement propre */
ul.products li.product h3,
ul.products li.product .product-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
}


/* Filet de securite : icones de wishlist qui pourraient s'afficher sans contrainte de taille */
.add_to_wishlist svg,
.yith-wcwl-add-to-wishlist svg,
a.add_to_wishlist svg,
[id^="yith-wcwl-icon"] {
	width: 20px !important;
	height: 20px !important;
	max-width: 20px !important;
	max-height: 20px !important;
	display: inline-block !important;
}

/* ===== Unification typographique sitewide (headings Lora, texte Mulish) ===== */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Mulish:wght@400;500;600;700&display=swap');

body, p, li, span, a, button, input, textarea,
.woocommerce-loop-product__title, .product-title, .product-title a,
.price, .woocommerce-Price-amount, .amount,
.main-menu > ul > li > a, .navbar-nav > li > a,
.porto-tb-content, .porto-posts-grid .post-content {
	font-family: 'Mulish', 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.woocommerce-loop-product__title, .product-title, .product-title a,
.page-title, .entry-title, .widget-title, .section-title {
	font-family: 'Lora', Georgia, serif;
	font-weight: 600;
}

.price, .woocommerce-Price-amount, .amount {
	font-family: 'Mulish', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 700;
}

button, .button, .btn, input[type="submit"], input[type="button"], .add_to_cart_button, .single_add_to_cart_button {
	font-family: 'Mulish', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 600;
}
