/*
 * Le Naturiste – compatibilité Shoptimizer
 * CSS brut (pas de build), chargé par speednox/shoptimizer-compat.php après noxshop.css.
 */

/* ------------------------------------------------------------------
 * Layout : ex GP Element « Disabled elements »
 * Le header / footer viennent d'Elementor Pro (Theme Builder) :
 * on masque la coque Shoptimizer restée vide et on rend le contenu
 * pleine largeur, sans sidebar (comme GeneratePress « full-width »).
 * ------------------------------------------------------------------ */
#content .archive-header,
#content #secondary {
	display: none !important;
}

/* … sauf quand la zone contient un message WooCommerce (seul contenu restant depuis le retrait du fil d'Ariane) :
   ajout au panier sans JS, erreur de stock, etc. Sinon le message est imprimé mais invisible (retours du 09.11). */
#content .archive-header:has(.woocommerce-message, .woocommerce-error, .woocommerce-info) {
	display: block !important;
	max-width: var(--largeur-conteneur, 1140px);
	margin: 20px auto 0;
	padding: 0 20px;
	border: 0;
	background: transparent;
}
#content .archive-header:has(.woocommerce-message, .woocommerce-error, .woocommerce-info) .col-full {
	max-width: none; padding: 0; margin: 0;
}

#content.site-content {
	padding-top: 0;
	padding-bottom: 0;
}

/* Pas d'espace entre le contenu (widget « Contenu de la page » du template single) et le footer */
.elementor-location-single .elementor-widget-theme-post-content {
	margin-block-end: 0;
}

#content.site-content > .shoptimizer-archive > .col-full {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

#content #primary.content-area {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------------------
 * Polices : Shoptimizer impose « Inter » (styles Kirki du customizer).
 * Le site utilise « Left » (noxshop.css) et la typo du kit Elementor.
 * ------------------------------------------------------------------ */
/* Spécificité renforcée : les styles Kirki sont imprimés après ce fichier (body, button… { font-family: Inter }) */
html body.theme-shoptimizer,
html body.theme-shoptimizer button,
html body.theme-shoptimizer input,
html body.theme-shoptimizer select,
html body.theme-shoptimizer option,
html body.theme-shoptimizer textarea {
	font-family: Left, sans-serif;
}

.entry-content,
.term-description,
.widget .widget-title,
blockquote p,
h1, h2, h3, h4, h5, h6,
.woocommerce-loop-product__title,
.summary h1 {
	font-family: inherit;
}

/* ------------------------------------------------------------------
 * Ex GP Element « CSS Global fix » (règles toujours utiles)
 * Règles Weglot et icône compte de l'ancien header non reprises.
 * ------------------------------------------------------------------ */

/* Header actuel (template Elementor) : icône « Mon compte » à la place du libellé.
   Provisoire : le header est refait selon la maquette en phase 3. */
.menu-text {
	display: none;
}
.icon-account a {
	background-image: url(/wp-content/uploads/2020/07/Picto-07-1.svg);
	background-repeat: no-repeat;
}
.icon-account a:hover,
.icon-account.current_page_item a {
	background-image: url(/wp-content/uploads/2020/07/Picto-07-2.svg);
	background-repeat: no-repeat;
	transition: none;
}

/* Lightbox Elementor */
div.swiper-slide.elementor-lightbox-item.swiper-slide-active,
.dialog-type-lightbox .dialog-message {
	padding: 0;
}


/* Fiche produit : vignettes de la galerie */
.woocommerce-product-gallery--with-images figure.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image {
	padding-bottom: 0 !important;
	margin-bottom: -8px !important;
	margin-top: 8px !important;
}

/* Carrousels produits « slider-nu » (tiny-slider, noxshop.js) : Shoptimizer met ul.products en grille,
   ce qui casse le défilement (cartes de 90 px sur mobile). Tiny-slider attend une rangée d'éléments en ligne. */
.woocommerce.slider-nu ul.products.tns-slider {
	display: block;
	grid-template-columns: none;
}

/* (phase 7) Règle « panier : gabarit noxweb » retirée : les gabarits Bootstrap de noxweb ne sont plus utilisés. */