/*
Theme Name: Salient Child Theme
Description: Child theme GF Cornici Milano - Web For Business
Template: salient
Version: 1.0
*/

/* ===== GF Cornici - palette =====
   oro #A67C46 | carbone #1F1B17 | crema #F4EFE6 | giallo insegna #F2C80F | testo #3b3530 */
:root{--gf-oro:#A67C46;--gf-oro-chiaro:#D6B886;--gf-carbone:#1F1B17;--gf-crema:#F4EFE6;--gf-giallo:#F2C80F;--gf-testo:#3b3530;--gf-linea:#e3d9ca}

body{color:var(--gf-testo)}
h1,h2,h3{letter-spacing:-.01em;color:var(--gf-carbone)}
.light h1,.light h2,.light h3,.light p,[data-text-color="light"] h1,[data-text-color="light"] h2{color:#fff}
p a,.wpb_text_column a{color:var(--gf-oro);text-decoration:underline;text-underline-offset:3px}
.light p a,.gf-footer a{color:var(--gf-oro-chiaro)}

/* occhiello */
.gf-eyebrow{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gf-oro);display:inline-block;margin-bottom:14px}
.gf-eyebrow:before{content:"";display:inline-block;width:34px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
.light .gf-eyebrow,.gf-dark .gf-eyebrow{color:var(--gf-oro-chiaro)}
.gf-lead{font-size:19px;line-height:1.7}
.gf-center{text-align:center}.gf-center .gf-eyebrow:after{content:"";display:inline-block;width:34px;height:1px;background:currentColor;vertical-align:middle;margin-left:12px}

/* immagini "incorniciate" con passe-partout */
.gf-frame .img-with-aniamtion-wrap .inner,.gf-frame img{border-radius:0!important}
.gf-frame img{background:#fff;padding:12px;border:1px solid var(--gf-linea);box-shadow:0 0 0 8px #2a231d,0 22px 45px rgba(31,27,23,.28);box-sizing:border-box}
.gf-frame.gf-frame-oro img{box-shadow:0 0 0 8px #b38d55,0 0 0 9px #8a6a3c,0 22px 45px rgba(31,27,23,.25)}
.gf-frame .img-with-aniamtion-wrap{padding:9px}

/* hero */
.gf-hero h1{font-size:clamp(42px,6vw,84px);line-height:1.04;font-weight:600;margin-bottom:22px}
.gf-hero .gf-lead{max-width:640px;color:rgba(255,255,255,.88)}
.gf-hero .nectar-button{margin-right:14px!important;margin-top:10px!important}
.gf-hero-strip{display:flex;flex-wrap:wrap;gap:10px 34px;margin-top:38px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.gf-hero-strip span:before{content:"✦";color:var(--gf-giallo);margin-right:10px}

/* card servizi */
.gf-card{background:#fff;border:1px solid var(--gf-linea);height:100%;transition:transform .35s,box-shadow .35s}
.gf-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(31,27,23,.12)}
.gf-card .img-with-aniamtion-wrap img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gf-card .wpb_text_column{padding:26px 28px 6px}
.gf-card h3{font-size:28px;margin-bottom:10px}
.gf-card .nectar-cta{padding:0 28px 28px}

/* elenco con spunte */
ul.gf-check{list-style:none;margin:0 0 20px;padding:0}
ul.gf-check li{position:relative;padding:9px 0 9px 32px;border-bottom:1px solid var(--gf-linea)}
ul.gf-check li:before{content:"";position:absolute;left:0;top:17px;width:16px;height:10px;border:solid var(--gf-oro);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.light ul.gf-check li{border-color:rgba(255,255,255,.15)}

/* passi */
.gf-step{position:relative;padding-top:6px}
.gf-step .gf-num{font-family:'Cormorant Garamond',serif;font-size:64px;line-height:1;color:var(--gf-oro);font-weight:600;display:block;margin-bottom:10px}
.gf-step h3{font-size:26px}

/* clienti */
.gf-tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.gf-tags span{border:1px solid var(--gf-oro);color:var(--gf-carbone);padding:7px 16px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.light .gf-tags span{color:#fff;border-color:var(--gf-oro-chiaro)}

/* box info contatti */
.gf-info{background:var(--gf-crema);padding:34px 36px;border-left:3px solid var(--gf-oro)}
.gf-info p{margin-bottom:12px}
.gf-info strong{color:var(--gf-carbone)}
.gf-map iframe{width:100%;height:440px;border:0;filter:grayscale(.35) contrast(1.05);display:block}

/* elenco vie nelle pagine di quartiere */
.gf-vie{columns:4 180px;column-gap:26px;font-size:14px;line-height:1.5;margin:10px 0 0;padding:0;list-style:none}
.gf-vie li{break-inside:avoid;padding:3px 0;border-bottom:1px dotted var(--gf-linea)}
.gf-zone-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 24px;list-style:none;margin:0;padding:0}
.gf-zone-list li a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--gf-linea);text-decoration:none;color:var(--gf-carbone)}
.gf-zone-list li a:hover{color:var(--gf-oro)}
.gf-zone-list li a small{color:#8b7f72}
.gf-dati{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin:26px 0}
.gf-dati div{background:#fff;border:1px solid var(--gf-linea);padding:18px 20px}
.gf-dati b{display:block;font-family:'Cormorant Garamond',serif;font-size:34px;color:var(--gf-oro);line-height:1.1}
.gf-dati span{font-size:13px;text-transform:uppercase;letter-spacing:.1em}

/* mappa svg zone */
.gf-svgmap svg{width:100%;height:auto;display:block}
.gf-svgmap path{fill:#efe7da;stroke:#fff;stroke-width:1.2;transition:fill .2s}
.gf-svgmap a:hover path{fill:var(--gf-oro-chiaro)}
.gf-svgmap path.gf-near{fill:#e2cfae}
.gf-svgmap path.gf-here{fill:var(--gf-oro)}

/* FAQ */
.gf-faq .toggle h3 a{font-family:'Cormorant Garamond',serif!important;font-size:24px!important;text-transform:none!important;letter-spacing:0!important}

/* breadcrumb Yoast */
p#breadcrumbs.yoast,.yoast-breadcrumbs{font-size:13px;letter-spacing:.04em;color:#8b7f72}

/* footer (global section) */
.gf-footer{font-size:15px;color:rgba(255,255,255,.75)}
.gf-footer h4{color:#fff!important;margin-bottom:18px}
.gf-footer ul{list-style:none;margin:0;padding:0}.gf-footer li{padding:4px 0}
.gf-footer a{text-decoration:none}.gf-footer a:hover{color:#fff}
.gf-footer-bottom{font-size:13px;color:rgba(255,255,255,.5)}
.gf-footer-bottom a{color:rgba(255,255,255,.7)}

/* bottone giallo insegna */
.nectar-button.extra-color-3{color:var(--gf-carbone)!important}

/* reCAPTCHA in basso a sinistra, compatto (Joinchat a destra) */
.grecaptcha-badge{width:70px!important;overflow:hidden!important;transition:all .3s ease!important;left:4px!important;right:auto!important;bottom:14px!important}
.grecaptcha-badge:hover{width:256px!important}

@media (max-width:999px){
 .gf-info{padding:26px}
 .gf-map iframe{height:320px}
 .gf-lead{font-size:17px}
}
@media (max-width:690px){
 .gf-hero-strip{gap:8px 20px;font-size:12px}
 .gf-frame img{padding:8px;box-shadow:0 0 0 6px #2a231d,0 14px 30px rgba(31,27,23,.25)}
 .gf-vie{columns:2 140px}
}

/* modulo contatti */
.gf-form label{display:block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gf-carbone);margin-bottom:16px}
.gf-form input[type=text],.gf-form input[type=email],.gf-form input[type=tel],.gf-form select,.gf-form textarea{width:100%;margin-top:6px;background:#fff!important;border:1px solid var(--gf-linea)!important;padding:13px 15px!important;font-size:15px;text-transform:none;letter-spacing:0;font-weight:400;border-radius:0!important}
.gf-form input:focus,.gf-form textarea:focus,.gf-form select:focus{border-color:var(--gf-oro)!important;box-shadow:none}
.gf-form-2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.gf-privacy{font-size:13px;margin:6px 0 18px}.gf-privacy label{display:inline;text-transform:none;letter-spacing:0;font-weight:400}
.gf-form input[type=submit]{background:var(--gf-carbone)!important;color:#fff!important;padding:16px 34px!important;font-size:13px!important;letter-spacing:.16em;text-transform:uppercase;border-radius:0!important}
.gf-form input[type=submit]:hover{background:var(--gf-oro)!important}
@media(max-width:690px){.gf-form-2{grid-template-columns:1fr}}

/* fix cornice: niente overflow nascosto sui wrapper immagine */
.gf-frame .img-with-aniamtion-wrap,.gf-frame .img-with-aniamtion-wrap .inner,.gf-frame .img-with-aniamtion-wrap .hover-wrap,.gf-frame .img-with-aniamtion-wrap .hover-wrap-inner{overflow:visible!important}
.gf-frame .img-with-aniamtion-wrap{padding:10px 10px 30px}
.gf-card .img-with-aniamtion-wrap .hover-wrap,.gf-card .img-with-aniamtion-wrap .inner{overflow:hidden}

/* specificità: cornice e liste */
body .gf-frame .img-with-aniamtion-wrap img,body .gf-frame img{background:#fff!important;padding:12px!important;border:1px solid var(--gf-linea)!important;box-shadow:0 0 0 8px #2a231d,0 22px 45px rgba(31,27,23,.28)!important;box-sizing:border-box!important}
body .gf-frame.gf-frame-oro .img-with-aniamtion-wrap img{box-shadow:0 0 0 8px #b38d55,0 0 0 9px #8a6a3c,0 22px 45px rgba(31,27,23,.25)!important}
body .wpb_text_column ul.gf-check,body .wpb_text_column ul.gf-vie,body .wpb_text_column ul.gf-zone-list,body .gf-footer ul{margin-left:0!important;padding-left:0!important}
body .wpb_text_column ul.gf-check li,body .wpb_text_column ul.gf-vie li,body .wpb_text_column ul.gf-zone-list li,body .gf-footer ul li{list-style:none!important;margin-left:0!important}
.vc_col-sm-5 .gf-dati,.col.span_5 .gf-dati,.wpb_column.vc_col-sm-5 .gf-dati{grid-template-columns:repeat(2,1fr)}
@media(max-width:690px){body .gf-frame .img-with-aniamtion-wrap img{padding:8px!important;box-shadow:0 0 0 6px #2a231d,0 14px 30px rgba(31,27,23,.25)!important}}

.gf-zone-list li a small{white-space:nowrap;margin-left:10px}

.gf-stars{font-size:46px;letter-spacing:6px;color:var(--gf-giallo);line-height:1}
.gf-stars-sub{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);margin:8px 0 22px}

/* galleria fotografica (griglia propria) */
.gf-gallery{columns:3 260px;column-gap:14px}
.gf-gallery .gf-g-item{display:block;break-inside:avoid;margin:0 0 14px;overflow:hidden;background:#eee}
.gf-gallery img{width:100%;height:auto;display:block;transition:transform .5s ease}
.gf-gallery .gf-g-item:hover img{transform:scale(1.04)}
@media(max-width:690px){.gf-gallery{columns:2 140px;column-gap:8px}.gf-gallery .gf-g-item{margin-bottom:8px}}

/* hero: animazione Duomo che viene incorniciato */
.gf-hero-art{max-width:400px;margin:0 auto;filter:drop-shadow(0 25px 40px rgba(0,0,0,.45))}
.gf-hero-art svg{width:100%;height:auto;display:block}
@media(max-width:999px){.gf-hero-art{max-width:300px;margin-top:30px}}
@media(max-width:690px){.gf-hero-art{max-width:230px}}

/* hero: quadro del Duomo (schizzo -> dipinto -> cornice) */
.gf-quadro{position:relative;width:100%;max-width:400px;aspect-ratio:400/500;margin:0 auto;filter:drop-shadow(0 25px 40px rgba(0,0,0,.45))}
.gf-q-art{position:absolute;left:17.5%;top:13.6%;width:65%;height:72.8%;overflow:hidden}
.gf-q-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.gf-q-sk{-webkit-mask-image:linear-gradient(to top,#000 0%,#000 45%,transparent 55%);mask-image:linear-gradient(to top,#000 0%,#000 45%,transparent 55%);-webkit-mask-size:100% 220%;mask-size:100% 220%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;animation:gfSk 2.8s cubic-bezier(.45,.1,.3,1) .2s forwards,gfSkDim 1.2s ease 3.2s forwards}
.gf-q-pt{opacity:0;filter:blur(6px) saturate(.6);transform:scale(1.04);animation:gfPt 1.4s ease 3s forwards}
.gf-q-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gf-q-pp{opacity:0;animation:gfFade .7s ease 4.3s forwards}
.gf-q-fr{opacity:0;transform-box:fill-box;transform-origin:center;animation:gfFr .9s cubic-bezier(.2,.8,.2,1) 4.9s forwards}
.gf-q-shine{opacity:0;animation:gfShine 2.6s ease-in-out 6.2s infinite}
@keyframes gfSk{to{-webkit-mask-position:0 100%;mask-position:0 100%}}
@keyframes gfSkDim{to{opacity:.35}}
@keyframes gfPt{to{opacity:1;filter:none;transform:none}}
@keyframes gfFade{to{opacity:1}}
@keyframes gfFr{0%{opacity:0;transform:scale(1.18)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes gfShine{0%,100%{opacity:0}50%{opacity:.5}}
@media (prefers-reduced-motion:reduce){.gf-q-sk,.gf-q-pt,.gf-q-pp,.gf-q-fr{animation:none!important;opacity:1;filter:none;transform:none;-webkit-mask-image:none;mask-image:none}.gf-q-sk{opacity:.35}.gf-q-shine{display:none}}
@media(max-width:999px){.gf-quadro{max-width:300px;margin-top:30px}}
@media(max-width:690px){.gf-quadro{max-width:240px}}

/* widget recensioni Trustindex nella fascia scura */
.gf-ti-col .ti-widget{margin:0 auto}

.gf-reviews .ti-widget .ti-footer .ti-name,.gf-reviews .ti-widget .ti-footer .ti-rating-text,.gf-reviews .ti-widget .ti-footer span,.gf-reviews .ti-widget .ti-footer div{color:#F4EFE6!important}
.gf-reviews .ti-widget .ti-review-item .ti-name,.gf-reviews .ti-widget .ti-review-item *{color:#1F1B17}
.gf-reviews .ti-widget .ti-header-write-btn,.gf-reviews .ti-widget .ti-header-write-btn *{color:#F4EFE6!important}
.gf-reviews .ti-widget .ti-header-write-btn{border-color:rgba(244,239,230,.5)!important;color:#F4EFE6!important}

body .gf-reviews .ti-widget.ti-goog .ti-footer .ti-rating-text strong,body .gf-reviews .ti-widget .ti-footer .ti-rating-text strong{color:#F4EFE6!important}
body .gf-reviews .ti-widget .ti-footer a.ti-header-write-btn,body .gf-reviews .ti-widget a.ti-header-write-btn{color:#F4EFE6!important;border-color:rgba(244,239,230,.55)!important;background:transparent!important}
body .gf-reviews .ti-widget a.ti-header-write-btn:hover{background:#F2C80F!important;color:#1F1B17!important;border-color:#F2C80F!important}

/* footer: testi coerenti e niente a capo su indirizzo/email */
.gf-footer p,.gf-footer li{color:rgba(255,255,255,.72)}
.gf-footer a[href^="mailto"],.gf-nowrap{white-space:nowrap}
.gf-footer .img-with-aniamtion-wrap img{max-width:200px!important}
@media(max-width:999px){.gf-footer .wpb_column{margin-bottom:28px}}

@media(min-width:1000px){.gf-footer .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner{padding-right:5vw}}

/* ===== menu mobile (off-canvas) elegante ===== */
#slide-out-widget-area .inner-wrap>.inner:before,#slide-out-widget-area .inner:before{content:"";display:block;height:64px;margin:0 0 34px;background:url(https://www.cornici-milano.com/wp-content/uploads/2026/10/gf-cornici-milano-logo-bianco-128.png) left center/contain no-repeat}
#slide-out-widget-area{background:linear-gradient(160deg,#1F1B17 0%,#2a231d 100%)!important}
#slide-out-widget-area .off-canvas-menu-container li a,#slide-out-widget-area .menu li a{font-family:'Cormorant Garamond',serif!important;font-weight:600!important;font-size:30px!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important;color:#F4EFE6!important;padding:10px 0!important}
#slide-out-widget-area .menu li{border-bottom:1px solid rgba(214,184,134,.18)}
#slide-out-widget-area .menu li a:hover,#slide-out-widget-area .menu li.current-menu-item>a{color:#D6B886!important}
#slide-out-widget-area .menu li.current-menu-item>a:before{content:"";display:inline-block;width:18px;height:1px;background:#D6B886;vertical-align:middle;margin-right:10px}
#slide-out-widget-area .bottom-meta-wrap{border-top:1px solid rgba(214,184,134,.3);padding-top:22px;margin-top:20px}
#slide-out-widget-area .bottom-text{font-family:Montserrat,sans-serif;font-size:13px;letter-spacing:.06em;line-height:1.9;color:rgba(244,239,230,.75)!important}
#slide-out-widget-area .bottom-text a{color:#F2C80F!important;text-decoration:none}
#slide-out-widget-area .off-canvas-social-links a,#slide-out-widget-area .off-canvas-social-links a i{color:#D6B886!important}
#slide-out-widget-area .slide_out_area_close .close-wrap .close-line,#slide-out-widget-area-bg + .slide_out_area_close .close-line{background-color:#1F1B17!important}