/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 400.0;
*
* available axes:

* 'wght' (range from 100.0 to 900.0)

*/

@font-face {
  font-family: 'Switzer-Variable';
  src: url('fonts/Switzer-Variable.woff2') format('woff2'),
	   url('fonts/Switzer-Variable.woff') format('woff'),
	   url('fonts/Switzer-Variable.ttf') format('truetype');
	   font-weight: 100 900;
	 
	   font-style: normal;
}


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 400.0;
*
* available axes:

* 'wght' (range from 100.0 to 900.0)

*/

@font-face {
  font-family: 'Switzer-VariableItalic';
  src: url('fonts/Switzer-VariableItalic.woff2') format('woff2'),
	   url('fonts/Switzer-VariableItalic.woff') format('woff'),
	   url('fonts/Switzer-VariableItalic.ttf') format('truetype');
	   font-weight: 100 900;
	  
	   font-style: italic;
}


@font-face {
  font-family: 'Switzer-Thin';
  src: url('fonts/Switzer-Thin.woff2') format('woff2'),
	   url('fonts/Switzer-Thin.woff') format('woff'),
	   url('fonts/Switzer-Thin.ttf') format('truetype');
	   font-weight: 100;
	  
	   font-style: normal;
}


@font-face {
  font-family: 'Switzer-ThinItalic';
  src: url('fonts/Switzer-ThinItalic.woff2') format('woff2'),
	   url('fonts/Switzer-ThinItalic.woff') format('woff'),
	   url('fonts/Switzer-ThinItalic.ttf') format('truetype');
	   font-weight: 100;
	
	   font-style: italic;
}


@font-face {
  font-family: 'Switzer-Extralight';
  src: url('fonts/Switzer-Extralight.woff2') format('woff2'),
	   url('fonts/Switzer-Extralight.woff') format('woff'),
	   url('fonts/Switzer-Extralight.ttf') format('truetype');
	   font-weight: 200;
	
	   font-style: normal;
}


@font-face {
  font-family: 'Switzer-ExtralightItalic';
  src: url('fonts/Switzer-ExtralightItalic.woff2') format('woff2'),
	   url('fonts/Switzer-ExtralightItalic.woff') format('woff'),
	   url('fonts/Switzer-ExtralightItalic.ttf') format('truetype');
	   font-weight: 200;

	   font-style: italic;
}


@font-face {
  font-family: 'Switzer-Light';
  src: url('fonts/Switzer-Light.woff2') format('woff2'),
	   url('fonts/Switzer-Light.woff') format('woff'),
	   url('fonts/Switzer-Light.ttf') format('truetype');
	   font-weight: 300;
	
	   font-style: normal;
}


@font-face {
  font-family: 'Switzer-LightItalic';
  src: url('fonts/Switzer-LightItalic.woff2') format('woff2'),
	   url('fonts/Switzer-LightItalic.woff') format('woff'),
	   url('fonts/Switzer-LightItalic.ttf') format('truetype');
	   font-weight: 300;
	
	   font-style: italic;
}


@font-face {
  font-family: 'Switzer-Regular';
  src: url('fonts/Switzer-Regular.woff2') format('woff2'),
	   url('fonts/Switzer-Regular.woff') format('woff'),
	   url('fonts/Switzer-Regular.ttf') format('truetype');
	   font-weight: 400;
	
	   font-style: normal;
}


@font-face {
  font-family: 'Switzer-Italic';
  src: url('fonts/Switzer-Italic.woff2') format('woff2'),
	   url('fonts/Switzer-Italic.woff') format('woff'),
	   url('fonts/Switzer-Italic.ttf') format('truetype');
	   font-weight: 400;
	
	   font-style: italic;
}


@font-face {
  font-family: 'Switzer-Medium';
  src: url('fonts/Switzer-Medium.woff2') format('woff2'),
	   url('fonts/Switzer-Medium.woff') format('woff'),
	   url('fonts/Switzer-Medium.ttf') format('truetype');
	   font-weight: 500;
	  
	   font-style: normal;
}


@font-face {
  font-family: 'Switzer-MediumItalic';
  src: url('fonts/Switzer-MediumItalic.woff2') format('woff2'),
	   url('fonts/Switzer-MediumItalic.woff') format('woff'),
	   url('fonts/Switzer-MediumItalic.ttf') format('truetype');
	   font-weight: 500;
	   
	   font-style: italic;
}


