/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* ==========================================================================
   ERA : menu mobile (panneau latéral « modern » de Hub), sous 1200 px
   Ajouté le 02.10.2026 à la demande de Tin (aucune option native de taille).
   ========================================================================== */
@media (max-width: 1199px) {

	/* Liens du menu : capitales, gras, nettement plus grands, alignés à gauche.
	   Taille fluide : env. 27 px sur un écran de 390 px, 25 px sur 360 px,
	   pour que « MASTERCLASS » tienne toujours sur une ligne. */
	[data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav > li > a {
		font-size: clamp(24px, 7vw, 30px);
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		/* Espacement entre les rubriques (02.10, demande de Tin) */
		padding-top: 18px;
		padding-bottom: 18px;
	}

	/* Correctif du slide : Hub bloque le pied de page sous 768 px
	   (transform: none !important), il restait donc en place pendant que
	   la page glissait vers la gauche. On le fait glisser avec la page. */
	.mobile-nav-activated [data-mobile-nav-style="modern"] .main-footer {
		transform: translate3d(-80vw, 0, 0) !important;
	}
}

/* ==========================================================================
   ERA : Savoir-faire, bloc « Qui sommes-nous » (rangée era-sf-qui)
   Ajouté le 02.10.2026 à la demande de Tin : toutes les cartes du carrousel
   (élément Team Member de Hub) gardent le format vertical 3:4 de la photo
   de Ricardo Malise, quel que soit le format de la photo choisie.
   Aucun réglage natif de format d'image sur cet élément.
   Même carrousel dupliqué en bas de Learn and Create (rangée era-ms-qui).
   ========================================================================== */

/* Cadre de la photo toujours en portrait 3:4 */
.era-sf-qui .lqd-tm-img figure,
.era-ms-qui .lqd-tm-img figure {
	aspect-ratio: 3 / 4;
	margin: 0;
	overflow: hidden;
}

/* La photo remplit le cadre et est recadrée au centre */
.era-sf-qui .lqd-tm-img figure img,
.era-ms-qui .lqd-tm-img figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}