/*
Theme Name: Luchiana-Child
Theme URI: https://parkofideas.com/luchiana/
Text Domain: luchiana-child
Description: Cosmetics and Beauty Shop Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Template: luchiana
Author: parkofideas.com
Author URI: https://parkofideas.com
Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* Menu Cart Elementor — icône Luchiana */
.lmm-theme-cart .elementor-button-icon i,
.lmm-theme-cart .elementor-button-icon svg {
	display: none !important;
}
.lmm-theme-cart .elementor-button-icon::before {
	font-family: 'theme-icons' !important;
	content: '\f109';
	font-size: 24px;
	font-style: normal;
}

/* Badge compteur panier (bulle rouge) — desktop + mobile */
.lmm-cart-link {
	position: relative;
	display: inline-block;
}
.lmm-cart-count {
	position: absolute;
	top: -6px;
	right: -8px;
	background: #e74c3c;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	font-family: sans-serif;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	padding: 0 3px;
}

/* Mega Menu — liste dynamique produits */
.lmm-product-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.lmm-product-list li a {
	display: block;
	font-family: Nunito, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.44px;
	line-height: 1.4;
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}
.lmm-product-list li a:hover {
	color: rgb(228, 193, 177);
}

/* Menu principal — survol et état actif : filet 2px, pas de changement de couleur */
.e-n-menu-title .e-n-menu-title-container {
	border-bottom: 2px solid transparent;
	padding-bottom: 4px;
	transition: border-color 0.2s ease;
}
.e-n-menu-title:hover .e-n-menu-title-container,
.e-n-menu-title:hover .e-n-menu-title-container .e-n-menu-title-text,
.e-n-menu-title:hover > a {
	color: inherit !important;
	border-bottom-color: currentColor;
}
.elementor-widget-n-menu .e-n-menu-title.e-current,
.elementor-widget-n-menu .e-n-menu-title.e-current a,
.elementor-widget-n-menu .e-n-menu-title.e-current .e-n-menu-title-text,
.elementor-widget-n-menu .e-n-menu-title.e-current .e-n-menu-dropdown-icon i,
.elementor-widget-n-menu .e-n-menu-title.e-current .e-n-menu-dropdown-icon svg {
	color: inherit !important;
	fill: currentColor !important;
	--n-menu-title-color-active: inherit;
}
.e-n-menu-title.e-current .e-n-menu-title-container {
	border-bottom-color: currentColor;
}

/* Popup recherche — grille produits 3 par ligne */
.lmm-search-popup .elementor-widget-container:has(.c-product-grid__item) {
	display: flex !important;
	flex-wrap: wrap !important;
}
.lmm-search-popup .c-product-grid__item {
	flex: 0 0 calc(33.333% - 20px) !important;
	margin: 10px !important;
}
/* Images uniformes */
.lmm-search-popup .c-product-grid__item > a {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.lmm-search-popup .c-product-grid__item img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
}
/* Détails + bouton panier sous chaque produit */
.lmm-search-popup .c-product-grid__details {
	text-align: center;
}
.lmm-search-popup .c-product-grid__atc {
	position: static !important;
	margin-top: 8px;
	transform: scale(0.85);
	transform-origin: center top;
}
/* Bouton panier sur une seule ligne */
.lmm-search-popup .c-product-grid__atc {
	display: flex;
	align-items: center;
	gap: 6px;
}
.lmm-search-popup .c-product-grid__atc br {
	display: none;
}
.homenews .bgwhite{    
    margin: 5px 0 0;
}
.homenews .c-product-grid__item  .bgwhite {
	transition:1s;
}

.homenews .price{font-size:12px; 
    display: block;
    margin: -10px 0 0 0;}
.homenews a.separator{
	border:1px solid #000;
	font-size:12px;
	max-width:80%;
	margin:auto;
	padding:0 5px;
}
.homenews .news{
    position: absolute;
    top: -9px;
    left: 50%;
    background: #ffffffc9;
    border: 1px solid;
    font-size: 12px;
    margin-left: -46px;
    padding: 0px 8px;
    text-transform: uppercase;
    color: #000 !important;
}
body .homenews .woocommerce-loop-product__title{font-size:12px;line-height:12px;letter-spacing:0px}
body .homenews .c-product-grid__price-wrap{margin-top:0;}

