/*
Theme Name: SONEC Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: HARVEST
Author URI: https://harvest.agency
Template: sonec
Version: 2019
*/

.meta-author.vcard.author, .meta-comment-count{display: none !important;}
.woocommerce-loop-product__title sup{ font-size: 14px;}

#boxed .container-wrap .container {
	width: 100% !important;
}
/*
#boxed .home-wrap,
#boxed .container-wrap {
	overflow: visible !important;
}
*/

#boxed .container-wrap {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#boxed {
	box-shadow: none !important;
	background-color: transparent !important;
	z-index: 9999 !important;
}

body:not(.material) #slide-out-widget-area.slide-out-from-right {
	z-index: 9999 !important;
}

#boxed #header-outer[data-transparent-header="true"].transparent {
	border-bottom: 0px solid black !important;
}

#header-outer[data-transparent-header="true"].transparent>header #logo img.dark-version,
#header-outer[data-transparent-header="true"].light-text>header #logo img.dark-version {
	opacity: 1 !important;
}

.term-pied #logo img,
body #boxed #header-outer{ padding-top: 0 !important;}


/*
body #header-outer #top .sf-menu > .sf-with-ul > a{padding-right: 10px!important; text-align: center;}

#top nav >ul >li[class*="menu-item"] >a:hover:before, #header-outer.transparent #top nav >ul >li[class*="menu-item"] >a:hover:before{ 
    display: block;
    position: absolute;
    left: 0;
    padding-bottom: 10px;
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
    width: 100%;
    height: 34px;
    content: ' ';
    z-index: -1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    background-color: yellow;
 }

#top::before {
	display: block !important;
	width: 100% !important;
	height: 7px !important;
	position: absolute;
	z-index: 9998 !important;
	content: "";
	background: #ffe645;
}
*/

body #page-header-bg h1{ color: #ebdb0c !important;}

/* #page-header-bg { max-height: 125px !important;} */
.home .page-header-no-bg{display: none !important;}
/* body #header-outer, body[data-header-color="dark"] #header-outer{ background-color:#404D51 !important;} */

body:not([data-header-format="left-header"]) #top .sf-menu li ul{background-color: #606060;}

body[data-header-color="custom"]:not(.material) #header-secondary-outer, #header-space{background-color:transparent!important;}

body .page-header-overlay-color{background-color: transparent!important;}

#page-header-bg { background-color: #252525 !important;}

.material #search-outer #search, .material #header-outer #search-outer #search, body.material #search-outer, body.material #header-outer #search-outer{display:none !important;}

body #breadcrumbs span a{color: #888888!important;}

@media screen and (max-width: 1410px) {
	
	#top nav >ul >li >a, .pull-left-wrap > ul > li > a{font-size:11px!important;}
}
/* ==== Harvest 24/10/2026 : slider d'accueil Nectar Slider (remplace Revolution Slider « home ») ====
   Reproduit Revolution Slider 5 : grille de 1240 x 568 centrée (réduite en proportion sous 1240 px),
   grille mobile de 480 x 720 sous 480 px. --u = 1 px de la grille, --gx = marge de la grille centrée.
   Bandeau noir (::before), barre jaune (::after) et texte entrent comme dans Revolution Slider. */
