/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.e-con{
	--padding-left:var(--container-default-padding-left,16px);
	--padding-right:var(--container-default-padding-right,16px);
}
:root select{
	background-image:url(images/chevron.svg);
}
:root select option{
	background-color:white;
	color:black;
}
/*GENERAL*/
body .site-logo{
	padding-inline: 5px;
}
a{
	text-underline-offset: 8px;
}
p a{
	text-underline-offset: 2px;
}
.btn.btn-style-link{
	padding-bottom:5px;
}
body .wd-content-layout{
	padding-block:0;
}
.color-scheme-light p{
	color:var(--wd-title-color);
}
.btn-color-alt:hover{
	background:var(--e-global-color-accent);
}
@media (min-width: 1025px) {
	body .wd-page-title .title{
		font-size:32px
	}
}
body .box-style-border .info-box-content{
	border:1px solid var(--brdcolor-gray-300);
}
body .contact-info-box .wd-autoheight .wd-carousel-item,
body .contact-info-box .wd-info-box{
	height:100%;
}
body .wd-my-account-wrapper{
	margin-top:30px;
	margin-bottom:90px;
}
.wd-accordion.wd-opener-pos-left>.wd-accordion-item>.wd-accordion-title{
	padding:10px 0;
}
/*HEADER*/
@media (min-width: 1025px) {
	body .whb-full-width .whb-row>.container, body .whb-full-width+.whb-clone .whb-row>.container{
		width: clamp(var(--wd-container-w), 100%, 100%);
	}
}
.wd-header-nav.wd-header-secondary-nav,
.whb-main-header .wd-header-text{
	flex:0 1 auto;
}
header .wd-header-nav{
	flex: 1 0 auto;
	text-align:left;
}
.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after{
	content: "\f143";
	color:var(--e-global-color-accent);
}
.whb-sticked .whb-color-light:not(.whb-with-bg){
	background: linear-gradient(180deg,rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
}
/*PAGE TITLE*/
body .wd-page-title .container{
	justify-content:center;
	flex-direction:column-reverse
}
body .wd-page-title .title,
body :is(.wd-breadcrumbs,.yoast-breadcrumb){
	width:100%;
	text-align:center;
}
/*WPML*/
.wpml-ls-statics-footer.wpml-ls-legacy-list-horizontal{
	padding:0;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul,
.wpml-ls-legacy-list-horizontal .wpml-ls-item{
	display:flex;
	align-items:center;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:after{
	content:"/"
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child:after{
	content:""
}
/*FOOTER*/
.newsletter-input {
	display: flex;
	align-items: center;
	background:#EDEDED;
	padding:4px 16px;
}
.newsletter-input .wpcf7-form-control-wrap{
	width:100%;
	display:block;
	margin:0;
}
.newsletter-input input[type="email"] {
  	flex: 1;
  	padding: 16px;
	border:0;
	background:transparent;
}
div.wpcf7 .newsletter-input input[type="submit"]{
  border:0;
  background: none;
  font-weight:700;
  color: #000;
  cursor: pointer;
  outline: none;
}
div.wpcf7 .newsletter-input .button-wrapper{
	position:relative;
}
div.wpcf7 .newsletter-input .button-wrapper:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 1%;
  height: 1px;
  width: 0%;
  background: black;
  transition: width 0.3s ease;
}
.button-wrapper input[type="submit"]:disabled {
  color: #ccc;
  cursor: not-allowed;
}
div.wpcf7 .newsletter-input .button-wrapper:hover::after{
	width:100%;
	background-color:var(--e-global-color-accent);
}
div.wpcf7 .newsletter-input .button-wrapper input[type="submit"]:hover{
	background:none;
	color:black;
}
div.wpcf7 .newsletter-privacy{
	margin-top:8px;
}
.footer-middle .wd-menu>.widget-title{
	text-transform:none;
	padding:0 0 5px 0;
	border-bottom:1px solid black;
	margin-bottom:10px;
	font-size:14px;
}
.footer-middle .wd-nav-vertical.wd-design-default{
	border:0
}
.footer-middle .wd-nav>li>a{
	padding:5px 0;
}
.footer-middle .wd-nav-vertical.wd-design-default>li:not(:last-child){
	border:0
}
.footer-middle .wd-accordion-title{
	border-bottom:1px solid black;
}
footer .wd-copyrights{
	border-top-color:black;
}
@media (min-width: 768px) {
	.footer-middle .wd-accordion-title{
		pointer-events: none;
  		cursor: default;
	}
	.footer-middle .wd-accordion-title .wd-accordion-opener{
		display:none
	}
	.footer-middle .wd-accordion-content{
		opacity:1;
		display:block;
	}
}
/*Slider*/
#home-slider .wd-carousel-item:before,
#home-slider .wd-carousel-item:after{
	content:"";
	width:100%;
	height:200px;
	display:block;
	z-index:1;
	position:absolute;
}
#home-slider .wd-carousel-item:before{
	background: linear-gradient(180deg,rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);
	left:0;
	top:0;
}
#home-slider .wd-carousel-item:after{
	background: linear-gradient(0deg,rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);
	left:0;
	bottom:0;
}
#home-slider .wd-slide-container{
	z-index:2;
}
#home-slider .wd-slider-pagin.wd-style-number-2 li span{
	font-weight:400;
}
#home-slider .wd-carousel,
#home-slider .wd-carousel.wd-autoheight,
#home-slider .wd-carousel.wd-autoheight .wd-carousel-item{
	/*height:calc(95vh - 40px);*/
	height:100vh
}
#home-slider .wd-nav-pagin span{
	opacity:0;
}
#home-slider .wd-slider-pagin.wd-style-text-1 li.wd-active:after{
	border-color: var(--e-global-color-accent);
}
#home-slider .elementor .elementor-background-video-container,
#home-slider .elementor .elementor-background-video-container video{
	 pointer-events: none;
}
#home-slider .slide-button{
	width:100%;
	height:100%;
	background:transparent;
	z-index:200;
}
#home-slider .slide-button .btn{
	width:100%;
	height:100%;
	background:transparent;
	z-index:210;
	padding:0;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