.homenews .c-ip-woocommerce-carousel__list--3-per-row{
	min-width:100%
}
.homenews .c-product-grid__details{
	background:transparent;
	color:#2a2a2a;
    padding: 0 0 10px;
    float: left;
    clear: both;
    width: 100%;
}
.homenews .c-product-grid__title-wrap {
    text-align: center;
    margin: 5px 0;
}
.homenews .c-product-grid__item  {
    max-width: 12%;
    padding: 0;
    margin: 0;
    display: inline-block;
    background: rgba(255,255,255,0.7); 
}
.homenews .c-product-grid__item.g400{
    padding: 15px 0 0;
}
.homenews .c-product-grid__item {
    transition: 1s;
}
.homenews .c-product-grid__item:hover{
	transform:scale(1.2);
	box-shadow:0 0px 5px rgba(0,0,0,0.5);
	z-index:999;
}

.c-page-header__wrap{
padding:0;
	min-height:inherit;
    margin: 0;
}
body .c-product__slider-item img, body .c-product__thumbs-item img,.woo-variation-items-wrapper img{
  -o-object-fit: contain;
	object-fit:contain;
	padding:10%;
}
.homenews .c-product__slider{
	background:#fff;
}

body .c-product__atc-wrap{
	max-width:inherit
}
.c-custom-select{
	opacity:0;
	height:0;
	overflow:hidden;
}



.c-top-menu__item a{
font-size:10px;	
	font-weight:bold
}

	.header__wrap {
    min-height: inherit ;
}


	body::after{
    content: ' ';
		position:fixed;
		top:0px;
		right:0;
		width:100%;
		height:100%;
background: linear-gradient(180deg, rgba(243,243,243,1) 1%, rgba(243,243,243,0.9) 2%,
rgba(243,243,243,0.95) 50%, rgba(243,243,243,1) 100%);
z-index:-1;
	}
		body{background:url(/wp-content/uploads/2019/07/HCH_8628-294-scaled.jpg) no-repeat top right;
	background-size:100%;	
background-attachment:fixed;
	}


	body .c-product__title {
    font-size: 21px;
    margin: 20px 0 0;
    color: #000;
    letter-spacing: 1px;
    font-weight: 900;
}

@media (min-width: 1550px){
	
.c-top-menu__item a{
font-size:12px;	
}
	
}
@media (max-width: 1189px){
	.product_type_variable ,.c-product-grid__price-wrap{display:none}
	#potshome .c-product-grid__item  {
    width: 41%;
    margin: 1%;
	}
}

@media (min-width: 1189px){
	header__wrap {
    min-height: 108px;
}
	
.single-product .c-page-header--default{
	display:block;
	padding:inherit;
    min-height: 85px;
}
}

  body  .homenews .c-product-grid__item .c-product-grid__atc {        
        opacity: 1;
        visibility: inherit;
    }
  body     .homenews .c-product-grid__item .c-product-grid__atc {
    opacity: 1;
    visibility: inherit;
    padding: 5px;
    font-size: 10px;
    top: 0;
    text-transform: initial;
    letter-spacing: 0px;
    width: 90%;
    margin: auto;
}


body  .c-ip-instagram__title {
    margin-top: 17px;
    font-size: 11px;
}

body .c-product__wishlist{
	display:none;
}
@media (min-width: 1190px){
 
}
@media (max-width: 1189px){

body .c-ip-instagram__title {
    margin-top: 17px;
    font-size: 11px;
}
.homenews .c-product-grid__item{
    min-width: 33%;
    margin-bottom: 19px;
}

}


@media (max-width: 980px){
    .homenews .c-product-grid__item{
        background: #fff;
        min-width: 49%;
        margin-bottom: 19px;
    }
}

/* Addition to remove crosses in checkout process
-------------------------------------------------------------- */

.js-sticky-sidebar-nearby{
	padding:30px 30px 30px 40px;
}

/* Addition to fix column width issue on main top menu
-------------------------------------------------------------- */

.c-top-menu__submenu.c-top-menu__submenu--columns-1.initialized{
	padding-right: 280px;
	margin-right: 280px;
}

.c-top-menu__submenu.sbmenu2{
	padding-left: 50px !important;
	padding-right: 280px !important;

}

