/*
Theme Name: Bolognano Turismo
Theme URI: https://www.visitbolognano.com
Author: Comune di Bolognano
Description: Tema per il sito turistico di Bolognano, nel Parco Nazionale della Maiella. Crea da solo le pagine Home, Territorio, Natura, Sentieri, Storia, Chiese e castelli, Arte ed Eventi.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: bolognano-turismo
*/

:root{
  --ink:#14211B; --ground:#F2F4EF; --deep:#0F2A21; --pine:#1F4D3A; --pine2:#2D6650;
  --ochre:#D9822B; --ochre-d:#8A5A1E; --muted:#4A5A50; --line:#D7DDD2; --sage:#E6EBE2; --stone:#C9D3C4;
  --head:"Bricolage Grotesque","Avenir Next","Trebuchet MS",system-ui,sans-serif;
  --body:"Figtree","Avenir Next",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}
a{color:inherit;text-decoration:none}
a:hover{opacity:.82}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--head);font-weight:800;margin:0;line-height:1.1}
.screen-reader-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.screen-reader-text:focus{left:12px;top:12px;width:auto;height:auto;padding:10px 16px;background:#fff;color:#000;z-index:100}

/* Intestazione */
.bol-header{background:var(--deep);color:#F2F4EF}
.bol-header-in{max-width:1200px;margin:0 auto;padding:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.bol-brand{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:800;font-size:24px;color:#F2F4EF}
.bol-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px;font-weight:500}
.bol-nav a{display:block;padding:6px 0;color:#F2F4EF;border-bottom:2px solid transparent}
.bol-nav .current-menu-item > a,.bol-nav .current_page_item > a{border-bottom-color:var(--ochre)}

/* Struttura delle pagine */
.bol-main{display:block}
.bol-main p{margin:0 0 1em}
.bol-sec{padding:72px 24px}
.bol-sec > *{max-width:1200px;margin-left:auto;margin-right:auto}
.bol-sec h2{font-size:clamp(28px,3.6vw,42px);margin:12px 0 32px}
.bol-sec h2 + .bol-intro{margin-top:-20px}
.bol-intro{color:var(--muted);width:min(620px,100%);margin-bottom:40px}
.bol-eyebrow{margin:0;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pine)}

.bol-hero{background:var(--deep);color:#F2F4EF;padding:56px 24px 0}
.bol-hero .bol-eyebrow{color:#E9B26A;letter-spacing:.1em;margin-bottom:16px}
.bol-hero .bol-eyebrow a{color:inherit}
.bol-hero h1{font-size:clamp(38px,5.4vw,72px);line-height:1.04;letter-spacing:-.02em;margin:0}
.bol-lead{margin-top:20px;width:min(640px,100%);font-size:20px;color:#C9D6CC}
.bol-hero::after{content:"";display:block;height:110px;margin:48px -24px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'%3E%3Cpath d='M0,80 L160,40 L300,75 L480,25 L640,70 L820,30 L1000,80 L1180,35 L1320,70 L1440,45 L1440,140 L0,140 Z' fill='%231F4D3A'/%3E%3Cpath d='M0,120 L220,95 L460,118 L720,92 L980,118 L1220,96 L1440,112 L1440,140 L0,140 Z' fill='%23F2F4EF'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
.bol-hero-home{padding-top:72px}
.bol-hero-home .bol-eyebrow{letter-spacing:.14em;margin-bottom:20px}
.bol-hero-home h1{font-size:clamp(40px,6.4vw,88px);line-height:1.02;width:min(900px,100%)}
.bol-hero-home .bol-lead{margin-top:28px;width:min(620px,100%)}
.bol-sec > .bol-intro,.bol-sec > .bol-lead,.bol-hero-home > h1{margin-left:max(0px,calc((100% - 1200px) / 2));margin-right:0}
.bol-hero-home::after{height:160px;margin-top:56px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 220' preserveAspectRatio='none'%3E%3Cpath d='M0,120 L120,70 L220,110 L360,40 L470,100 L600,60 L760,130 L900,50 L1040,105 L1180,45 L1300,95 L1440,60 L1440,220 L0,220 Z' fill='%2317392C'/%3E%3Cpath d='M0,160 L140,110 L260,150 L420,90 L560,150 L700,100 L860,160 L1000,115 L1160,165 L1300,120 L1440,150 L1440,220 L0,220 Z' fill='%231F4D3A'/%3E%3Cpath d='M0,200 L200,170 L400,195 L640,165 L860,198 L1100,170 L1300,195 L1440,180 L1440,220 L0,220 Z' fill='%23F2F4EF'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}

.bol-pine{background:var(--pine);color:#F2F4EF}
.bol-pine p{color:#D5E2D8}
.bol-pine .bol-eyebrow{color:#E9B26A}
.bol-sage{background:var(--sage)}

/* Pulsanti */
.bol-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.bol-btns p,.bol-btn,.bol-btn-o,.bol-btn-p{margin:0}
.bol-btn a,.bol-btn-o a,.bol-btn-p a{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:600}
.bol-btn a{background:var(--ochre);color:var(--ink)}
.bol-btn-o a{border:1.5px solid #F2F4EF;color:#F2F4EF;padding:13px 26px}
.bol-btn-p a{background:var(--pine);color:#F2F4EF}

/* Griglie e schede */
.bol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}
.bol-grid-s{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.bol-grid-w{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}
.bol-grid-g{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px}
.bol-photo{background:var(--stone);display:flex;align-items:flex-end;padding:16px;border-radius:20px}
.bol-photo p{margin:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.bol-photo-d{background:var(--pine2)}
.bol-photo-d p{color:#E3EEE6}
.bol-grid-g .bol-photo{aspect-ratio:1 / 1;border-radius:12px;padding:12px}
.bol-grid-g .bol-photo p{font-size:12px}

.bol-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding-bottom:24px}
.bol-card > *:not(.bol-photo){margin-left:24px;margin-right:24px}
.bol-card .bol-photo{min-height:220px;margin-bottom:20px;border-radius:0}
.bol-card h3{font-size:26px;margin-top:0;margin-bottom:8px}
.bol-card p{color:var(--muted);font-size:16px}
.bol-card p:last-child{margin-bottom:0}
.bol-kicker{margin:0 0 4px;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ochre-d) !important}

.bol-tile{background:var(--sage);border-radius:16px;padding:24px}
.bol-tile h3{font-size:22px;margin-bottom:8px}
.bol-tile p{color:#3B4A41;font-size:16px;margin:0}
.bol-sage .bol-tile{background:#fff}

.bol-col{border-top:3px solid var(--ochre);padding-top:16px}
.bol-col h3{font-size:22px;margin-bottom:8px}
.bol-col p{color:var(--muted);font-size:16px;margin:0}

.bol-explore{display:flex;flex-direction:column;gap:10px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;min-height:190px;position:relative}
.bol-explore p{margin:0;color:var(--muted);font-size:16px}
.bol-explore h3{font-size:26px}
.bol-explore .bol-num{font-family:var(--head);font-weight:800;font-size:15px;color:var(--ochre-d)}
.bol-explore .bol-more{margin-top:auto;font-weight:600;color:var(--pine)}
.bol-explore .bol-more a::after{content:"";position:absolute;inset:0}
.bol-explore-d{background:var(--pine);color:#F2F4EF;border-color:var(--pine)}
.bol-explore-d p{color:#D5E2D8}

.bol-split{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.bol-split > *{flex:1 1 360px;min-width:0}
.bol-split .bol-photo{min-height:320px}
.bol-split h2{margin-bottom:16px}

.bol-list{display:flex;flex-direction:column;gap:20px}
.bol-more-l{margin-top:28px;font-weight:600;color:var(--pine)}
.bol-sage .bol-list{gap:12px}

/* Sentieri */
.bol-trail{display:flex;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.bol-trail > .bol-photo{flex:1 1 300px;min-height:240px;border-radius:0}
.bol-trail-body{flex:2 1 440px;padding:32px}
.bol-trail-body h2,.bol-trail-body h3{font-size:30px;margin:0 0 8px}
.bol-trail-body h2{font-size:clamp(30px,4vw,44px);margin-top:12px}
.bol-trail-body p{color:var(--muted)}
.bol-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:16px;margin:0 0 24px}
.bol-stat{border-top:2px solid var(--ochre);padding-top:8px}
.bol-stat p{margin:0}
.bol-stat .bol-k{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bol-stat .bol-v{font-weight:600;color:var(--ink)}

/* Storia */
.bol-tl{display:flex;flex-wrap:wrap;gap:8px 32px;padding:28px 0;border-top:1.5px solid #C3CDBE}
.bol-tl .bol-when{flex:0 0 180px;margin:0;font-family:var(--head);font-weight:800;font-size:28px;color:var(--ochre-d)}
.bol-tl-body{flex:1 1 400px}
.bol-tl-body h3{font-size:24px;margin-bottom:6px}
.bol-tl-body p{color:var(--muted);margin:0}
.bol-panel{background:var(--pine);color:#F2F4EF;border-radius:20px;padding:40px}
.bol-panel h2{font-size:clamp(26px,3.2vw,36px);margin:0 0 12px}
.bol-panel p{margin:0;max-width:640px;color:#D5E2D8}

/* Eventi */
.bol-event{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.bol-event p{margin:0}
.bol-date{flex:0 0 110px;font-family:var(--head);font-weight:800;font-size:26px;line-height:1.1;color:var(--ochre-d)}
.bol-ev-body{flex:1 1 320px}
.bol-ev-body h3{font-size:24px;line-height:1.15;margin-bottom:4px}
.bol-ev-body p{color:var(--muted);font-size:16px}

/* Chiese e castelli */
.bol-qr{display:flex;flex-wrap:wrap;gap:32px;align-items:center;background:var(--sage);border-radius:20px;padding:40px}
.bol-qr-box{flex:0 0 140px;height:140px;background:#fff;border:1.5px dashed var(--pine);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px}
.bol-qr-box p{margin:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--pine)}
.bol-qr-text{flex:1 1 360px}
.bol-qr-text h2{font-size:26px;margin:0 0 8px}
.bol-qr-text p{margin:0;color:#3B4A41}
.bol-castle{display:flex;flex-wrap:wrap;background:var(--pine);color:#F2F4EF;border-radius:20px;overflow:hidden}
.bol-castle > .bol-photo{flex:1 1 200px;min-height:220px;border-radius:0}
.bol-castle-body{flex:1 1 220px;padding:28px}
.bol-castle-body h3{font-size:26px;margin-bottom:8px}
.bol-castle-body p{margin:0;color:#D5E2D8;font-size:16px}

/* Varie */
.bol-map{min-height:360px;background:#DCE3D7;border:1px solid #C3CDBE;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}
.bol-map p{margin:0;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#3B4A41}
.bol-note{background:#fff;border:1px solid var(--line);border-left:6px solid var(--ochre);border-radius:12px;padding:28px}
.bol-note h2{font-size:24px;margin:0 0 8px}
.bol-note p{margin:0;color:var(--muted)}
.bol-row{display:flex;flex-wrap:wrap;gap:20px}
.bol-row > *{flex:1 1 320px;margin:0}
.bol-link a{display:block;background:var(--pine);color:#F2F4EF;border-radius:16px;padding:28px;font-family:var(--head);font-weight:800;font-size:26px}
.bol-row-title{margin:0 0 20px}

/* Pagine normali (non create dal tema) */
.bol-plain{max-width:800px;margin:0 auto;padding:56px 24px}
.bol-plain h1{font-size:clamp(32px,4.4vw,52px);margin-bottom:24px}

/* Piè di pagina */
.bol-footer{background:var(--deep);color:#C9D6CC}
.bol-footer-in{max-width:1200px;margin:0 auto;padding:56px 24px 32px;display:flex;flex-wrap:wrap;gap:40px 64px;justify-content:space-between}
.bol-footer-brand{flex:1 1 280px;max-width:360px}
.bol-footer-name{font-family:var(--head);font-weight:800;font-size:26px;color:#F2F4EF}
.bol-footer p{margin:12px 0 0;font-size:15px}
.bol-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.bol-footer a{color:#F2F4EF}
.bol-contacts{font-size:15px;line-height:1.7}
.bol-contacts strong{display:block;color:#F2F4EF}
.bol-credits{max-width:1200px;margin:0 auto;padding:0 24px 40px;font-size:13px;color:#9FB2A5}