@font-face {
  font-family: 'Switzer-Semibold';
  src: url('fonts/Switzer-Semibold.woff2') format('woff2'),
	   url('fonts/Switzer-Semibold.woff') format('woff'),
	   url('fonts/Switzer-Semibold.ttf') format('truetype');
	   font-weight: 600;
	
	   font-style: normal;
}


@font-face {
  font-family: 'Switzer-SemiboldItalic';
  src: url('fonts/Switzer-SemiboldItalic.woff2') format('woff2'),
	   url('fonts/Switzer-SemiboldItalic.woff') format('woff'),
	   url('fonts/Switzer-SemiboldItalic.ttf') format('truetype');
	   font-weight: 600;
	  
	   font-style: italic;
}


@font-face {
  font-family: 'Switzer-Bold';
  src: url('fonts/Switzer-Bold.woff2') format('woff2'),
	   url('fonts/Switzer-Bold.woff') format('woff'),
	   url('fonts/Switzer-Bold.ttf') format('truetype');
	   font-weight: 700;
	
	   font-style: normal;
}


@font-face {
  font-family: 'Switzer-BoldItalic';
  src: url('fonts/Switzer-BoldItalic.woff2') format('woff2'),
	   url('fonts/Switzer-BoldItalic.woff') format('woff'),
	   url('fonts/Switzer-BoldItalic.ttf') format('truetype');
	   font-weight: 700;
	  
	   font-style: italic;
}


@font-face {
  font-family: 'Switzer-Extrabold';
  src: url('fonts/Switzer-Extrabold.woff2') format('woff2'),
	   url('fonts/Switzer-Extrabold.woff') format('woff'),
	   url('fonts/Switzer-Extrabold.ttf') format('truetype');
	   font-weight: 800;
	
	   font-style: normal;
}


@font-face {
  font-family: 'Switzer-ExtraboldItalic';
  src: url('fonts/Switzer-ExtraboldItalic.woff2') format('woff2'),
	   url('fonts/Switzer-ExtraboldItalic.woff') format('woff'),
	   url('fonts/Switzer-ExtraboldItalic.ttf') format('truetype');
	   font-weight: 800;
	
	   font-style: italic;
}


@font-face {
  font-family: 'Switzer-Black';
  src: url('fonts/Switzer-Black.woff2') format('woff2'),
	   url('fonts/Switzer-Black.woff') format('woff'),
	   url('fonts/Switzer-Black.ttf') format('truetype');
	   font-weight: 900;
	 
	   font-style: normal;
}


@font-face {
  font-family: 'Switzer-BlackItalic';
  src: url('fonts/Switzer-BlackItalic.woff2') format('woff2'),
	   url('fonts/Switzer-BlackItalic.woff') format('woff'),
	   url('fonts/Switzer-BlackItalic.ttf') format('truetype');
	   font-weight: 900;
	  
	   font-style: italic;
}




h3, .h3 {

	text-decoration: none!important;
}

/* Checkout : laisser la table choisir les largeurs + élargir la colonne de droite */
.woocommerce-checkout #order_review table.shop_table {
  table-layout: auto !important;            /* évite les colonnes fixes */
}

.woocommerce-checkout #order_review tr.woocommerce-shipping-totals th {
  width: 1% !important;                     /* colonne "Expédition" très étroite */
  white-space: nowrap;
  padding-right: 12px;
  vertical-align: top;
}

.woocommerce-checkout #order_review tr.woocommerce-shipping-totals td {
  width: 99% !important;                    /* toute la place pour les labels */
  text-align: left !important;
}

/* (Optionnel mais conseillé) : radios + texte sur une ligne confortable */
.woocommerce-checkout #order_review .woocommerce-shipping-methods li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}

.woocommerce-checkout #order_review .woocommerce-shipping-methods input[type="radio"] {
  margin-top: 3px;
  float: none !important;                   /* empêche l’alignement à droite de certains thèmes */
  flex-shrink: 0;
}

.woocommerce-checkout #order_review .woocommerce-shipping-methods label {
  flex: 1;                                  /* le texte prend toute la largeur dispo */
  line-height: 1.35;
  font-size: 0.95em;                        /* un peu plus compact */
}

