@charset "utf-8";
/*
Theme Name: FRESAL 2021
Template: salient
Theme URI: https://fresal.com/
Author: Milo Neri & André Monti
Author URI: https://creandre.com/
Description: Tema figlio di Salient realizzato per FRESAL Srl. Supporta WPML e Woocommerce.
License: Copyright
Text Domain: fresal2021
*/


/* colors */
:root {
	
	--fresal-blue:         #00275d;
	--metallo-duro:        #006aa9;
	--light-metallo-duro:  #00aaff;
	--hss-hsspm:           #008166;
	--punte:               #de561e;
	--aerospace:           #a4b6bc;
	--ugv:                 #a4b6bc;
	--speciali:            #fff;
	
	--alesatori:           linear-gradient( 90deg, var(--metallo-duro), var(--hss-hsspm));
	
}




/* spacing */

:root {	
	--gap:   40px;
	--dgap:  calc( var(--gap) * 2);         /* 80 */
	--hgap:  calc( var(--gap) / 2);         /* 20 */
	
	--gap-xl: calc( (var(--gap) / 2) * 5);  /* 100 */
	--gap-l:  calc( (var(--gap) / 2) * 3);  /*  60 */
	--gap-m:  calc( (var(--gap) / 4) * 5);  /*  50 */
	--gap-s:  calc( var(--gap) / 4);        /*  10 */
	--gap-xs: calc( var(--gap) / 8);        /*   5 */
	
}

/* grid */

:root {
	
	--is_1col:  calc((100% - (var(--gap) * 11)) / 12 );
	--is_2col:  calc(var(--is_1col) * 2  + var(--gap));
	--is_3col:  calc(var(--is_1col) * 3  + (var(--gap) * 2));
	--is_4col:  calc(var(--is_1col) * 4  + (var(--gap) * 3));
	--is_5col:  calc(var(--is_1col) * 5  + (var(--gap) * 4));
	--is_6col:  calc(var(--is_1col) * 6  + (var(--gap) * 5));
	--is_7col:  calc(var(--is_1col) * 7  + (var(--gap) * 6));
	--is_8col:  calc(var(--is_1col) * 8  + (var(--gap) * 7));
	--is_9col:  calc(var(--is_1col) * 9  + (var(--gap) * 8));
	--is_10col: calc(var(--is_1col) * 10 + (var(--gap) * 9));
	--is_11col: calc(var(--is_1col) * 11 + (var(--gap) * 10));
	--is_12col: 100%;
	
	
}

/* Apply the grid */
@media (min-width: 1024px) {
	
	.col-container {display: flex; justify-content: space-between}
	.col           {box-sizing: border-box}
	
	.is_1col-wide    {width: var(--is_1col);  }
	.is_2col-wide    {width: var(--is_2col);  }
	.is_3col-wide    {width: var(--is_3col);  }
	.is_4col-wide    {width: var(--is_4col);  }
	.is_5col-wide    {width: var(--is_5col);  }
	.is_6col-wide    {width: var(--is_6col);  }
	.is_7col-wide    {width: var(--is_7col);  }
	.is_8col-wide    {width: var(--is_8col);  }
	.is_9col-wide    {width: var(--is_9col);  }
	.is_10col-wide   {width: var(--is_10col); }
	.is_11col-wide   {width: var(--is_11col); }
	.is_12col-wide   {width: var(--is_12col); }

	.row {}
	
}
	

/* FIX */

/* home: salient aggiunge spazio prima del contenuto */
.home-wrap                                   {padding-top: 0}
.home-wrap .full-width-section.first-section {margin-top: 0}
.page .container-wrap                        {padding-bottom: 0 !important}



/* MODIFIERS */

.hidden           {display: none !important}
.uppercase        {text-transform: uppercase}
.underline        {text-decoration: underline}
.barlow-condensed {font-family: 'Barlow Condensed' !important}

.light            {font-weight: 300 !important}
.regular          {font-weight: normal !important}
.medium           {font-weight: 500 !important}
.bold             {font-weight: bold !important}

.h2               {font-size: 36px; line-height: 36px}
.h3               {font-size: 24px; line-height: 30px}

.xl-copy          {font-size: 21px; line-height: 28px}
.l-copy           {font-size: 18px; line-height: 27px}
.m-copy           {font-size: 16px; line-height: 24px}
.s-copy           {font-size: 14px; line-height: 21px}
.xs-copy          {font-size: 12px; line-height: 18px}


.coming-soon-tagline {opacity:.8}



a.underline:hover {text-decoration:none}



/* BUTTONS */