@media (max-width: 768px) {
	#home-slider .wd-carousel,
	#home-slider .wd-carousel.wd-autoheight,
	#home-slider .wd-carousel.wd-autoheight .wd-carousel-item{
		/*height:calc(80vh - 40px);*/
		height:100svh
	}
}
.slider-title{
	padding:0 16px;
}
.btn.btn-style-link:hover{
	border-color:var(--e-global-color-accent);
}
body .wd-nav-pagin-wrap[class*="wd-style-shape"] span{
	width:var(--wd-pagin-size, 8px);
	height:var(--wd-pagin-size, 8px);
}
body .wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span{
	border-color:var(--e-global-color-accent);
	background:var(--e-global-color-accent);
}
/*body .wd-nav-pagin li.wd-active{
	padding: 5px;
    border: 1px solid var(--e-global-color-accent);
    border-radius: 100%;
}*/
/*Hotspot*/
.wd-image-hotspot .hotspot-content .wd-entities-title,
.wd-image-hotspot .hotspot-content .price{
	font-size:14px;
}
.wd-image-hotspot .wd-more-desc .wd-more-desc-inner{
	display:none;
}
/*Category*/
.wd-product.wd-hover-quick .wd-add-btn > a.btn-on-request,
body .wd-product.wd-hover-quick .wd-add-btn>a{
	/*display:flex;
	align-items:center;*/
	display: inline-block;
    align-items: center;
    width: auto;
    margin: 0 auto 16px;
    background: white;
    border-bottom: 2px solid var(--wd-alternative-color);
    color: black;
    line-height: 1.2;
	padding:5px;
	font-weight:var(--wd-title-font-weight);
}
.wd-product.wd-hover-quick .wd-add-btn > a.btn-on-request:before,
.wd-product.wd-hover-quick .wd-add-btn > a.btn-on-request:after{
	display:none;
}
.wd-product.wd-hover-quick .wd-add-btn > a.btn-on-request{
	min-height: 32px;
}
body .wd-product.wd-hover-quick .wd-add-btn>a{
	min-height: 22px;
}
.wd-loop-builder-off .wd-product .wd-entities-title a{
	font-size:12px;
}
@media (max-width: 768.98px) {
	.wd-product.wd-hover-quick .wd-add-btn > a.btn-on-request,
	body .wd-product.wd-hover-quick .wd-add-btn>a{
		margin: 0 auto 1px;
		border-bottom: 1px solid transparent;
		width: 100%;
	}
	.wd-product.wd-hover-quick .wd-add-btn > a.btn-on-request{
		min-height:20px;
	}
	.wd-product.wd-hover-quick .wd-add-btn .add-to-cart-loop{
		float:left;
	}
}
@media (max-width: 1024px) {
	body .wd-product.wd-hover-quick .wd-add-btn .add-to-cart-loop{
		filter:none!important;
	}
}
.wd-product.wd-hover-quick .wd-add-btn > a.btn-on-request:hover,
body .wd-product.wd-hover-quick .wd-add-btn>a:hover{
	border-color:var(--wd-primary-color);
	background:transparent;
	color:var(--wd-primary-color);
}
@media (max-width: 768.98px) {
	.wd-product.wd-hover-quick .wd-add-btn{
		    --btn-height: 20px!important;
	}
	.wd-product.wd-hover-quick .wd-add-btn > a.btn-on-request{
		font-size: 10px;
	}
}
.wd-active-filters .wd-clear-filters a,
.widget_layered_nav_filters a{
	padding: .5rem 1rem;
	border:1px solid #000;
	line-height: 1.2;
}
/*Product Page*/
body .wd-sticky-btn p.stock.wd-style-default:is(.available-on-backorder,.in-stock),
.wd-sticky-btn-thumbnail{
	display:none;
}
body [class*="wd-swatches"].wd-dis-style-1 .wd-swatch.wd-disabled{
	opacity: 1;
}
#wc-stripe-express-checkout-element>div{
	min-width:auto;
}
@media (min-width: 1024px) {
	.wd-sticky-btn-shown.wd-sticky-btn{
		display:none
	}
}
@media (max-width: 768.98px) {
	.wd-sticky-btn-on-mb .wd-sticky-btn{
		transform: translate3d(0, 0, 0);
		padding: 1rem;
        background: white;
        height: auto;
	}
	body .wd-sticky-btn-shown.wd-sticky-btn{
		transform: translate3d(0, 100%, 0);
	}
	body .wd-sticky-btn .price .amount,
	body .wd-sticky-btn .bn-price-prefix{
		font-size:14px
	}
	body .wd-sticky-btn .bn-price-prefix{
		margin-right:5px;
	}
	body .wd-sticky-btn .container,
	body .wd-sticky-btn .wd-sticky-btn-cart{
		display:block;
		padding-inline: 0;
		margin-inline: 0;
	}
	body .wd-sticky-btn :is(.price,p.stock,.wd-sticky-btn-content) {
		display:flex;
		margin-bottom: 4px;
	}
	body .wd-sticky-btn :is(.wd-buy-now-btn,.wd-action-btn,.wd-sticky-btn-thumbnail){
		display:none;
	}
	body .scrollToTop{
		display:none
	}
}
body div.quantity input[type="number"]{
	padding: 0;
	text-align:center
}
body div.quantity input.minus[type="button"]{
	border-width:1px 0 1px 1px;
}
body div.quantity input.plus[type="button"]{
	border-width:1px 1px 1px 0;
}
/*Products*/
.product-element-top{
	background-color:#f6f6f6
}