/* Même logique sur la page Panier si besoin */
.woocommerce-cart .shop_table { table-layout: auto !important; }
.woocommerce-cart tr.woocommerce-shipping-totals th { width: 1% !important; white-space: nowrap; }

/* Desktop par défaut */
.postid-2424 .normalise-top-padding,
.postid-159421 .normalise-top-padding,
.postid-2416 .normalise-top-padding,
.postid-2422 .normalise-top-padding,
.postid-159785 .normalise-top-padding,

.postid-159576 .normalise-top-padding,
.postid-159582  .normalise-top-padding,
.postid-159580 .normalise-top-padding,
.postid-159578 .normalise-top-padding,
.postid-159786 .normalise-top-padding,

.postid-159577 .normalise-top-padding,
.postid-159583 .normalise-top-padding,
.postid-159581 .normalise-top-padding,
.postid-159579 .normalise-top-padding,
.postid-159784 .normalise-top-padding
{
  padding-top: 80px;
}

/* Tablette (768px à 991px) */
@media (max-width: 991px) {
.postid-2424 .normalise-top-padding,
.postid-159421 .normalise-top-padding,
.postid-2416 .normalise-top-padding,
.postid-2422 .normalise-top-padding,

.postid-159576 .normalise-top-padding,
.postid-159582  .normalise-top-padding,
.postid-159580 .normalise-top-padding,
.postid-159578 .normalise-top-padding,

.postid-159577 .normalise-top-padding,
.postid-159583 .normalise-top-padding,
.postid-159581 .normalise-top-padding,
.postid-159579 .normalise-top-padding
{
	padding-top: 20px;
  }
}

/* Mobile (<768px) */
@media (max-width: 767px) {
.postid-2424 .normalise-top-padding,
.postid-159421 .normalise-top-padding,
.postid-2416 .normalise-top-padding,
.postid-2422 .normalise-top-padding,

.postid-159576 .normalise-top-padding,
.postid-159582  .normalise-top-padding,
.postid-159580 .normalise-top-padding,
.postid-159578 .normalise-top-padding,

.postid-159577 .normalise-top-padding,
.postid-159583 .normalise-top-padding,
.postid-159581 .normalise-top-padding,
.postid-159579 .normalise-top-padding
{
	padding-top: 5px;
  }
}

.menu-light .menu-smart > li.active > a {
	color: #000000!important;
}

/* ------------------- DESIGN PAGE B2C id-2383 ------------------- */


.product-tabs-sapin .style-light .nav-tabs.tab-switch li:before {
	background-color: #20a537 !important;
}

.product-tabs-sapin .nav-tabs.tab-switch li:before {
   opacity: 1;
}

.product-tabs-sapin .style-light .nav-tabs > li > a {
	color: #ffffff;
}

.product-tabs-sapin .nav-tabs > li.active > a {
	color: #ffffff !important;
} 


.style-color-534607-bg {
	background-color: #20a537;
}

.page-id-2383 .menu-dark.top-menu .menu-bloginfo-inner {
	color: #ffffff;
}

.page-id-159595 .menu-dark.top-menu .menu-bloginfo-inner {
	color: #ffffff;
}

.page-id-159588 .menu-dark.top-menu .menu-bloginfo-inner {
	color: #ffffff;
}



/* ------------------- MENU LINK COLOR B2C + B2B ------------------- */

.menu-item-2511 > a {
  color: #d80000 !important;
}

.menu-item-2511 > a:hover {
  color: #000000 !important;
}

.menu-item-159534 > a {
  color: #20a537 !important;
}

.menu-item-159534 > a:hover {
  color: #000000 !important;
}

.menu-item-159708 > a {
  color: #20a537 !important;
}

.menu-item-159708 > a:hover {
  color: #000000 !important;
}

.menu-item-159637 > a {
  color: #d80000 !important;
}

.menu-item-159637 > a:hover {
  color: #000000 !important;
}

.menu-item-159660 > a {
  color: #d80000 !important;
}

.menu-item-159660 > a:hover {
  color: #000000 !important;
}

.menu-item-159666 > a {
  color: #20a537 !important;
}

