/* Borghi più belli di Sicilia — identità visiva coordinata */
:root{--navy:#102b3e;--ink:#203747;--gold:#c99c62;--gold-light:#ead4b1;--paper:#fbf8f2;--mist:#eef3f5;--teal:#315d64;--line:#dce3e6;--white:#fff}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{background:#fff;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.68}
header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.97);box-shadow:0 2px 18px rgba(16,43,62,.06);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.wrap{max-width:1240px}
.site-nav{display:block;padding:14px 0 0}
.site-nav-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
a.brand{display:flex;align-items:center;text-decoration:none;min-width:0}
.brand img{display:block;width:min(286px,45vw);height:auto;max-height:84px;object-fit:contain;object-position:left center}
.brand-monogram,.brand-name{display:none!important}
.page-menu{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:10px;border-top:1px solid var(--line)}
.page-menu a{font-size:14px;text-decoration:none;color:#344d5d;padding:12px 0 10px;border-bottom:3px solid transparent;white-space:nowrap;transition:color .18s,border-color .18s}
.page-menu a:hover,.page-menu a[aria-current=page]{border-color:var(--gold);font-weight:700;color:var(--navy)}
.language-tools{border-top:1px solid var(--line);padding:9px 0;gap:7px}
.language-tools a{border-color:#e2e7e9;border-radius:999px;padding:7px 9px;transition:all .18s}
.language-tools a:hover,.language-tools a:focus-visible{background:#fbf5eb;border-color:var(--gold);transform:translateY(-1px)}
.button{border-radius:8px;background:var(--navy);padding:13px 20px;box-shadow:0 5px 12px rgba(16,43,62,.12);transition:transform .18s,box-shadow .18s,filter .18s}
.button:hover{filter:none;transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,43,62,.2)}
.button.light,.hero .button,.travel-hero .button,.contact .button{background:var(--gold);color:var(--navy)}
.button.outline{border-radius:8px}
.hero{background:var(--navy);color:#fff}
.hero .lead,.page-intro p,.travel-hero .lead{line-height:1.8}
.eyebrow{color:#9a7142;letter-spacing:1.7px}
section{scroll-margin-top:130px}
.card,.overview-card,.travel-card,.credit-item,.builder-controls,.draft-preview{border-radius:12px;box-shadow:0 8px 28px rgba(16,43,62,.055)}
.overview-card,.card{transition:transform .2s,box-shadow .2s}
.overview-card:hover,.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,43,62,.1)}
.example img,.intro-picture,.landscapes img,.photo-intro img,.borgo-photo img,.home-borghi-photo{border-radius:10px}
.tag{border-radius:999px;padding:6px 13px}
.contact-box{border-radius:12px}
footer{color:#667784}
@media(max-width:850px){header{position:sticky}.site-nav{padding-top:10px}.page-menu{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:0 22px}.page-menu::-webkit-scrollbar{display:none}.page-menu a{font-size:13px}.brand img{width:min(255px,56vw);max-height:72px}.language-tools{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.language-tools::-webkit-scrollbar{display:none}.language-tools>span{flex:0 0 auto}.language-tools a{flex:0 0 auto}}
@media(max-width:520px){.wrap{padding-left:18px;padding-right:18px}.site-nav-top{min-height:58px}.brand img{width:min(220px,64vw);max-height:66px}.site-nav-top>.button{display:none}.page-menu{gap:0 18px}.page-menu a{padding:10px 0 8px;font-size:12px}.language-tools{padding:8px 0}.language-tools a{font-size:11px;padding:6px 8px}.hero{padding:40px 0}.hero h1{font-size:clamp(36px,10vw,44px);line-height:1.12;letter-spacing:-1px}.hero .lead{font-size:17px}.photo-hero{border-radius:12px;height:320px}.photo-label{padding:65px 20px 20px}.photo-label strong{font-size:24px}section{padding:48px 0}.overview-grid{gap:15px}.overview-card,.card{padding:22px}.travel-card{padding:21px}.builder-controls{padding:20px}.preview-photo{height:280px}.preview-copy h3{font-size:30px}.contact-box{padding:22px}.contact-box .button{width:100%}}

/* Selettore lingue compatto: sempre orizzontale, anche sui telefoni */
.language-tools{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:5px!important;width:100%;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;padding:7px 0!important}
.language-tools::-webkit-scrollbar{display:none}
.language-tools>span{flex:0 0 auto!important;font-size:12px!important;margin:0 3px 0 0!important}
.language-tools a{display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:32px;padding:5px 7px!important;gap:4px!important;font-size:12px!important;line-height:1!important}
.language-tools a img{display:block;width:17px!important;height:12px!important;flex:0 0 auto!important}
.language-tools a span{display:inline!important;white-space:nowrap}
@media(max-width:850px){.language-tools{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:5px!important;padding:6px 0!important}.language-tools>span{display:block!important}.language-tools a{flex:0 0 auto!important;width:auto!important;min-height:32px;padding:5px 7px!important}}
@media(max-width:520px){.language-tools{flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important;padding:5px 0!important}.language-tools>span{font-size:11px!important}.language-tools a{font-size:11px!important;padding:5px 6px!important;gap:3px!important}.language-tools a img{width:16px!important;height:11px!important}}

/* Lingue raccolte in un selettore compatto: il menu non allunga la testata. */
.site-nav-top{position:relative;min-width:0}
.language-switcher{position:relative;flex:0 0 auto;z-index:1001}
.language-switcher>summary{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;cursor:pointer;min-width:60px;min-height:40px;padding:7px 10px;border:1px solid var(--line,#dce3e6);border-radius:999px;background:#fff;color:var(--navy,#102b3e);font:700 13px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.language-switcher>summary::-webkit-details-marker{display:none}
.language-switcher>summary::marker{content:""}
.language-switcher>summary:focus-visible,.language-tools a:focus-visible{outline:3px solid var(--gold,#c99c62);outline-offset:3px}
.language-switcher[open]>summary{border-color:var(--gold,#c99c62);background:#fbf8f2}
.language-switcher>.language-tools{display:none!important;position:absolute!important;top:calc(100% + 8px);right:0;z-index:1100;width:242px;max-width:calc(100vw - 36px);min-width:0;padding:12px!important;border:1px solid var(--line,#dce3e6);border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(16,43,62,.2);white-space:normal;overflow:visible!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
.language-switcher:not([open])>.language-tools{display:none!important}
.language-switcher[open]>.language-tools{display:grid!important}
.language-switcher>.language-tools>span{grid-column:1/-1;display:block!important;margin:0 0 2px!important;font-size:12px!important;color:#536779}
.language-switcher>.language-tools a{display:flex!important;flex:initial!important;flex-direction:row!important;justify-content:center!important;width:100%!important;min-width:0;min-height:38px;padding:7px 5px!important;gap:5px!important;border:1px solid #e2e7e9;border-radius:999px;background:#fff;font-size:12px!important;line-height:1!important}
.language-switcher>.language-tools a img{width:18px!important;height:13px!important;object-fit:cover;border-radius:2px}
.language-switcher>.language-tools a span{display:inline!important;white-space:nowrap}
@media(max-width:520px){.site-nav-top{gap:8px}.language-switcher>summary{min-width:58px;min-height:38px;padding:6px 8px}.language-switcher>.language-tools{width:224px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}}

/* Portale borghi 2026-10-16 */
.brand.borghi-brand{display:flex!important;flex-direction:column;gap:5px;text-decoration:none;color:#102b3e;font:700 clamp(22px,4vw,32px)/1.1 Georgia,serif}.borghi-brand small{font:600 11px/1.5 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#987235}.page-menu{flex-wrap:wrap!important}.site-nav-top{gap:16px!important}.village-contact{max-width:800px;margin:auto;padding:48px 24px 72px}.village-contact h1{font:700 clamp(30px,6vw,48px)/1.15 Georgia,serif;color:#102b3e}.village-contact p{font-size:18px;line-height:1.7}.village-contact .button{margin:15px 0}.village-links{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0}@media(max-width:600px){.site-nav-top>.button{display:none!important}.site-nav-top{flex-wrap:nowrap!important}.page-menu{gap:8px!important}.page-menu a{font-size:14px!important;padding:8px!important}.brand.borghi-brand{max-width:72%}}