/* ===== Header responsive — mobile + tablette ===== */
@media (max-width: 1200px) {
	/* Header 2 toujours visible et dans le flux sur mobile/tablette */
	.header-2 {
		display: block !important;
		opacity: 1 !important;
		background-color: #fff;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	}
	.header-2:not(.elementor-sticky--active) {
		position: relative !important;
	}
	.header-2 .elementor-widget-nav-menu {
		position: static !important;
	}

	/* --- Overlay plein écran --- */
	.header-2 .elementor-nav-menu--dropdown {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		background-color: #25201E !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		overflow: hidden !important;
		z-index: 99999 !important;
	}
	/* Liste principale scrollable */
	.header-2 .elementor-nav-menu--dropdown > ul {
		padding: 70px 30px 80px 50px !important;
		margin: 0 !important;
		height: 100% !important;
		overflow-y: auto !important;
		list-style: none !important;
	}

	/* --- Items du menu --- */
	.header-2 .elementor-nav-menu--dropdown li {
		list-style: none !important;
	}
	.header-2 .elementor-nav-menu--dropdown li a {
		color: rgb(255, 255, 255) !important;
		font-family: Nunito, sans-serif;
		font-size: 18px !important;
		font-weight: 400;
		letter-spacing: 1.98px;
		line-height: 21.6px;
		text-transform: uppercase;
		padding: 14px 0 !important;
		border: none !important;
		display: block !important;
		text-decoration: none !important;
		background: none !important;
		cursor: pointer;
	}

	/* --- Chevron injecté via JS sur items avec sous-menu --- */
	.header-2 .elementor-nav-menu--dropdown .menu-item-has-children > a {
		display: flex !important;
		align-items: center !important;
	}
	.lmm-chevron {
		margin-left: auto;
		font-size: 26px;
		line-height: 1;
		flex-shrink: 0;
		padding-left: 10px;
	}

	/* --- Sous-menus : panneaux glissants depuis la droite --- */
	.header-2 .elementor-nav-menu--dropdown .sub-menu {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		background: #25201E !important;
		padding: 70px 30px 120px 50px !important;
		margin: 0 !important;
		overflow-y: auto !important;
		transform: translateX(100%);
		transition: transform 0.3s ease;
		z-index: 100000;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		list-style: none !important;
	}
	.header-2 .elementor-nav-menu--dropdown .sub-menu.lmm-panel-active {
		transform: translateX(0);
	}

	/* --- Bouton retour en tête à gauche --- */
	.lmm-panel-back {
		color: rgba(255, 255, 255, 0.5);
		font-family: Nunito, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 1.98px;
		padding: 14px 0;
		cursor: pointer;
		margin-bottom: 5px;
	}
	.lmm-panel-back::before {
		content: '‹';
		margin-right: 10px;
		font-size: 20px;
		vertical-align: middle;
	}

	/* --- Bouton fermer (croix) --- */
	.lmm-overlay-close {
		position: fixed;
		top: 20px;
		right: 25px;
		color: #fff;
		font-size: 30px;
		cursor: pointer;
		z-index: 100001;
		line-height: 1;
	}

	/* --- Barre d'icônes fixe en pied d'overlay (sur body, masquée par défaut) --- */
	.lmm-icons-bar {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		display: none;
		justify-content: space-around;
		align-items: center;
		padding: 18px 50px;
		border-top: 1px solid rgba(255, 255, 255, 0.15);
		background: #25201E;
		z-index: 100005;
	}
	body.lmm-menu-open .lmm-icons-bar {
		display: flex;
	}
	.lmm-icons-bar a {
		color: #fff !important;
		padding: 8px 15px !important;
		text-decoration: none !important;
		font-size: inherit !important;
		text-transform: none !important;
		letter-spacing: 0 !important;
	}
	.lmm-icons-bar i {
		font-size: 24px;
	}

	/* --- En-têtes de section dans les sous-panneaux (Miels, Coffrets…) --- */
	.header-2 .elementor-nav-menu--dropdown .lmm-section-header {
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		padding-bottom: 12px;
		margin-bottom: 5px;
	}
	/* Espacement au-dessus du 2e en-tête de section et des suivants */
	.header-2 .elementor-nav-menu--dropdown .lmm-section-header ~ .lmm-section-header {
		margin-top: 30px;
	}
	/* Espacement après le dernier produit dynamique en fin de sous-menu */
	.header-2 .elementor-nav-menu--dropdown .menu-item-product-dynamic:last-child {
		padding-bottom: 60px;
	}

	/* Bloquer le scroll du body quand overlay ouvert */
	body.lmm-menu-open {
		overflow: hidden !important;
	}
}