.menu-item-159666 > a:hover {
  color: #000000 !important;
}

.menu-item-159709 > a {
  color: #d80000 !important;
}

.menu-item-159709 > a:hover {
  color: #000000 !important;
}

.menu-item-159660 > a {
  color: #d80000 !important;
}

.menu-item-159660 > a:hover {
  color: #000000 !important;
}

.menu-item-159640 > a {
  color: #d80000 !important;
}

.menu-item-159640 > a:hover {
  color: #000000 !important;
}





/* ------------------- DESIGN PAGE B2B id-159508 ------------------- */

.page-id-159508 .product-tabs-sapin-b2b .style-dark .nav-tabs.tab-switch li:before {
	background-color: #d80000 !important;
}
.page-id-159508 .product-tabs-sapin-b2b .nav-tabs.tab-switch li:before {
   opacity: 1 !important;
}

.page-id-159508 .product-tabs-sapin-b2b .style-dark .nav-tabs > li > a {
	color: #ffffff!important;
}

.page-id-159508 .style-dark .nav-tabs > li > a {
	color: #d80000!important;
}

.page-id-159508 .style-color-534607-bg {
	background-color: #d80000 !important;
}

.page-id-159508 .menu-dark.top-menu .menu-bloginfo-inner {
	color: #ffffff !important;
}

.page-id-159508 .product-tabs-sapin-b2b .nav-tabs > li.active > a {
	color: #ffffff !important;
}

.page-id-159508 .menu-light .menu-smart a:hover {
		color: #d80000;
	}
	

/* ------------------- DESIGN PAGE B2B id-159601 ------------------- */
	
	.page-id-159601 .product-tabs-sapin-b2b .style-dark .nav-tabs.tab-switch li:before {
		background-color: #d80000 !important;
	}
	.page-id-159601 .product-tabs-sapin-b2b .nav-tabs.tab-switch li:before {
	   opacity: 1 !important;
	}
	
	.page-id-159601 .product-tabs-sapin-b2b .style-dark .nav-tabs > li > a {
		color: #ffffff!important;
	}
	
	.page-id-159601 .style-dark .nav-tabs > li > a {
		color: #d80000!important;
	}
	
	.page-id-159601 .style-color-534607-bg {
		background-color: #d80000 !important;
	}
	
	.page-id-159601 .menu-dark.top-menu .menu-bloginfo-inner {
		color: #ffffff !important;
	}
	
	.page-id-159601 .product-tabs-sapin-b2b .nav-tabs > li.active > a {
		color: #ffffff !important;
	}
	
	.page-id-159601 .menu-light .menu-smart a:hover {
			color: #d80000;
		}
	
/* ------------------- DESIGN PAGE B2B id-159618 ------------------- */
		
		.page-id-159618 .product-tabs-sapin-b2b .style-dark .nav-tabs.tab-switch li:before {
			background-color: #d80000 !important;
		}
		.page-id-159618 .product-tabs-sapin-b2b .nav-tabs.tab-switch li:before {
		   opacity: 1 !important;
		}
		
		.page-id-159618 .product-tabs-sapin-b2b .style-dark .nav-tabs > li > a {
			color: #ffffff!important;
		}
		
		.page-id-159618 .style-dark .nav-tabs > li > a {
			color: #d80000!important;
		}
		
		.page-id-159618 .style-color-534607-bg {
			background-color: #d80000 !important;
		}
		
		.page-id-159618 .menu-dark.top-menu .menu-bloginfo-inner {
			color: #ffffff !important;
		}
		
		.page-id-159618 .product-tabs-sapin-b2b .nav-tabs > li.active > a {
			color: #ffffff !important;
		}
		
		.page-id-159618 .menu-light .menu-smart a:hover {
				color: #d80000;
			}
			
			
			.woocommerce-checkout-review-order-table tr.hf-checkout-note td {
			  border-top: 0px solid rgba(0,0,0,.08);
			  border-bottom: 0px solid rgba(0,0,0,.08);
			  font-size: 0.95rem;
			  text-align: left !important;
			}
			
			.hf-checkout-box {
			  background-color: #f5f5f5;   /* gris clair */
			  padding: 15px 20px;
			  border-radius: 6px;
			  font-size: 0.95rem;
			  line-height: 1.5;
			}