.wd-short-desc p{
	font-size:var(--e-global-typography-3707b3b-font-size);
	margin-bottom:0;
			display: -webkit-box;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
}
body .wd-hover-info-alt .grid-product-info .wd-short-desc p {
	color: #fff!important;
}

body .wd-add-btn-replace .add-to-cart-loop:before{
	content:"";
	background:url(/wp-content/uploads/2025/11/icon-cart-o-d.svg) no-repeat center center;
}
body .outofstock .wd-add-btn-replace .add-to-cart-loop:before{
	background:none;
}
body .price,
body  .amount{
	font-size:12px;
	color:var(--wd-text-color);
	font-weight:500;
}
body .price .amount{
	font-weight:500
}
body .wd-product:not(.wd-hover-small) :is(.product-image-link,.hover-img) :is(picture,img){
	/*aspect-ratio: 1 / 1;*/
	aspect-ratio: 4 / 5;
	object-fit:cover;
}
body .wd-product .product-image-link:before,
body .woocommerce-product-gallery .wd-carousel-item a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#f6f6f6;
	mix-blend-mode: multiply;
}
body .wd-grid-g>.wd-wider{
	grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
	height:100%;
	padding-bottom:110px;
}
body .wd-grid-g>.wd-wider .banner-content-background .wrapper-content-banner.wd-justify-center{
	height:auto;
}
body .wd-grid-g>.wd-wider *{
	height:100%;
}
.woodmart-archive-shop .promo-banner .banner-image :is(img,picture,video){
	/*aspect-ratio: 3 / 3.7;*/
	/*aspect-ratio: 3 / 4.3;*/
	height:100%;
}
.woodmart-archive-shop .wd-grid-f-col>.wd-col{
	/*margin-bottom:40px;*/
	margin-bottom:33px;
}
.woodmart-archive-shop .wd-grid-f-col>.wd-col.w-banner-in-grid{
	margin-bottom:33px;
}
/*.woodmart-archive-shop .promo-banner{
	max-height:1218px;
	max-height:1518px;
}*/
.archive .wd-product .product-wrapper{
	gap:0;
}
.archive .wd-shop-product .promo-banner-wrapper:after{
	content:"";
	display:block;
	width:100%;
	min-height:110px;
}
.archive .wd-nav-product-cat>li>a{
	flex-direction:column;
	gap: .75rem;
    justify-content: center;
}
.archive .wd-nav-product-cat:not(.wd-nav-mobile)>li>a img{
	margin:0 auto;
}
body .category-grid-item .wd-cat-image{
	margin:0;
}
body .category-grid-item:hover .wd-cat-image{
	transform:none;
	opacity:.7;
}
body .wd-product .grid-product-info{
	padding-top:var(--wd-prod-gap);
	display:flex;
	flex-direction:column;
	gap:var(--wd-prod-gap);
	min-height:110px;
}
.wd-cats .wd-autoheight .wd-carousel-wrap{
	justify-content:center
}
/*@media (max-width: 1680px) {
	.woodmart-archive-shop .promo-banner .banner-image :is(img,picture,video){
		aspect-ratio: 3 / 4.42;
	}
	.woodmart-archive-shop .wd-grid-f-col>.wd-col{
		margin-bottom:32px;
	}
	.woodmart-archive-shop .wd-grid-f-col>.wd-col.w-banner-in-grid{
		margin-bottom:33px;
	}
}*/
/*@media (max-width: 1480px) {
	.woodmart-archive-shop .promo-banner .banner-image :is(img,picture,video){
		aspect-ratio: 3 / 4.52;
	}
}*/
@media (max-width: 1024px) {
	body .wd-product.wd-hover-quick .wd-add-btn .add-to-cart-loop{
		background: transparent;
        filter: invert(1);
	}
}
@media (max-width: 768px) {
		body .wd-grid-g>.wd-wider{
		padding-bottom:33px;
	}
	body .wd-product .grid-product-info{
		min-height:80px
	}
}
/*Homepage*/
body .banner-content-background .wrapper-content-banner{
	background: linear-gradient(0deg,rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
}
body .promo-banner .wrapper-content-banner{
	padding:30px 30px 100px 30px;
}
@media (max-width: 768px) {
	/*body .promo-banner .wrapper-content-banner{
		padding:16px 16px 24px 16px;
	}*/
}
/*Timeline*/
body .woodmart-timeline-breakpoint-title{
	font-weight:400
}
/*Experience*/
.experience-card-wrapper .liner-continer{
	margin-bottom:0;
}
@media (min-width: 1024px) {
	.experience-card-wrapper .card-header .title-wrapper .title-after_title{
		min-height:125px
	}
	.experience-card-wrapper .card-header .title-wrapper .title-after_title p{
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}
/*Contact Form*/
:root textarea{
	min-height: 90px;
}
.wpcf7-form-control-wrap,
.mc4wp-checkbox.mc4wp-checkbox-contact-form-7{
	display:block;
	margin-bottom:16px;
}
input[type="number"]{
	text-align:left;
	padding: 0 15px;
}
div.wpcf7 input[type="submit"]{
	width:100%;
}
#ui-datepicker-div{
	min-width:280px;
}
#ui-datepicker-div .ui-state-highlight{
	background:rgba(239,106,0,.2);
	border-color:var(--e-global-color-accent);
}
#ui-datepicker-div .ui-state-active{
	background:var(--e-global-color-accent);
	border-color:var(--e-global-color-accent);
}
input.wpcf7-date_restrict[type='text']{
	background-image:url(images/calendar.svg);
	background-position: right 12px top 50%;
    background-size: auto 14px;
    background-repeat: no-repeat;
}
/*Info Box*/
body .box-icon-with-border .info-box-icon{
	border:1px solid #f1f1f1
}
body [class*="box-icon-with-"].box-with-text{
	--text-bg-size: 44px;
	font-size:16px;
}
/*Blog*/
@media (max-width: 768px) {
	.blog .wd-content-layout,
	.archive .wd-content-layout{
		padding:0;
	}
	.blog .wd-post-content,
	.blog .wd-el-title,
	.archive .wd-el-title{
		padding-right:16px;
		padding-left:16px;
	}
}
.archive .wd-content-layout{
	max-width:100%;
}
.blog .wd-post-thumb img,
.archive .wd-post-thumb img{
	aspect-ratio: 1 / 1;
	object-fit:cover;
}
.blog .wd-post,
.archive .wd-post{
	margin-bottom:30px;
}
.blog #evidence .wd-post-thumb img,
.archive #evidence .wd-post-thumb img{
	aspect-ratio: 1 / 1;
}
.single-post .wp-block-image img{
	width:100%;
}
.single-post .wp-block-image img{
	margin-bottom:20px;
}
.single-post .wd-single-post-content p,
.single-post .wd-single-post-content ul li{
	font-size:16px;
}
@media (min-width: 1024px) {
	.blog #evidence .wd-post{
		position:relative;
	}
	.blog #evidence .wd-post-thumb img,
	.archive #evidence .wd-post-thumb img{
		height:80vh
	}
	.blog #evidence .wd-post:after{
		content:"";
		position:absolute;
		bottom:0;
		width:100%;
		height:60%;
		background: linear-gradient(0deg,rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
	}
	.blog #evidence .wd-post-content *{
		color:white;
	}
	#evidence .blog-design-meta-image.blog-style-flat .wd-post-thumb{
		margin-bottom:0;
	}
	.blog #evidence .wd-post-content{
		position: absolute;
		bottom: 80px;
		margin: 0;
		left: 50%;
		transform:translatex(-50%);
		align-items:center;
	}
	.blog #evidence .wd-post-thumb img,
	.archive #evidence .wd-post-thumb img{
		aspect-ratio: 16 / 9;
	}
}
.blog-design-meta-image.has-post-thumbnail .wd-post-header{
	display:none;
}
.blog .wd-post .wd-post-title,
.archive .wd-post .wd-post-title{
	font-size:18px;
}
.single-post .wd-content-layout{
	max-width:600px;
}
.single-post .post-single-page img{
	width:100%;
}
body .wd-single-post-header .wd-post-meta,
body .wd-post-read-more.wd-style-link{
	display:none;
}
.blog .blog-design-masonry .wd-post-content{
	padding-top:8px;
	padding-bottom:40px;
}
#post-image .wd-post-image,
#post-image .wd-post-image img{
	width:100%;
	display:block;
}
#post-image .wd-single-post-title,
#post-meta{
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: calc(100% - 24px);
}
#post-image .wd-post-image:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,.35);
	z-index:1;
}
@media (min-width: 1024px) {
	#post-image .wd-post-image img{
		aspect-ratio: 16 / 9;
		object-fit:cover;
		object-position:center;
		height:75vh
	}
}
@media (max-width: 768px) {
	#post-image .wd-post-image img{
		aspect-ratio: 3 / 4;
		object-fit:cover;
	}
}
/*CART*/
body .wd-checkout-steps{
	margin:0 auto;
}
.wd-checkout-steps li{
	font-size:16px;
}
body .cart-totals-inner .shipping-calculator-form .button{
	width:100%;
	color:black;
}
#ship-to-different-address{
	background:#EEE;
	padding:1rem;
}
#ship-to-different-address label{
	margin:0;
}
.woocommerce-additional-fields{
	margin-bottom:20px;
}
.payment_methods li>label{
	font-weight:700;
	font-size:16px;
}
.sell-conditions section{
	padding-top:80px;
}
.sell-conditions section:first-child{
	padding-top:0;
}
/*SELECT*/
body .select2-dropdown{
	border-color:black;
	border-radius:0;
}
.wk-product-select-wrap{
	margin-bottom:20px;
}
body .select2-container{
	min-height:44px;
}
body .select2-container--default .select2-selection--multiple{
	border-radius:0;
	border-color:#000;
	padding:0 10px;
	background-image: url(images/chevron.svg);
    background-position: right 10px top 50%;
    background-size: auto 18px;
    background-repeat: no-repeat;
}
body .select2-container--default.select2-container--open .select2-selection--multiple{
	background-image:none;
}
body .select2-dropdown:focus,
body .select2-container--default.select2-container--focus .select2-selection--multiple{
	border-color:var(--e-global-color-accent);
}
body .select2-container--default .select2-search--inline .select2-search__field{
	height:32px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered{
	min-height: 44px;
}
body .select2-container .select2-selection__rendered{
	min-height:inherit
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
	margin:8px 8px 0 0;
	display:flex;
	align-items:center;
}
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected]{
	background-color:var(--e-global-color-accent);
}
body .select2-container .select2-results__option{
	margin:0 0 1px 0;
}
/*BOUTIQUE*/
/*body .leaflet-top{
	top:70px;
}*/
.marker-button .btn{
    min-height: auto;
    background: none;
    padding: 0;
	color:var(--e-global-color-accent);
}

