/* 
Theme Name: PONTONWEB
Theme URI: https://pontonweb.fr
Description: Hello Elementor Child is a child theme of Hello Elementor, created by PontonWeb
Author: Pontonweb
Author URI: https://pontonweb.fr
Template: hello-elementor
Version: 3.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Textes */


@media screen and  (max-width : 1440px) {
    h1, h1 span { font-size: calc(24px + (42 - 24) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(22px + (44 - 22) * ((100vw - 320px) / (1440 - 320)))!important;}
    h2, h2 span { font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)))!important;}
    h3, h3 span { font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important;}
    }

    
p { margin-block-end: 0; margin-block-start: 0; }
h1, h2, h3, h4, h5, h6 { margin-block-end: 0rem; margin-block-start: 0rem; }
.font100 h1 {font-size: 100px!important; line-height: 90px;}

.page-id-26 .elementor-12 .elementor-element.elementor-element-0a505d7:not(.elementor-motion-effects-element-type-background) {background-color: transparent!important;}

.titre-span h1, .titre-span h2 {display: flex; flex-direction: column;}
.titre-span h1 span {font-size: 60px; color: #758D90; width: 100%;}
.titre-span h2 span {font-size: 40px; color: #758D90; width: 100%;}


.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {box-shadow: var(--wvs-item-box-shadow,0 0 0 1px #212121);}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {border-radius: 0px;}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th, table tbody tr:hover>td, table tbody tr:hover>th  { background-color: transparent; }
table td, table th {  padding: 0px;}
.variations tr:first-child {height: 100px;}


.single_variation_wrap {margin-top: 40px;}


/* espace entre les deux attributs */
tr.affichage-colonne + tr.affichage-colonne td {
    padding-top: 40px; 
}

/* Container Flex */
.tactys-attribute-langues,
.tactys-attribute-couleurs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

/* Langue + Couleur : apparence bouton */
.tactys-langue-option,
.tactys-couleur-option {
	display: flex;
	align-items: center;
	justify-content: center;
	
	
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease;
	background: #fff;
	position: relative;
	min-width: 100px;
	box-sizing: border-box;
}
.tactys-couleur-option {
	border: 1px solid #999;
	padding: 10px 12px;

}

/* Input radio caché */
.tactys-langue-option input,
.tactys-couleur-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* Drapeau */
.tactys-langue-option img {
	max-height: 44px;
	margin-right: 6px;
}

/* Texte aligné */
.tactys-langue-option span,
.tactys-couleur-option span {
	font-weight: bold;
	white-space: nowrap;
}

/* Sélection active */
.tactys-langue-option input:checked ~ img,
.tactys-langue-option input:checked ~ span,
.tactys-couleur-option input:checked ~ span {
	outline: 2px solid #333;
	outline-offset: 2px;
}

/* Optional : espacement par défaut pour ligne */
.woocommerce-product-attributes .value {
	margin-bottom: 20px;
}