body .nectar-button.fresal-btn         {font-weight: 500; line-height: 1}
body .nectar-button.small.fresal-btn   {font-size: 18px; padding: .4em 1.2em}
body .nectar-button.medium.fresal-btn  {font-size: 24px; padding: .4em 1.2em}
body .nectar-button.large.fresal-btn   {font-size: 28px; padding: .4em 1.2em !important}

body.material .nectar-button.has-icon.small.fresal-btn {display: inline-flex; gap: .6em; padding: calc(2px + .4em) calc(2px + 1.2em); align-items: center}
body.material .nectar-button.has-icon.small.fresal-btn :is(span,i){position:unset; transform:unset; top:unset; font-size:1em; color:currentColor; width:unset;height:unset;line-height:1;background:transparent}
body.material .nectar-button.has-icon.small.fresal-btn i {font-size:.75em}




/* NAVIGATION */

#header-outer .bordo-dx a              {border-right: solid 1px var(--fresal-blue); padding-right: 40px !important}
#header-outer .bordo-dx + .bordo-dx a  {padding: 0 40px !important}
#header-outer .wpml-ls-first-item a    {padding-left: 40px !important}

#header-outer #top nav > ul > li.wpml-ls-current-language  > a {color: var(--metallo-duro) !important}

#header-outer #top nav ul .slide-out-widget-area-toggle a {height: auto; line-height: 0}

@media (min-width: 1000px) and (max-width: 1279px) {
	
	#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu).shop-categories ul li a:hover,
	#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu).shop-categories ul li a:focus  {color: var(--light-metallo-duro) !important}
	
}
@media (min-width: 1280px) {
	
	/* fullwidth layout */
	#header-outer li.shop-categories              {position: static}
	#header-outer li.shop-categories ul           {left: -12px !important; right: -12px !important; width: calc(100% + 24px); display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; border-top: none !important; gap:var(--hgap)}
	#header-outer li.shop-categories li           {display: block; width: max-content; flex-grow: 0; flex-shrink: 0; flex-basis: auto}
	
	/* behave like a btn */
	#header-outer li.shop-categories li a                {padding: 0.3333333em 1.5em; border-radius: 200px; transform: translateY(0); transition: transform .45s cubic-bezier(0.25, 1, 0.33, 1) !important}
	#header-outer li.shop-categories li:not(.speciali) a {text-shadow: 1px 1px 1px rgba(0,0,0,.75)}
	#header-outer li.shop-categories li a:hover,
	#header-outer li.shop-categories li a:focus          {transform: translateY(-3px)}
	
	/* colors */
	#header-outer li.shop-categories li.metallo-duro a   {background-image: linear-gradient(var(--metallo-duro),var(--metallo-duro))}
	#header-outer li.shop-categories li.hss-hsspm    a   {background-image: linear-gradient(var(--hss-hsspm),var(--hss-hsspm))}
	#header-outer li.shop-categories li.alesatori    a   {background-image: var(--alesatori)}
	#header-outer li.shop-categories li.punte        a   {background-image: linear-gradient(var(--punte),var(--punte))}
	#header-outer li.shop-categories li.aerospace    a   {background-image: linear-gradient(var(--aerospace),var(--aerospace))}
	#header-outer li.shop-categories li.ugv          a   {background-image: linear-gradient(var(--ugv),var(--ugv))}
	#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu).shop-categories ul li.speciali a,
	#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu).shop-categories ul li.speciali a:hover,
	#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu).shop-categories ul li.speciali a:focus   {background-image: linear-gradient(var(--speciali),var(--speciali)); color: var(--fresal-blue) !important}
	
	/* arrow up */
	#header-outer li.shop-categories > a::after            {content: ''; display: block; position: absolute; top: 37px; left:calc((100% - var(--hgap)) / 2); transform: translateX(-50%); opacity: 0;
	                                                        border-top: solid 0 transparent; border-right: solid 11px transparent; border-bottom: solid 15px var(--fresal-blue); border-left: solid 11px transparent}
	
	#header-outer.small-nav li.shop-categories > a::after  {top: 30px}

	#header-outer li.shop-categories.sfHover > a::after      {opacity: 1}
	

	
}
@media (min-width: 1366px) {
	#header-outer li.shop-categories ul           {justify-content:center; gap:var(--gap)}
}



/* FOOTER */

#footer-widgets .col:first-child .widget_media_image {line-height: 0; margin-bottom: 21px}
#footer-widgets .widget > h4                         {margin-top: 7px; margin-bottom: 17px !important}