.portfolio-info {
	padding:20px 10px!important;
	
}

.wd-project .wd-entities-title {
    margin-bottom: 0;
    font-size: 14px!IMPORTANT;
    font-weight: 400!important;
	text-align:left;
}


/* ─── STORIA PAGE ─── */

/* Reveal scroll-linked immagini storia (gestito da JS) */
.page-template-storia-template-php .storia-row__image {
    will-change: clip-path;
}

/* Full-bleed breakout dal container Woodmart */
.page-template-storia-template-php .container {
    width:100%;
    max-width:95%
}

.storia-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25em 5% 2.5em;
}

.storia-header__title {
    font-family: 'Futura PT', sans-serif;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1;
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
    text-align: center;
    letter-spacing: 0;
    margin: 0;
}

.storia-content {
    display: flex;
    align-items: flex-start;
    padding: 1.25em 0 2.5em;
}

/* ─── NAV ─── */

.storia-nav {
    flex: 0 0 clamp(140px, 14%, 200px);
    width: clamp(140px, 14%, 200px);
    position: sticky;
    top: 10rem; /* altezza header Woodmart ~160px */
    align-self: flex-start;
    z-index: 10;
    padding: 1.25em 0 1.25em 1.875em;
}

.storia-nav__inner {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.storia-nav__item {
    font-family: 'Futura PT', sans-serif;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 0.25em;
    font-weight: normal;
    letter-spacing: 0;
}

.storia-nav__line {
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    transition: width 0.25s ease;
}

.storia-nav__item.is-active .storia-nav__line {
    width: 2em;
}

/* ─── ROWS WRAPPER ─── */

.storia-rows {
    flex: 1;
    min-width: 0;
}

/*
 * LOGICA LAYOUT (dal CSS Figma di riferimento):
 * - min-height è l'unica cosa che crea spazio verticale tra le righe
 * - nessun padding/margin sulla riga stessa
 * - anno e immagine: position absolute, centrati verticalmente con top:50% translateY(-50%)
 * - testo: unico elemento in-flow, align-self:stretch + justify-content:center per centrarlo verticalmente
 * - justify-content sulla riga spinge il testo a destra (flex-end) o lo tiene a sinistra (default)
 *
 * Percentuali calcolate dal canvas Figma (base 1469px):
 *   img yr-left:  w 30% (435/1469), left calc(50% - 15%)
 *   img img-left: w 27% (400/1469), left 0
 *   img split:    w 27% (400/1469), right 0
 *   img img-right:w 17% (256/1469), right 0
 *   testo yr-left:  w 26% (380/1469)
 *   testo altri:    w 28% (411/1469)
 */

/* ─── SINGLE ROW (shared) ─── */

.storia-row {
    position: relative;
    display: flex;
    align-items: center; /* tutte e tre le colonne allineate al centro verticale */
    min-height: clamp(500px, 40vw, 700px);
}

/* ─── YEAR ─── */

.storia-row__year {
    font-family: 'Futura PT', sans-serif;
    font-size: clamp(80px, 10vw, 180px);
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -0.06em;
    /* line-height 1.67 = proporzionale: 180px × 1.67 = 300px come nel Figma */
    line-height: 1.67;
    color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 0;
    white-space: nowrap;
}

/* ─── IMAGE ─── */

.storia-row__image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.storia-row__image a {
    display: block;
    cursor: zoom-in;
}

.storia-row__image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ─── TEXT (in-flow, si centra verticalmente usando align-self + justify-content) ─── */

.storia-row__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;        /* centra il blocco testo alla stessa quota di anno e immagine */
    gap: 1em;
    position: relative;
    z-index: 2;
}

