/**
Theme Name: CC-Origine
Theme URI: https://github.com/jf34000/cc-origine
Author: Microlibre
Author URI: https://microlibre.net
Description: Thème maison Caisse-Connect, autonome (standalone). Canevas de zones .cc-* propre, socle CSS css/base.css, intégration WooCommerce et zones du plugin Caisse-Connect (en-tête infos boutique, footer 3 colonnes).
Version: 1.1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cc-origine
*/

/* ****************************************
/*           Structure générale
*******************************************/

#primary {
	margin: 0;
	padding: 0 !important;
	width: 100%;
}

.products {
	padding: 0 1em 0 1em !important;
}

@media (max-width: 768px) {
	.products {
		padding: 0 !important;
	}
}
#secondary {
	margin: 0;
	padding: 0 !important;
	width: fit-content !important;
}

/* Masquage de la sidebar en mobile (≤768) : géré UNIQUEMENT par css/base.css
   (.cc-sidebar { display:none }). Sidebar visible en tablette (769-1199) et
   desktop (≥1200) : assurée par le flex .cc-page + .cc-sidebar (css/base.css). */


/* ******************************************************************
/*          COLONNE LATERALE
*********************************************************************/

/* Sidebar collante + ascenseur interne fin : portés dans css/base.css
   (.cc-sidebar, top piloté par --cc-sticky-top). */

/* ******************************************************************
/*           Entêtes
*********************************************************************/

/* Recherche FiboSearch (desktop) : barre max 600px, alignée à gauche dans la
   zone centre .cc-header-search. .dgwt-wcas-search-wrapp = classe FiboSearch. */
.dgwt-wcas-search-wrapp {
	width: 100% !important;
	max-width: 600px !important;
	margin: 0; /* indispensable sinon ne s'aligne pas à gauche */
}


/* ******************************************************************
/*          Page Accueil
*********************************************************************/

/* Correction du conflit entre le plugin product-slider et le flex layout maison */
/* min-width:0 permet à #primary de rétrécir dans le flex layout malgré le contenu du slider */
.home #primary {
	min-width: 0;
}
/* overflow:hidden contient le slider dans l'espace disponible */
.home .woopspro-product-slider {
	overflow: hidden;
}
.home .woopspro-product-slider ul.products {
	display: block;
}




/* ******************************************************************
/*           Pages boutique
*********************************************************************/

/* Note : la mise en page mobile « liste » de la vignette (image clamp à gauche,
   titre/prix décalés) vit dans css/defaut.css, avec le reste du composant
   .cc-product-summary. Les colonnes de la grille sont pilotées par css/base.css
   (variable --cc-columns). */

/* Titre boutique + compteur produits, toolbar */
	.titre_page_boutique_nb_produits_categorie {
		font-size: .5em;
	}
	.page-title.woocommerce-products-header__title {
	  margin-bottom: 0!important;
		font-size: 2em;
	}
	/* Marge basse de la toolbar : définie dans css/defaut.css (.cc-toolbar). */


/* ******************************************************************
/*           Pages individuelles
*********************************************************************/
/* Largeur de la fiche produit (tablette+desktop).
   Au lieu d'un padding latéral FIXE (ancien 15em de chaque côté, qui comprimait
   le contenu quand la fenêtre rétrécissait), on borne le CONTENU à une largeur
   maximale et on le centre : les marges latérales se réduisent quand la fenêtre
   devient plus étroite, tandis que la fiche garde sa largeur cible.
   On borne le wrapper produit INTÉRIEUR (div.product) et NON #main : #main doit
   rester pleine largeur pour que son border-left (le liseré de séparation avec
   la sidebar, cf. base.css) reste collé à la sidebar et non au contenu centré.
   Le fond crème de #primary couvre toute la largeur ; seule la fiche est centrée.
   La gouttière mini sur petit écran = le padding:10px global de #main.
   Seuil 769 : 768px = mobile (cf. base.css), évite le chevauchement avec le
   bloc max-width:768 ci-dessous. */
@media (min-width: 769px) {
	.single-product div.product {
		max-width: 1000px;
		margin-inline: auto;
	}
}

/* Mobile (≤768) : la fiche produit s'aligne sur la marge des vignettes (les
   10px de #main, cf. css/defaut.css). Pas de padding latéral propre à #primary
   ici — il s'ajouterait à celui de #main et décalerait la fiche (~24px au lieu
   de 10px). #primary garde donc le padding:0 général (haut du fichier). */

#cc-wrapper-haut-produit {
	display: flow-root;
	background-color: var(--cc-couleur-front-surface-blockwc);
	margin-top: 12px;
	padding: 1em;
}