/*! * FS Collezioni — stili del modulo. * * Era una stringa PHP dentro inc/fs-collezioni.php, stampata inline in * con wp_add_inline_style() a ogni pagina: 6,8 KB che il browser non poteva * mettere in cache e che non si trovavano cercando una regola nei file. * Ora e' un foglio normale, scaricato una volta sola. */ .fs-collezioni-wrap{width:100%;font-family:"General Sans",sans-serif} .fs-collezioni-bar{display:flex;align-items:center;gap:24px;margin:0 0 26px;font-size:15px;flex-wrap:wrap;position:sticky;position:-webkit-sticky;top:var(--fs-sticky-top,90px);z-index:95;background:var(--fs-bar-bg,#f0f0f0);padding:14px 0} .fs-bar-left{flex:0 0 auto} .fs-collezioni-tabs{flex:1 1 auto;display:flex;gap:28px;flex-wrap:wrap;justify-content:center} .fs-switcher{display:flex;gap:8px;align-items:center} .fs-bar-right{flex:0 0 auto;position:relative;margin-left:auto} .fs-filtra-btn{background:none;border:0;cursor:pointer;font:inherit;color:inherit;padding:6px 0;display:inline-flex;align-items:center;gap:8px;letter-spacing:.2px} .fs-plus{font-size:17px;line-height:1;font-weight:400} .fs-tab{background:none;border:0;cursor:pointer;font:inherit;padding:4px 0;color:inherit;opacity:.45;letter-spacing:.2px;position:relative;transition:opacity .3s} .fs-tab em{font-style:normal;font-size:12px;margin-left:4px;vertical-align:1px} .fs-tab.is-active{opacity:1} .fs-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor} .fs-tab:hover{opacity:.8} .fs-switch{width:34px!important;height:28px!important;min-width:34px!important;padding:0!important;margin:0!important;border-radius:8px;background:#111!important;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:2px;opacity:.35;transition:opacity .3s;line-height:1} .fs-switch.is-active{opacity:1} .fs-switch i{display:inline-block!important;width:3px!important;min-width:3px!important;height:12px!important;background:#fff!important;border-radius:1px;font-style:normal} /* .fs-sort-*: rimosso — il selettore ordinamento non esiste in nessun markup (verificato su tema e DB); il blocco JS corrispondente è stato tolto. */ .fs-pop-overlay{position:fixed;inset:0;background:rgba(15,15,15,.45);z-index:9998;opacity:0;transition:opacity .45s} .fs-pop-overlay.is-open{opacity:1} .fs-pop{position:fixed;top:0;left:0;height:100vh;width:440px;max-width:92vw;background:#fff;z-index:9999;padding:46px 40px;transform:translateX(-103%);transition:transform .55s cubic-bezier(.23,1,.32,1);overflow-y:auto} .fs-pop.is-open{transform:translateX(0)} .fs-pop-close{position:absolute;top:16px;right:22px;background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:#111;font-weight:300} .fs-pop-group{margin:0 0 34px} .fs-pop-title{font-size:26px;font-weight:500;margin:0 0 18px;color:#111} .fs-pop-checks{display:flex;flex-wrap:wrap;gap:10px} .fs-filtra-check{cursor:pointer} .fs-filtra-check input{position:absolute;opacity:0;pointer-events:none} .fs-filtra-check span{display:inline-block;background:#EEEEEE;color:#111;padding:7px 22px;font-size:14px;transition:background .3s,color .3s} .fs-filtra-check em{font-style:normal;font-size:11px;opacity:.6;vertical-align:1px} .fs-filtra-check input:checked + span{background:#111;color:#fff} .fs-filtra-check input:checked + span em{opacity:.7} .fs-filtra-check.fs-zero{opacity:.35} .fs-tab.fs-zero{opacity:.25} .fs-collezioni-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:15px} .fs-collezioni-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)} .fs-grid-sizer{display:none} .fs-collezione-card.fs-h{grid-column:span 2;grid-row:span 2} @media(max-width:1024px){.fs-collezioni-grid{grid-template-columns:repeat(2,1fr)!important}.fs-collezione-card.fs-h{grid-column:auto;grid-row:auto}} @media(max-width:767px){.fs-collezioni-grid{grid-template-columns:1fr!important}.fs-collezioni-bar{justify-content:center}.fs-bar-right{margin-left:0}} .fs-collezione-card{display:block;text-decoration:none;color:inherit;position:relative;overflow:hidden} .fs-collezione-card.fs-hide{display:none} .fs-collezione-img{display:block;overflow:hidden;background:#f4f4f4;aspect-ratio:356/480;width:100%;height:100%} .fs-collezione-card.fs-h .fs-collezione-img{aspect-ratio:auto} @media(max-width:1024px){.fs-collezione-card.fs-h .fs-collezione-img{aspect-ratio:356/480}} .fs-collezione-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.23,1,.32,1);max-width:none} .fs-collezione-card:hover .fs-collezione-img img{transform:scale(1.05)} .fs-collezione-title{position:absolute;top:16px;left:20px;right:20px;z-index:2;font-size:14px;font-weight:400;letter-spacing:.2px;text-transform:uppercase;color:#0f0f0f;line-height:1.45} .fs-collezione-count{font-size:11px;opacity:.65;vertical-align:1px} .fs-view{position:absolute;left:14px;bottom:14px;z-index:3;width:38px;height:38px;border-radius:0;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s} .fs-empty{text-align:center;padding:70px 20px} .fs-empty-title{font-family:"Playfair Display",serif;font-size:32px;color:#111;margin:0 0 14px} .fs-empty-text{font-size:15px;margin:0 0 24px} .fs-empty-text a{text-decoration:underline;color:inherit} .fs-empty-reset{background:#111;color:#fff;border:0;cursor:pointer;font:inherit;font-size:13px;letter-spacing:.5px;text-transform:uppercase;padding:11px 28px} .fs-collezione-card:hover .fs-view{opacity:1;transform:none} .fs-collezioni-empty{min-height:120px} .fs-collezione-img{position:relative} .fs-collezione-img .fs-img-hover{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:0;transition:opacity .5s cubic-bezier(.23,1,.32,1);z-index:2} .fs-collezione-card:hover .fs-img-hover{opacity:1} /* Popup filtri del tema: pulsanti attributo uguali a quelli della pagina collezioni. Stili completi qui — prima li riscriveva fs-collezioni.js con style inline dentro un setInterval da 2 secondi. */ .terms--terms .term--list--item.button--select{transition:none!important;padding:7px 22px!important;border-radius:0!important;border:0!important;background:#EEEEEE!important;color:#111!important} .terms--terms .term--list--item.button--select:has(input:checked){background:#0f0f0f!important;color:#f1f1f1!important} /* fsc-single-photo: prodotti con una sola foto, immagine sempre visibile e niente swap hover */ .saren--single--product .saren--product--image--wrap:not(:has(img.product-image-front)) .product--image--hover{position:relative!important;opacity:1!important;visibility:visible!important;transition:none!important} /* La regola sul .saren--product--video e le colonne mobile della griglia vivono SOLO in fs-custom.css (sez. 16): qui c'erano copie con valori opposti/più fragili (display:none vs block, 1fr senza minmax) che vincevano o perdevano a seconda dell'ordine di stampa. Un posto solo, niente gare. */ /* Focus visibile da tastiera sui controlli con input nascosto (a11y). */ .fs-filtra-check input:focus-visible + span{outline:2px solid #111;outline-offset:2px} .fs-tab:focus-visible,.fs-filtra-btn:focus-visible,.fs-pop-close:focus-visible,.fs-empty-reset:focus-visible,.fs-switch:focus-visible{outline:2px solid #111;outline-offset:3px} /* Movimento ridotto: il pannello filtri appare senza slide/dissolvenze. */ @media (prefers-reduced-motion: reduce){ .fs-pop,.fs-pop-overlay,.fs-collezione-img img,.fs-img-hover,.fs-view{transition:none!important} }