#footer-widgets .col:nth-child(2) a                  {color: var(--fresal-blue) !important}

.material #footer-outer #footer-widgets .col .widget_nav_menu ul li:first-child {padding-top: 0 !important}

#footer-widgets .widget_nav_menu a                   {text-transform: none}


#footer-outer {border-top:solid 1px var(--fresal-blue)}

@media (min-width: 690px) {
	
	#copyright .col        {width: var(--is_8col); margin: 0}
	#copyright .col + .col {width: var(--is_4col); margin: 14px 0 0 var(--gap)}
}



@media (min-width: 1000px) {
	
	#footer-widgets .col:not(:last-child)  {margin-right: var(--gap)}
	#footer-widgets .col:first-child       {width: var(--is_5col) !important; padding-right: var(--is_1col)}
	#footer-widgets .col:nth-child(2)      {width: var(--is_3col) !important}
	#footer-widgets .col:nth-child(3),
	#footer-widgets .col:nth-child(4)      {width: var(--is_2col) !important}	
	
}



/* 6 nov 2025 FOOTER EXTRA aggiunte certificazioni da functions.php */
#footer-extra {display:flex;position:relative;align-items:center;padding:30px 0!important}
#footer-extra::before {content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;border-top:1px solid #171f26}
#footer-extra .imgs {width:100%;flex-grow:1;display:flex;align-items:center;justify-content:space-between}

@media (max-width:1000px) {
	
	#footer-extra {flex-direction:column;gap:20px;text-align:center}
}
@media (max-width:500px) {
	
	#footer-extra .imgs {display:grid;grid-template-columns:1fr 1fr; gap:10px}
	#footer-extra .imgs img {width:100%;height:100px;object-fit:contain}
}




/* WOOCOMMERCE GENERAL */

.nectar-shop-header .woocommerce-breadcrumb {margin-bottom: 1.5em}



/* MAIN SHOP PAGE */

.main-shop-page .post-area {width: 100% !important; margin: 0 !important}

.main-shop-page .woocommerce-ordering,
.main-shop-page .woocommerce-result-count,
.main-shop-page .page-description > p:first-child,
.main-shop-page .woocommerce-notices-wrapper,
.main-shop-page .products,
.main-shop-page #sidebar   {display: none !important}



.card.min-height-300 {min-height: 100px}
.card.min-height-300 .vc_custom_heading {margin-bottom: 0}

@media (min-width:  768px) {.card.min-height-300 {min-height: 144px}}
@media (min-width: 1024px) {.card.min-height-300 {min-height: 200px}}



/* WOOCOMMERCE ARCHIVE & PRODUCT GROUPS */
/* Attenzione: le impostazioni del tema possono sovrascrivere queste regole */


/* tutti i gruppi di prodotti */
.woocommerce .material.product .product-wrap {border-radius: 0}

