/*
Theme Name: Tavernacinque
Theme URI: https://www.tavernacinque.it
Author: Tavernacinque
Description: Tema leggero e coordinato con il plugin Tavernacinque: logo, texture e colori del locale per le pagine di servizio (informativa privacy, cookie, pagine di testo, errore 404). La landing e il modulo di prenotazione sono nel plugin.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: tavernacinque-tema
*/
@font-face{font-family:"Fraunces";src:url("assets/fonts/fraunces-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("assets/fonts/fraunces-latin-wght-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Figtree";src:url("assets/fonts/figtree-latin-wght-normal.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}

:root{--abete:#0b2926;--bosco:#123d38;--oro:#dfb46d;--oro-scuro:#8a6420;--crema:#ece6dc;--cacao:#473426;--testo:#2a332f;--sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Fraunces",Georgia,serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.7 var(--sans);color:var(--testo);background:var(--crema) url("assets/brand/texture-crema.png") 0 0/48px 96px;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;overflow-x:clip}
img,svg,video{max-width:100%;height:auto}
a{color:var(--cacao);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--oro-scuro)}
:focus-visible{outline:3px solid var(--oro);outline-offset:3px;border-radius:4px}
.screen-reader-text,.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--oro);color:var(--abete);padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.skip-link:focus{top:12px}

/* testata */
.th-head{position:sticky;top:0;z-index:50;background:var(--abete) url("assets/brand/texture-abete.png") 0 0/48px 96px;color:#f2f4ef}
.th-head__in{max-width:1180px;margin:auto;padding:12px clamp(18px,4vw,40px);display:flex;align-items:center;gap:18px;justify-content:space-between}
.th-logo{display:block;width:clamp(150px,17vw,200px);aspect-ratio:3742/543;background:currentColor;color:#f2f4ef;-webkit-mask:url("assets/brand/logo.svg") left center/contain no-repeat;mask:url("assets/brand/logo.svg") left center/contain no-repeat;font-size:0}
.th-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.th-nav ul{list-style:none;margin:0 6px 0 0;padding:0;display:flex;gap:18px}
.th-nav ul a{color:#f2f4ef;text-decoration:none;font-weight:600;font-size:.95rem}
.th-nav ul a:hover{color:var(--oro)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;font:700 .95rem/1 var(--sans);text-decoration:none;border:1.5px solid transparent;transition:background .2s,color .2s,border-color .2s}
.btn--oro{background:var(--oro);color:var(--abete)}
.btn--oro:hover{background:#ebc47f;color:var(--abete)}
.btn--ghost{border-color:rgba(242,244,239,.55);color:#f2f4ef}
.btn--ghost:hover{background:#f2f4ef;color:var(--abete)}
@media (max-width:640px){.th-nav ul{display:none}.th-nav .btn--ghost{display:none}}

/* contenuto */
.th-main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:clamp(36px,7vw,84px) clamp(18px,4vw,40px)}
.th-main--wide{max-width:1040px}
.th-title{font:400 clamp(2.1rem,5.4vw,3.6rem)/1.08 var(--serif);letter-spacing:-.015em;color:var(--cacao);margin:0 0 .5em}
.th-meta{color:#6b6459;font-size:.92rem;margin:-.2em 0 1.6em}
.th-content>*:first-child{margin-top:0}
.th-content h2,.th-content h3,.th-content h4{font-family:var(--serif);font-weight:400;color:var(--cacao);line-height:1.2;margin:1.9em 0 .55em;letter-spacing:-.01em}
.th-content h2{font-size:1.8rem}.th-content h3{font-size:1.4rem}.th-content h4{font-size:1.15rem}
.th-content p,.th-content ul,.th-content ol{margin:0 0 1.1em}
.th-content ul,.th-content ol{padding-left:1.3em}
.th-content li{margin:.3em 0}
.th-content blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.2em;border-left:3px solid var(--oro);font:italic 400 1.25rem/1.5 var(--serif);color:var(--cacao)}
.th-content hr{border:0;border-top:1px solid #cdbfa8;margin:2.2em 0}
.th-content table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:.96rem}
.th-content th,.th-content td{padding:10px 12px;border-bottom:1px solid #d7c9b2;text-align:left;vertical-align:top}
.th-content th{font-weight:700;color:var(--cacao)}
.th-content img{border-radius:16px}
.th-content figure{margin:1.6em 0}
.th-content figcaption{font-size:.88rem;color:#6b6459;margin-top:.5em}
.alignwide{max-width:none}.alignleft{float:left;margin:0 1.2em 1em 0}.alignright{float:right;margin:0 0 1em 1.2em}.aligncenter{display:block;margin-inline:auto}
.wp-block-button__link{background:var(--abete);color:#f2f4ef;border-radius:999px;padding:.8em 1.5em;text-decoration:none;font-weight:700}
.wp-block-button__link:hover{background:var(--oro);color:var(--abete)}

/* elenco articoli */
.th-list{display:grid;gap:22px}
.th-card{background:rgba(255,255,255,.55);border:1px solid #d7c9b2;border-radius:20px;padding:22px 24px}
.th-card h2{font:400 1.6rem/1.2 var(--serif);margin:0 0 .3em}
.th-card h2 a{text-decoration:none;color:var(--cacao)}
.th-card p{margin:.4em 0 0}
.th-pag{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}

/* 404 */
.th-404{text-align:center;padding-block:clamp(40px,10vw,120px)}
.th-404 .th-title{font-style:italic}
.th-404 p{max-width:34ch;margin:0 auto 1.6em;font-size:1.1rem}
.th-404 .btn--ghost{border-color:var(--abete);color:var(--abete)}
.th-404 .btn--ghost:hover{background:var(--abete);color:#f2f4ef}
.th-404 .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* piè di pagina */
.th-foot{background:#071b19 url("assets/brand/texture-abete.png") 0 0/48px 96px;color:rgba(242,244,239,.85);margin-top:auto}
.th-foot__in{max-width:1180px;margin:auto;padding:clamp(34px,6vw,60px) clamp(18px,4vw,40px) 26px;display:grid;gap:26px;grid-template-columns:1.2fr 1fr 1fr}
.th-foot .th-logo{width:min(260px,70vw);color:#f2f4ef}
.th-foot p{margin:.6em 0 0;font-size:.95rem;line-height:1.6}
.th-foot h2{font:700 .75rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--oro);margin:0 0 12px}
.th-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.th-foot a{color:#f2f4ef;text-underline-offset:4px}
.th-foot a:hover{color:var(--oro)}
.th-foot__end{max-width:1180px;margin:auto;padding:0 clamp(18px,4vw,40px) 30px;font-size:.84rem;opacity:.7}
@media (max-width:760px){.th-foot__in{grid-template-columns:1fr}}