/*
Theme Name: Soleil Child Theme
Theme URI: https://soleil.axiomthemes.com/
Description: Soleil is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AxiomThemes
Author URI: https://axiomthemes.com/
Version: 1.25.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: soleil
Template: soleil
*/


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

/* ---------------------------------------------------------------------------
   Formulaires Solareco
   ---------------------------------------------------------------------------
   Le theme habille chaque champ d'un `span.style-line.icon-*` qui place une
   icone en absolu a gauche du champ. Ce wrapper suppose un champ unique avec un
   placeholder : il ne convient pas aux champs qui affichent un libelle visible
   (question anti-spam, groupes de cases a cocher), dont le texte se superposait
   alors a l'icone. Ces champs sont donc sortis du wrapper et stylises ici.
--------------------------------------------------------------------------- */

/* Libelle d'un groupe de champs : cases a cocher, boutons radio */
.form-style-1 .solareco_field_label {
	margin: 0 0 0.7em;
	font-weight: 600;
	line-height: 1.4;
}

/* Question anti-spam : le libelle se lit au-dessus du champ */
.form-style-1 .solareco_quiz .wpcf7-form-control-wrap,
.form-style-1 .solareco_quiz label {
	display: block;
}

.form-style-1 .solareco_quiz .wpcf7-quiz-label {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 600;
}

.form-style-1 .solareco_quiz input.wpcf7-quiz {
	width: 100%;
}

/* Cases a cocher et boutons radio : espacement lisible, sans chevauchement */
.form-style-1 .wpcf7-checkbox .wpcf7-list-item,
.form-style-1 .wpcf7-radio .wpcf7-list-item {
	display: inline-block;
	margin: 0 1.8em 0.6em 0;
	vertical-align: top;
}

.form-style-1 .wpcf7-checkbox .wpcf7-list-item-label,
.form-style-1 .wpcf7-radio .wpcf7-list-item-label {
	padding-left: 0.4em;
}

/* Le groupe de champs doit respirer autant que les autres lignes */
.form-style-1 .columns_wrap .column-1_1 .wpcf7-checkbox,
.form-style-1 .columns_wrap .column-1_1 .wpcf7-radio {
	display: block;
	margin-bottom: 1.2em;
}

/* Menu deroulant : meme hauteur et meme alignement que les champs texte */
.form-style-1 select.wpcf7-select {
	width: 100%;
}

/* ---------------------------------------------------------------------------
   Corrections d'affichage Solareco
--------------------------------------------------------------------------- */

/* Le logo agrandi est traite dans responsive.css : voir le commentaire la-bas. */

/* Titres de section : un mot long ne doit pas deborder sur la colonne voisine.
   Cas rencontre sur « Optimisez vos couts et securisez votre production ». */
.sc_title .sc_item_title,
.sc_item_title .sc_item_title_text,
.sc_item_title .sc_item_title_text2 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	max-width: 100%;
}

/* Cartes d'offres : l'emplacement du grand libelle est dimensionne pour une
   valeur courte (« 3 kWc »). On le laisse se reduire plutot que casser un mot. */
.sc_price_item .sc_price_item_price,
.sc_price_item_price {
	font-size: clamp(1.7rem, 3.4vw, 3.1rem);
	line-height: 1.1;
	overflow-wrap: break-word;
	hyphens: auto;
	max-width: 100%;
}

/* Titre de carte : garder les lignes lisibles */
.sc_price_item .sc_price_item_title {
	overflow-wrap: break-word;
	max-width: 100%;
}

/* ---------------------------------------------------------------------------
   Bloc en pleine largeur (full-bleed)
   ---------------------------------------------------------------------------
   Le theme enferme le contenu dans `.content_wrap`, large de `--theme-var-page`
   (1260px) et centre. Un conteneur Elementor ne peut donc pas depasser cette
   largeur, meme regle sur « Pleine largeur » : ce reglage borne le conteneur a
   `--container-max-width`, qui vaut lui aussi 1260px. Les deux plafonds sont
   identiques, d'ou l'absence d'effet quand on ne touche qu'au reglage Elementor.

   Cette classe sort le bloc du wrapper : largeur 100vw, recentree par des marges
   negatives calculees sur la largeur reelle du parent (50% - 50vw), ce qui reste
   juste quelle que soit cette largeur. Le debordement horizontal est deja
   neutralise par le theme (`html { overflow-x: hidden }`).

   A poser sur un conteneur Elementor de premier niveau, en gardant son reglage
   « Largeur du contenu : Encadre » pour que le texte reste centre et lisible.
--------------------------------------------------------------------------- */
.solareco-fullbleed {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* ---------------------------------------------------------------------------
   Boutique : ecart entre le titre du produit et le bouton de devis
   ---------------------------------------------------------------------------
   Le theme pose `margin-top: 0` sur tous les boutons de la boucle produits,
   puis retablit un ecart de 18px pour les seuls `.button.product_type_simple`
   et `.button.product_type_variable`. Le bouton de devis, genere par le filtre
   `solareco_bouton_devis_boucle` dans functions.php, porte `solareco_devis` et
   aucune de ces deux classes : il ne recuperait donc jamais l'ecart et restait
   colle au titre. On lui applique la meme valeur que les boutons natifs.
--------------------------------------------------------------------------- */
.woocommerce ul.products li.product .post_data .post_data_inner > div + .button.solareco_devis,
.woocommerce-page ul.products li.product .post_data .post_data_inner > div + .button.solareco_devis {
	margin-top: 28px;
}

/* Le titre produit n'a aucune marge basse dans la boucle : les titres sur deux
   lignes collaient au bouton meme avec la marge ci-dessus. */
.woocommerce ul.products li.product .post_header .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .post_header .woocommerce-loop-product__title {
	margin-bottom: 0.35em;
}