.storia-row__subtitle {
    font-family: 'Futura PT', sans-serif;
    font-size: clamp(14px, 1.2vw, 18px);
    color: rgba(0,0,0,0.7);
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    line-height: 1.2;
}

.storia-row__title {
    font-family: 'Futura PT', sans-serif;
    font-size: clamp(18px, 1.8vw, 24px);
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
    line-height: 1.2;
    margin: 0;
}

.storia-row__description {
    font-family: 'Futura PT', sans-serif;
    font-size: clamp(13px, 1.1vw, 16px);
    color: rgba(0,0,0,0.7);
    line-height: 1.6;
    font-weight: normal;
}

.storia-row__description p {
    margin: 0.5em 0;
    line-height: 1.6;
}

/* ─── LAYOUT: yr-left — anno sx (abs), immagine centro (abs), testo dx (flex-end) ─── */

.storia-row--yr-left {
    justify-content: flex-end;
}

.storia-row--yr-left .storia-row__year {
    left: 0;
}

.storia-row--yr-left .storia-row__image {
    /* left: inizia dopo l'anno (~30% è la larghezza massima del testo anno) */
    /* right: tocca il bordo sinistro del testo (26% + 2% padding = 28%) */
    /* width: auto → il browser calcola la larghezza come spazio tra left e right */
    left: 30%;
    right: 30%;
    width: auto;
    height: auto;
}

.storia-row--yr-left .storia-row__text {
    width: 26%;
    padding-right: 2%;
}

/* ─── LAYOUT: img-left — immagine sx (abs), anno centro (abs), testo dx (flex-end) ─── */

.storia-row--img-left {
    justify-content: flex-end;
}

.storia-row--img-left .storia-row__year {
    left: 50%;
    transform: translate(-50%, -50%);
}

.storia-row--img-left .storia-row__image {
    left: 0;
    width: 27%;
    height: auto;
}

.storia-row--img-left .storia-row__text {
    width: 28%;
    padding-right: 2%;
}

/* ─── LAYOUT: yr-right — testo sx (flex-start), immagine centro (abs), anno dx (abs) ─── */

.storia-row--yr-right {
    justify-content: flex-start;
}

.storia-row--yr-right .storia-row__year {
    right: 0;
    left: auto;
    transform: translateY(-50%);
}

.storia-row--yr-right .storia-row__image {
    /* centrata tra testo (28% sx) e anno (~30% dx) */
    left: 35%;
    right: 30%;
    width: auto;
    height: auto;
}