.sonec-ns-home .nectar-slider-wrap { container-type: inline-size; height: auto !important; left: 0 !important; margin-left: 0 !important; width: 100% !important; }
.sonec-ns-home .nectar-slider-wrap .swiper-container { --u: min(1px, calc(100cqw / 1240)); --gx: max(0px, calc((100cqw - 1240px) / 2)); --h: 568; }
.sonec-ns-home .nectar-slider-wrap .swiper-container,
.sonec-ns-home .nectar-slider-wrap .swiper-wrapper,
.sonec-ns-home .nectar-slider-wrap .swiper-slide { height: calc(var(--h) * var(--u)) !important; min-height: 0 !important; }
.sonec-ns-home .nectar-slider-wrap .swiper-container { width: 100% !important; left: 0 !important; margin: 0 !important; }
.sonec-ns-home .nectar-slider-wrap .swiper-slide { transition-duration: 300ms !important; }
.sonec-ns-home .swiper-slide .slide-bg-wrap .image-bg { background-size: cover !important; background-position: center bottom !important; }
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns .container { position: absolute !important; inset: 0 !important; max-width: none !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; }
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns .content { position: absolute !important; inset: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; top: 0 !important; text-align: left !important; }
/* Bandeau et barre */
.sonec-ns-home .swiper-slide.sonec-ns .content::before,
.sonec-ns-home .swiper-slide.sonec-ns .content::after { content: ""; position: absolute; z-index: 0; opacity: 0; }
.sonec-ns-home .swiper-slide.sonec-ns .content::before {
	left: calc(var(--gx) + var(--bx) * var(--u)); top: calc(var(--by) * var(--u));
	width: calc(var(--bw) * var(--u)); height: calc(var(--bh) * var(--u)); background: rgba(0, 0, 0, .69);
}
.sonec-ns-home .swiper-slide.sonec-ns .content::after {
	left: calc(var(--gx) + var(--rx) * var(--u)); top: calc(var(--ry) * var(--u));
	width: calc(396 * var(--u)); height: calc(15 * var(--u)); background: #ffe500; z-index: 2;
}
/* Texte (Varela Round 30/32, blanc ; tailles arrondies au pixel comme Revolution Slider) */
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns .content .ns-heading-el,
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns .content p {
	position: absolute !important; z-index: 1; margin: 0 !important; padding: 0 !important;
	left: calc(var(--gx) + var(--tx) * var(--u)); width: calc(var(--tw) * var(--u)); max-width: none !important;
	font-family: "Varela Round", sans-serif !important; font-weight: 400 !important; letter-spacing: 0 !important;
	font-size: round(nearest, calc(30 * var(--u)), 1px) !important; line-height: round(nearest, calc(32 * var(--u)), 1px) !important;
	color: #fff !important; text-shadow: none !important; text-transform: none !important; text-align: left !important; opacity: 0;
}
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns .content .ns-heading-el { top: calc(var(--ty) * var(--u)) !important; }
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns .content p { top: calc(var(--t2y) * var(--u)) !important; }
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns .content p span { background: none !important; padding: 0 !important; font: inherit !important; letter-spacing: inherit !important; color: inherit !important; }
/* Entrées : bandeau depuis la gauche, texte en fondu, barre depuis la droite (310 ms, Power3.easeInOut) */
@keyframes sonec-ns-g { from { opacity: 0; translate: calc(-50 * var(--u)) 0; } to { opacity: 1; translate: 0 0; } }
@keyframes sonec-ns-d { from { opacity: 0; translate: calc(50 * var(--u)) 0; } to { opacity: 1; translate: 0 0; } }
@keyframes sonec-ns-f { from { opacity: 0; } to { opacity: 1; } }
.sonec-ns-home .swiper-slide.sonec-ns.swiper-slide-active .content::before { animation: sonec-ns-g 310ms cubic-bezier(.645, .045, .355, 1) 10ms both; }
.sonec-ns-home .swiper-slide.sonec-ns.swiper-slide-active .content::after { animation: sonec-ns-d 310ms cubic-bezier(.645, .045, .355, 1) 620ms both; }
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns.swiper-slide-active .content .ns-heading-el,
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns.swiper-slide-active .content p { animation: sonec-ns-f 310ms cubic-bezier(.645, .045, .355, 1) 300ms both; }
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns-1.swiper-slide-active .content .ns-heading-el,
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns-1.swiper-slide-active .content p { animation-name: sonec-ns-g; }
/* Positions (grille 1240) : bandeau bx/by/bw/bh, texte tx/ty/tw (+ t2y : 2e ligne), barre rx/ry */
.sonec-ns-home .swiper-slide.sonec-ns-1 { --bx: -4; --by: 343; --bw: 684; --bh: 137; --tx: 26; --ty: 373; --tw: 597; --t2y: 409; --rx: 34; --ry: 471; }
.sonec-ns-home .swiper-slide.sonec-ns-2 { --bx: 0; --by: 341; --bw: 684; --bh: 137; --tx: 35; --ty: 370; --tw: 679; --rx: 36; --ry: 470; }
.sonec-ns-home .swiper-slide.sonec-ns-3 { --bx: 0; --by: 341; --bw: 684; --bh: 137; --tx: 31; --ty: 370; --tw: 613; --rx: 32; --ry: 471; }
.sonec-ns-home .swiper-slide.sonec-ns-4 { --bx: 0; --by: 341; --bw: 684; --bh: 137; --tx: 34; --ty: 375; --tw: 613; --rx: 36; --ry: 471; }
.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns-1 .content .ns-heading-el { white-space: nowrap !important; }
/* Minuteur de Revolution Slider : barre jaune de 10 px en haut, remplie en 5 s à chaque diapositive */
@keyframes sonec-ns-minuteur { from { width: 0; } to { width: 100%; } }
.sonec-ns-home .swiper-slide.sonec-ns .slide-bg-wrap::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 10px; background: rgba(255, 204, 0, .45); z-index: 20; }
.sonec-ns-home .swiper-slide.sonec-ns.swiper-slide-active .slide-bg-wrap::after { animation: sonec-ns-minuteur 5000ms linear both; }
/* Flèches rondes (40 px, noir 50 %, chevron blanc) et puces (12 px + bord 3 px), comme Revolution Slider */
.sonec-ns-home .nectar-slider-wrap .slider-prev,
.sonec-ns-home .nectar-slider-wrap .slider-next {
	position: absolute !important; top: 50% !important; width: 40px !important; height: 40px !important; margin: -20px 0 0 !important; padding: 0 !important;
	display: block !important; border-radius: 50% !important; background: rgba(0, 0, 0, .5) !important; opacity: 1 !important; transform: none !important; z-index: 20 !important; overflow: hidden;
	transition: background-color .2s !important;
}
.sonec-ns-home .nectar-slider-wrap .slider-prev { left: 20px !important; right: auto !important; }
.sonec-ns-home .nectar-slider-wrap .slider-next { right: 20px !important; left: auto !important; }
.sonec-ns-home .nectar-slider-wrap .slider-prev:hover,
.sonec-ns-home .nectar-slider-wrap .slider-next:hover { background: #000 !important; }
.sonec-ns-home .nectar-slider-wrap .slider-prev > *,
.sonec-ns-home .nectar-slider-wrap .slider-next > * { display: none !important; }
.sonec-ns-home .nectar-slider-wrap .slider-prev::before,
.sonec-ns-home .nectar-slider-wrap .slider-next::before {
	content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px;
	border: solid #fff; border-width: 0 0 3px 3px; transform: translateX(1px) rotate(45deg);
}
.sonec-ns-home .nectar-slider-wrap .slider-next::before { border-width: 3px 3px 0 0; transform: translateX(-1px) rotate(45deg); }
.sonec-ns-home .nectar-slider-wrap .slider-pagination-wrap { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 20px !important; top: auto !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; transform: none !important; z-index: 20 !important; }
.sonec-ns-home .nectar-slider-wrap .slider-pagination { display: flex !important; justify-content: center; gap: 5px; position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; }
.sonec-ns-home .nectar-slider-wrap .slider-pagination .swiper-pagination-switch {
	display: block !important; width: 12px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; box-sizing: content-box !important;
	border: 3px solid #e5e5e5 !important; border-radius: 50% !important; background: linear-gradient(to bottom, #999 0%, #e1e1e1 100%) !important;
	opacity: 1 !important; box-shadow: none !important; transform: none !important; cursor: pointer;
}
.sonec-ns-home .nectar-slider-wrap .slider-pagination .swiper-pagination-switch:hover,
.sonec-ns-home .nectar-slider-wrap .slider-pagination .swiper-pagination-switch.swiper-active-switch { background: #666 !important; }
.sonec-ns-home .nectar-slider-wrap .slider-pagination .swiper-pagination-switch > *,
.sonec-ns-home .nectar-slider-wrap .slider-pagination .swiper-pagination-switch::before,
.sonec-ns-home .nectar-slider-wrap .slider-pagination .swiper-pagination-switch::after { display: none !important; }
/* Grille mobile 480 x 720 (la 2e ligne de la diapo 1 suit la 1re, au lieu de la chevaucher comme sous Revolution Slider) */
@container (max-width: 479px) {
	.sonec-ns-home .nectar-slider-wrap .swiper-container { --u: calc(100cqw / 480); --gx: 0px; --h: 720; }
	.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns .content .ns-heading-el,
	.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns .content p {
		font-size: round(nearest, calc(25 * var(--u)), 1px) !important; white-space: normal !important;
	}
	.sonec-ns-home .swiper-slide.sonec-ns-1 { --bx: 0; --by: 341; --bw: 481; --bh: 138; --tx: 31; --ty: 369; --tw: 434; }
	.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns-1 .content .ns-heading-el { display: inline !important; position: static !important; }
	.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns-1 .content p { display: inline !important; position: static !important; }
	.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns-1 .content { padding: calc(369 * var(--u)) calc(15 * var(--u)) 0 calc(31 * var(--u)) !important; font-size: round(nearest, calc(25 * var(--u)), 1px); line-height: round(nearest, calc(32 * var(--u)), 1px); }
	.sonec-ns-home .nectar-slider-wrap[data-full-width][data-fullscreen] .swiper-slide.sonec-ns-1 .content .ns-heading-el::after { content: " "; }
	.sonec-ns-home .swiper-slide.sonec-ns-2 { --bw: 482; --bh: 138; --tw: 447; }
	.sonec-ns-home .swiper-slide.sonec-ns-3 { --bw: 481; --bh: 138; --ty: 371; --tw: 448; }
	.sonec-ns-home .swiper-slide.sonec-ns-4 { --bw: 484; --bh: 138; --tw: 442; }
}
/* ==== fin Harvest slider d'accueil ==== */

/* ==== Harvest 24/10/2026 : largeurs de contenu de Salient 11 conservées sous Salient 18 ====
   Salient 11 figeait la largeur sous 1000 px (600 / 420 / 320 px) ; Salient 18 prend 94 % de l'écran. */
@media only screen and (min-width: 691px) and (max-width: 999px) {
	body .container, body #header-outer header#top .container, body #footer-outer .container { max-width: 600px !important; width: 100% !important; }
}
@media only screen and (min-width: 480px) and (max-width: 690px) {
	body .container, body #header-outer header#top .container, body #footer-outer .container { max-width: 420px !important; width: 100% !important; }
}
@media only screen and (max-width: 479px) {
	body .container, body #header-outer header#top .container, body #footer-outer .container { max-width: min(320px, calc(100% - 20px)) !important; width: 100% !important; }
}
/* ==== fin Harvest largeurs Salient 11 ==== */