.woocommerce ul.products li.product .product-meta h2 {font-weight:500!important; font-size:20px!important; line-height:1!important; color:var(--fresal-blue)}
.woocommerce ul.products li.product .product-wrap .product-add-to-cart a {line-height: unset !important; border: none !important}
.woocommerce ul.products li.product .product-wrap .product-add-to-cart a > span {font-size: 12px!important; padding: 0 1.5em !important; line-height: 1.8em; border-radius: .9em; color: #fff; font-family: 'Barlow Condensed'; font-weight: 500 !important; letter-spacing: .025em; background: var(--fresal-blue)}
.woocommerce ul.products li.product .product-wrap .product-add-to-cart a:is(:hover,:focus) {opacity: .85}
.woocommerce ul.products li.product .product-wrap .product-add-to-cart a:is(:hover,:focus) > span {color: #fff !important}

.woocommerce                                          ul.products li.product .product-wrap img {border: solid 1px var(--ugv)}
.woocommerce.term-solid-carbide-end-mills             ul.products li.product .product-wrap img {border-color: var(--metallo-duro)}
.woocommerce.term-steel-end-mills                     ul.products li.product .product-wrap img {border-color: var(--hss-hsspm)}
.woocommerce.term-solid-carbide-drills                ul.products li.product .product-wrap img {border-color: var(--punte)}
.woocommerce.term-solid-carbide-reamers-steel-reamers ul.products li.product .product-wrap img {border-top-color:var(--metallo-duro);border-left-color:var(--metallo-duro);border-bottom-color:var(--hss-hsspm);border-right-color:var(--hss-hsspm)}

.woocommerce ul.products li.material.product .product-meta .price {display: block}
.woocommerce ul.products li.material.product .product-meta .price > .amount {font-size: 16px; font-weight: 800; font-family: 'Barlow Condensed'; color: var(--fresal-blue); line-height: 1 !important}
.woocommerce ul.products li.material.product .product-meta .price > .woocommerce-price-suffix {font-size: 10px; text-transform: none}


/* archivi */
.woocommerce.archive:not(.single-product) ul.products {display: grid; grid-template-columns: 1fr; grid-gap: 18px}
.woocommerce.archive:not(.single-product) ul.products li.material.product.type-product {margin:0 !important; min-width: 100%; padding: 24px !important}
.woocommerce.archive:not(.single-product) ul.products li.product .product-wrap {display: flex; gap: 12px}

.woocommerce.archive ul.products li.product .product-wrap img {width: 80px; height: auto}

.woocommerce.archive ul.products li.product .product-meta     {padding: 0; width:100%}
.woocommerce.archive ul.products li.product .product-meta h2  {padding: 0}

.woocommerce.archive ul.products li.material.product .product-wrap .product-meta > .product-add-to-cart {opacity:1; transform: none; position: static}
.woocommerce.archive li.material.product:hover .product-meta h2 {transform: none}
.woocommerce.archive li.material.product:hover .product-wrap .product-meta > .price {opacity:1; transform: none}
.woocommerce.archive li.material.product:hover .product-wrap .product-meta > .product-add-to-cart {opacity:1; transform: none}



@media (min-width: 1000px) {
	
	/* tutti i gruppi di prodotti */
	.woocommerce ul.products li.product .product-meta h2  {font-size: 22px !important}
	.woocommerce ul.products li.material.product .product-meta .price > .amount {font-size: 18px}
	.woocommerce ul.products li.material.product .product-meta .price > .woocommerce-price-suffix {font-size: 12px}
	.woocommerce ul.products li.product .product-wrap .product-add-to-cart a > span {font-size: 14px!important}
	
	
	/* archivi */
	.woocommerce.archive:not(.single-product) ul.products li.product .product-wrap {gap: 20px}
	.woocommerce.archive ul.products li.product .product-wrap img {width: 100px}
	.woocommerce.archive ul.products li.product .product-wrap > a {flex-shrink: 0; flex-grow: 0}
	
	.woocommerce.archive ul.products li.product .product-meta     {position:relative; display:flex; justify-content: space-between; gap: 12px}
	.woocommerce.archive ul.products li.product .product-meta h2  {font-size: 28px !important}
	
	.woocommerce.archive ul.products li.material.product .product-meta .price {white-space: nowrap; flex-shrink: 0;text-align:right}
	.woocommerce.archive ul.products li.material.product .product-meta .price > .amount {font-size: 28px}
	.woocommerce.archive ul.products li.material.product .product-meta .price > .woocommerce-price-suffix {display:block}
	
	.woocommerce.archive ul.products li.material.product .product-wrap .product-meta > .product-add-to-cart {position:absolute;right:0;bottom:0;left:auto}

	
	
}
@media (min-width: 1440px) {
	
	/* tutti i gruppi di prodotti */
	.woocommerce ul.products li.product .product-meta h2  {font-size: 24px !important}
	.woocommerce ul.products li.material.product .product-meta .price > .amount {font-size: 22px}
	.woocommerce ul.products li.material.product .product-meta .price > .woocommerce-price-suffix {font-size: 14px}
	.woocommerce ul.products li.product .product-wrap .product-add-to-cart a > span {font-size: 18px!important}
	
	
	/* archivi */
	.woocommerce.archive ul.products li.product .product-wrap img {width: 130px}
	.woocommerce.archive ul.products li.product .product-meta h2  {font-size: 36px !important}
	.woocommerce.archive ul.products li.material.product .product-meta .price > .amount {font-size: 36px}
	
	
}






/* BOTTONI PAG. CATALOGHI */
.nectar-button.regular.fresal-btn.alesatori {background-image:linear-gradient(to right,var(--metallo-duro),var(--hss-hsspm))}
.nectar-button.regular.fresal-btn.aerospace {text-shadow:1px 1px 3px #000a; background-color:var(--aerospace)!important}
.nectar-button.regular.fresal-btn.ugv       {text-shadow:1px 1px 3px #000a; background-color:var(--ugv)!important}



/* ICONE CATALOGHI */

.icona-catalogo  {background-size: cover; background-repeat: no-repeat; width: 50px; height: 50px; display: inline-block; margin-right: .5em}
.diacut          {background-image: url('https://fresal.ondev.it/wp-content/uploads/2021/03/ico_DIACUT.jpg')}