.storia-row--yr-right .storia-row__text {
    width: 28%;
    padding-left: 0;
}

/* ─── LAYOUT: split — anno sx (abs), immagine dx (abs), testo centro ─── */

.storia-row--split {
    justify-content: center;
}

.storia-row--split .storia-row__year {
    left: 0;
}

.storia-row--split .storia-row__image {
    right: 0;
    left: auto;
    transform: translateY(-50%);
    width: 27%;
    height: auto;
}

.storia-row--split .storia-row__text {
    width: 28%;
    text-align: center;
}

/* ─── LAYOUT: img-right — testo sx (flex-start), anno centro (abs), immagine dx (abs) ─── */

.storia-row--img-right {
    justify-content: flex-start;
}

.storia-row--img-right .storia-row__year {
    left: 50%;
    transform: translate(-50%, -50%);
}

.storia-row--img-right .storia-row__image {
    right: 0;
    left: auto;
    transform: translateY(-50%);
    width: 30%;
    height: auto;
}

.storia-row--img-right .storia-row__text {
    width: 28%;
}

/* ─── LAYOUT: center — flex-column, anno centrato piccolo ─── */

.storia-row--center {
    min-height: clamp(400px, 36vw, 620px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.storia-row--center .storia-row__year {
    position: relative;
    top: auto;
    transform: none;
    font-size: clamp(48px, 7vw, 105px);
    letter-spacing: -0.05em;
    line-height: 1.43;
    color: rgba(0,0,0,0.9);
    text-align: center;
    width: 100%;
    white-space: normal;
    order: 0;
}

.storia-row--center .storia-row__image {
    position: relative;
    top: auto;
    transform: none;
    width: auto;
    height: auto;
    max-width: clamp(280px, 40%, 600px);
    margin: 0 auto 2em;
    order: -1;
}

.storia-row--center .storia-row__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.storia-row--center .storia-row__text {
    align-self: auto;
    justify-content: flex-start;
    max-width: 580px;
    margin: 0 auto;
    text-align: center;
    padding-top: 2em;
    order: 1;
}

/* ─── LAYOUT: center-xl — flex-column, anno grande ─── */

.storia-row--center-xl {
    min-height: clamp(400px, 36vw, 620px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.storia-row--center-xl .storia-row__year {
    position: relative;
    top: auto;
    transform: none;
    font-size: clamp(80px, 10vw, 180px);
    letter-spacing: -0.06em;
    line-height: 1.39;
    color: #000;
    text-align: center;
    width: 100%;
    order: 0;
}

.storia-row--center-xl .storia-row__image {
    position: relative;
    top: auto;
    transform: none;
    width: auto;
    height: auto;
    max-width: clamp(280px, 40%, 600px);
    margin: 0 auto 2em;
    order: -1;
}

.storia-row--center-xl .storia-row__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.storia-row--center-xl .storia-row__text {
    align-self: auto;
    justify-content: flex-start;
    max-width: clamp(280px, 40%, 580px);
    margin: 0 auto;
    text-align: center;
    padding-top: 0;
    order: 1;
}

/* ─── SHORT ROWS (nessuna immagine) ─── */

.storia-row--short {
    min-height: clamp(280px, 24vw, 420px);
}

/* ─── RESPONSIVE ─── */

@media (max-width: 991px) {

    /* ── Struttura generale ── */
    .storia-content {
        padding: 0;
    }
    .page-template-storia-template-php .container {
        padding: 0;
        max-width: auto;
    }
    .storia-header {
        padding: 20px 20px 24px;
    }

    .storia-header .title {
        font-family: "Futura-pt", Sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        max-width: 250px;
    }

    .storia-header__title {
        font-size: clamp(20px, 5vw, 28px);
        line-height: 1.2;
    }
    .storia-nav {
        display: none;
    }
    .storia-rows {
        margin-left: 0;
        padding: 0;
    }

    /*
     * PATTERN MOBILE (da storiaMOBILE.html):
     * Tutti i layout con immagine usano flex-wrap:
     *   [immagine 55% | anno 45%]  ← riga superiore
     *   [testo 100%              ]  ← riga inferiore
     *
     * Anno e immagine escono dal position:absolute desktop
     * e diventano flex-item in-flow.
     * Testo usa flex:0 0 100% per andare a capo sotto.
     */

    /* ── Reset comune a tutti i layout con immagine ── */
    .storia-row--yr-left,
    .storia-row--img-left,
    .storia-row--yr-right,
    .storia-row--split,
    .storia-row--img-right {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        min-height: auto;
        padding: 24px 20px 40px;
        gap: 0;
    }

    /* Anno: flex-item, colonna destra */
    .storia-row--yr-left .storia-row__year,
    .storia-row--img-left .storia-row__year,
    .storia-row--yr-right .storia-row__year,
    .storia-row--split .storia-row__year,
    .storia-row--img-right .storia-row__year {
        position: relative;
        top: auto; left: auto; right: auto;
        transform: none;
        flex: 0 0 45%;
        width: 45%;
        font-size: clamp(60px, 18vw, 90px);
        letter-spacing: -0.06em;
        line-height: 1;
        white-space: nowrap;
        order: 2;
        z-index: 2;
        padding: 0 0 0 8px;
    }

    /* Immagine: flex-item, colonna sinistra */
    .storia-row--yr-left .storia-row__image,
    .storia-row--img-left .storia-row__image,
    .storia-row--yr-right .storia-row__image,
    .storia-row--split .storia-row__image,
    .storia-row--img-right .storia-row__image {
        position: relative;
        top: auto; left: auto; right: auto;
        transform: none;
        flex: 0 0 55%;
        width: 55%;
        height: auto;
        aspect-ratio: auto;
        order: 1;
        z-index: 1;
    }

    .storia-row--yr-left .storia-row__image img,
    .storia-row--img-left .storia-row__image img,
    .storia-row--yr-right .storia-row__image img,
    .storia-row--split .storia-row__image img,
    .storia-row--img-right .storia-row__image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    /* Testo: 100% larghezza, sotto la riga immagine+anno */
    .storia-row--yr-left .storia-row__text,
    .storia-row--img-left .storia-row__text,
    .storia-row--yr-right .storia-row__text,
    .storia-row--split .storia-row__text,
    .storia-row--img-right .storia-row__text {
        flex: 0 0 100%;
        width: 100%;
        order: 3;
        margin: 0;
        padding: 20px 0 0;
        text-align: left;
        justify-content: flex-start;
        align-self: auto;
        gap: 10px;
    }

    /* ── Override yr-left: anno sopra, immagine sotto, testo sotto ── */
    .storia-row--yr-left {
        flex-direction: column;
        align-items: stretch;
        padding: 0 20px 40px;
    }

    .storia-row--yr-left .storia-row__year {
        width: 100%;
        flex: none;
        order: 1;
        font-size: clamp(80px, 25vw, 130px);
        text-align: right;
        padding: 0;
        line-height: 1;
        margin-bottom: -0.35em;
        z-index: 2;
    }

    .storia-row--yr-left .storia-row__image {
        flex: none;
        width: 100%;
        order: 2;
        z-index: 1;
    }

    .storia-row--yr-left .storia-row__text {
        flex: none;
        width: 100%;
        order: 3;
        text-align: center;
        padding: 20px 0 0;
    }

    .storia-row--yr-left .storia-row__title { text-align: center; }
    .storia-row--yr-left .storia-row__subtitle { text-align: center; }
    .storia-row--yr-left .storia-row__description p { text-align: left; }

    /* ── Variante yr-right 1990: immagine sx, anno dx centrato verticalmente sovrapposto, testo sotto ── */
    .storia-row--1990 {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 20px 40px;
    }

    .storia-row--1990 .storia-row__image {
        order: 1;
        flex: 0 0 65%;
        width: 65%;
        position: relative;
        top: auto; left: auto; right: auto;
        transform: none;
        z-index: 1;
    }

    .storia-row--1990 .storia-row__year {
        order: 2;
        flex: 0 0 50%;
        width: 50%;
        margin-left: -15%;
        font-size: clamp(60px, 18vw, 100px);
        line-height: 1;
        text-align: right;
        padding: 0;
        position: relative;
        top: auto; left: auto; right: auto;
        transform: none;
        z-index: 9999;
    }

    .storia-row--1990 .storia-row__text {
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        text-align: center;
        padding: 20px 0 0;
    }

    .storia-row--1990 .storia-row__title { text-align: center; }
    .storia-row--1990 .storia-row__subtitle { text-align: center; }
    .storia-row--1990 .storia-row__description p { text-align: left; }

    /* ── Override yr-right: anno dx in alto sovrapposto all'immagine, testo sotto ── */
    .storia-row--yr-right {
        flex-direction: column;
        align-items: stretch;
        padding: 0 20px 40px;
    }

    .storia-row--yr-right .storia-row__year {
        width: 100%;
        flex: none;
        order: 1;
        font-size: clamp(80px, 25vw, 130px);
        text-align: right;
        padding: 0;
        line-height: 1;
        margin-bottom: -0.35em;
        z-index: 2;
        /* reset valori condivisi */
        left: auto;
        right: auto;
        transform: none;
        position: relative;
        top: auto;
    }

    .storia-row--yr-right .storia-row__image {
        flex: none;
        width: 100%;
        order: 2;
        z-index: 1;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
    }

    .storia-row--yr-right .storia-row__text {
        flex: none;
        width: 100%;
        order: 3;
        text-align: center;
        padding: 20px 0 0;
    }

    .storia-row--yr-right .storia-row__title { text-align: center; }
    .storia-row--yr-right .storia-row__subtitle { text-align: center; }
    .storia-row--yr-right .storia-row__description p { text-align: left; }

    /* ── Override split: anno sx + immagine dx affiancati centrati, testo sotto ── */
    .storia-row--split {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 24px 20px 40px;
    }

    .storia-row--split .storia-row__year {
        order: 1;
        flex: 0 0 40%;
        width: 40%;
        font-size: clamp(60px, 18vw, 100px);
        line-height: 1;
        text-align: left;
        z-index: 9999;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
        padding: 0;
        margin-top: 0;
    }

    .storia-row--split .storia-row__image {
        order: 2;
        flex: 0 0 65%;
        width: 65%;
        margin-left: -5%;
        z-index: 2;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
    }

    .storia-row--split .storia-row__text {
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        text-align: center;
        padding: 20px 0 0;
    }

    .storia-row--split .storia-row__title { text-align: center; }
    .storia-row--split .storia-row__subtitle { text-align: center; }
    .storia-row--split .storia-row__description p { text-align: left; }

    /* ── Variante img-left 1946: immagine dx che tocca il bordo destro ── */
    .storia-row--1946 .storia-row__image {
        flex: 0 0 calc(45% + 20px);
        width: calc(45% + 20px);
        margin-right: -20px;
    }

    /* ── Override img-left: anno sx, immagine dx, testo sotto ── */
    .storia-row--img-left {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 24px 20px 40px;
    }

    .storia-row--img-left .storia-row__year {
        order: 1;
        flex: 0 0 55%;
        width: 55%;
        text-align: left;
        padding: 0 0 0 0;
    }

    .storia-row--img-left .storia-row__image {
        order: 2;
        flex: 0 0 45%;
        width: 45%;
    }

    .storia-row--img-left .storia-row__text {
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        text-align: left;
        padding: 20px 0 0;
    }

    .storia-row--img-left .storia-row__title { text-align: center; }
    .storia-row--img-left .storia-row__subtitle { text-align: center; }
    .storia-row--img-left .storia-row__description p { text-align: left; }

    /* ── Variante img-left 2014: immagine sx, anno dx sovrapposto, testo sotto ── */
    .storia-row--2014 {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 24px 20px 40px;
    }

    .storia-row--2014 .storia-row__image {
        order: 1;
        flex: 0 0 60%;
        width: 60%;
        position: relative;
        top: auto; left: auto; right: auto;
        transform: none;
        z-index: 1;
    }

    .storia-row--2014 .storia-row__year {
        order: 2;
        flex: 0 0 55%;
        width: 55%;
        margin-left: -15%;
        font-size: clamp(60px, 18vw, 100px);
        line-height: 1;
        text-align: left;
        padding: 0;
        position: relative;
        top: auto; left: auto; right: auto;
        transform: none;
        z-index: 9999;
    }

    .storia-row--2014 .storia-row__text {
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        text-align: center;
        padding: 20px 0 0;
    }

    .storia-row--2014 .storia-row__title { text-align: center; }
    .storia-row--2014 .storia-row__subtitle { text-align: center; }
    .storia-row--2014 .storia-row__description p { text-align: left; }

    /* ── Variante img-left 1970: immagine sx, anno dx centrato verticalmente sovrapposto, testo sotto ── */
    .storia-row--1970 {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 20px 40px;
    }

    .storia-row--1970 .storia-row__image {
        order: 1;
        flex: 0 0 85%;
        width: 85%;
        margin: 0 auto;
        position: relative;
        top: auto; left: auto; right: auto;
        transform: none;
        z-index: 1;
        align-self: center;
    }

    .storia-row--1970 .storia-row__year {
        order: 2;
        flex: 0 0 50%;
        width: 50%;
        margin-left: -35%;
        font-size: clamp(60px, 18vw, 100px);
        line-height: 1;
        text-align: right;
        padding: 0;
        position: relative;
        top: auto; left: auto; right: auto;
        transform: none;
        z-index: 9999;
    }

    .storia-row--1970 .storia-row__text {
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        text-align: center;
        padding: 20px 0 0;
    }

    .storia-row--1970 .storia-row__title { text-align: center; }
    .storia-row--1970 .storia-row__subtitle { text-align: center; }
    .storia-row--1970 .storia-row__description p { text-align: left; }

    /* ── Override img-right: immagine sx, anno dx centrato verticalmente, testo sotto ── */
    .storia-row--img-right {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 24px 20px 40px;
    }

    .storia-row--img-right .storia-row__image {
        order: 1;
        flex: 0 0 calc(55% + 20px);
        width: calc(55% + 20px);
        margin-left: -20px;
        z-index: 1;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
    }

    .storia-row--img-right .storia-row__year {
        order: 2;
        flex: 0 0 45%;
        width: 45%;
        font-size: clamp(40px, 12vw, 80px);
        line-height: 1;
        text-align: left;
        padding: 0 0 0 8px;
        z-index: 2;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
    }

    .storia-row--img-right .storia-row__text {
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        text-align: center;
        padding: 20px 0 0;
    }

    .storia-row--img-right .storia-row__title { text-align: center; }
    .storia-row--img-right .storia-row__subtitle { text-align: center; }
    .storia-row--img-right .storia-row__description p { text-align: left; }

    /* ── Righe senza immagine (--short) ── */
    .storia-row--yr-left.storia-row--short,
    .storia-row--img-left.storia-row--short,
    .storia-row--yr-right.storia-row--short,
    .storia-row--split.storia-row--short,
    .storia-row--img-right.storia-row--short {
        flex-direction: column;
        align-items: flex-start;
    }
    .storia-row--short .storia-row__year {
        flex: none;
        width: 100%;
        order: 1;
    }
    .storia-row--short .storia-row__text {
        order: 2;
    }

    /* ── Tipografia ── */
    .storia-row__title       { font-size: clamp(16px, 4.5vw, 22px); text-align: center; }
    .storia-row__subtitle    { font-size: clamp(11px, 3vw, 14px); text-align: center; }
    .storia-row__description { font-size: clamp(13px, 3.5vw, 15px); line-height: 1.6; }
    .storia-row__description p { text-align: left; }

    /* ══════════════════════════════════════
     * LAYOUT CENTER — flex-column centrato
     * ══════════════════════════════════════ */

    .storia-row--center,
    .storia-row--center-xl {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: auto;
        padding: 40px 20px;
        gap: 0;
    }

    .storia-row--center .storia-row__year {
        position: static;
        transform: none;
        flex: none;
        width: 100%;
        font-size: clamp(32px, 9vw, 52px);
        letter-spacing: -0.04em;
        line-height: 1.2;
        color: rgba(0,0,0,0.9);
        text-align: center;
        white-space: normal;
        order: 0;
    }

    .storia-row--center-xl .storia-row__year {
        position: static;
        transform: none;
        flex: none;
        width: 100%;
        font-size: clamp(60px, 18vw, 90px);
        letter-spacing: -0.06em;
        line-height: 1;
        text-align: center;
        order: 0;
    }

    .storia-row--center .storia-row__image,
    .storia-row--center-xl .storia-row__image {
        position: relative;
        transform: none;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 0 16px;
        order: -1;
    }

    .storia-row--center .storia-row__text,
    .storia-row--center-xl .storia-row__text {
        text-align: center;
        max-width: 100%;
        margin: 0 auto;
        padding: 16px 0 0;
        order: 1;
        align-self: auto;
        justify-content: flex-start;
    }
}