/* ==========================================================================
Fucecchio.it — personalizzazioni sopra il template Govnet (TEMPLATE_MONSTER)
Non tocca gli asset originali in /assets_govnet/, solo variabili di brand
e piccoli componenti specifici dei contenuti (schede attività, tab, form).
Palette ispirata al Palio delle Contrade e al borgo storico: ambra/oro come
accent, verde istituzionale Govnet mantenuto come primario.
========================================================================== */
:root{
--fucecchio-accent: #b8860b; /* ambra/oro, bottoni/hover secondari */
--fucecchio-accent-dark: #8a6508;
--fucecchio-green: #00aa55; /* verde istituzionale del template Govnet, colore primario */
}
/* Logo header — nessun file logo grafico esiste per questo sito (solo una foto di
sfondo generica nell'originale): usiamo un logo testuale al posto di un ![]()
rotto. */
.text-logo{ font-size:24px; font-weight:800; color:#222; letter-spacing:-.5px; text-decoration:none; display:inline-block; line-height:56px; }
.text-logo small{ font-weight:400; color:var(--fucecchio-accent); font-size:16px; }
.govnet-description-area .text-logo{ display:block; margin-bottom:10px; font-size:22px; line-height:1.2; }
/* Footer: niente immagine di sfondo, solo il grigio scuro pieno */
.witrfm_area{ background-image:none; }
.witrfm_area:before{ background-color:#1a1a1a; }
/* CTA header */
a.dtbtn{ background:var(--fucecchio-accent); }
a.dtbtn:hover{ background:var(--fucecchio-accent-dark); }
/* Breadcrumb generato da Perl (gen_breadcrumb): .
.breadcrumb qui e' lo stile flex di Bootstrap 4/5 (bootstrap.min.css), ma il Perl
genera semplici (non ): usiamo lo
gia' presente nell'HTML come separatore. */
.breadcrumb{ background:#f7f5f2; border-radius:0; margin:20px 0; padding:10px 15px; flex-wrap:wrap; }
.breadcrumb li{ display:flex; align-items:center; }
.breadcrumb .divider{ display:inline-block; margin:0 8px; color:#bbb; }
.breadcrumb li.active{ color:var(--fucecchio-accent); font-weight:600; }
/* ---- Elenco attivita: layout a riga stile Govnet "event.html" (.witr_event_style_5) ---- */
.attivita-listrow{ display:flex; align-items:flex-start; }
.attivita-listrow .govnet-event-thumb_adn{ height:100%; }
.attivita-listrow .govnet-event-thumb_adn img{ width:300px; max-width:100%; aspect-ratio: 1 / 1; height:auto; object-fit:cover; border-radius:4px; transition:none; }
.attivita-listrow .govnet-event-thumb_adn:before{ content:none; }
.attivita-listrow .govnet-event-thumb_adn:hover img,
.attivita-listrow:hover .govnet-event-thumb_adn img{ transform:none; }
.attivita-listrow .event-page-title_adn{ padding-top:0 !important; }
.attivita-listrow .event-page-title_adn h2{
font-size:19px;
margin-bottom:8px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.attivita-listrow .event-page-title_adn h2 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--fucecchio-green); }
.attivita-listrow .govnet-event-meta-left_adn{ margin-bottom:4px; }
.attivita-listrow .govnet-event-meta-left_adn a,
.attivita-listrow .govnet-event-meta-left_adn span,
.attivita-listrow .govnet-event-meta-left_adn i{ color:var(--fucecchio-green); }
.attivita-listrow .witr_event_d{ padding-top:0 !important; margin-top:10px; }
/* mostra la descrizione mini solo se il campo specialita e' vuoto (priorita' a specialita) */
.attivita-row-extra .attivita-descrizione-mini{ display:none; }
.attivita-row-extra .attivita-specialita:empty ~ .attivita-descrizione-mini{ display:inline; }
.attivita-listrow .attivita-row-extra{ margin:0; font-size:14px; color:#777; }
/* bottone SCHEDA: riga a piena larghezza SOTTO foto+testo */
.attivita-row-btn{ margin-top:15px; margin-bottom:0; }
.attivita-row-btn a{
display:block;
width:100%;
text-align:center;
font-size:13px;
padding:12px 14px;
text-transform:uppercase;
letter-spacing:.3px;
}
/* ---- Card attivita (ristoranti/agriturismo/negozi/...) — usate in TEMPLATE//template_scheda_elenco.html ---- */
.attivita-card{
background:#fff;
border:1px solid #eee;
border-radius:6px;
overflow:hidden;
margin-bottom:30px;
box-shadow:0 2px 10px rgba(0,0,0,.05);
transition:box-shadow .2s ease, transform .2s ease;
}
.attivita-card:hover{ box-shadow:0 8px 22px rgba(0,0,0,.12); transform:translateY(-2px); }
/* aspect-ratio invece di altezza fissa: segue proporzionalmente la larghezza reale
della card sia su desktop (piu' colonne) sia su smartphone (piena larghezza) */
.attivita-card .attivita-card-img{ display:block; width:100%; height:auto; aspect-ratio: 4 / 3; overflow:hidden; }
.attivita-card .attivita-card-img img{ width:100%; height:100%; object-fit:cover; }
.attivita-card .attivita-card-body{ padding:18px 20px 20px; }
.attivita-card .titolo_ristorante{ display:block; font-size:19px; font-weight:700; color:#222; margin-bottom:6px; }
.attivita-card .attivita-card-body address{ color:#666; font-size:14px; margin-bottom:10px; }
.attivita-card .button_ristorante{
display:inline-block; margin-top:10px; padding:8px 18px;
background:var(--fucecchio-green); color:#fff !important; border-radius:4px;
font-weight:600; font-size:13px; text-decoration:none;
}
.attivita-card .button_ristorante:hover{ background:var(--fucecchio-accent); }
/* ---- News (integrazione DB condiviso "gestione_portali") ---- */
.news-card-meta{ font-size:13px; color:#999; text-transform:uppercase; letter-spacing:.3px; margin-bottom:6px; }
.news-card-meta .news-card__cat{ color:var(--fucecchio-accent); font-weight:600; }
.news-card-excerpt{ color:#555; font-size:14px; margin:6px 0 12px; }
.news-card-link{ font-weight:600; color:var(--fucecchio-green); text-decoration:none; }
.news-card-link:hover{ color:var(--fucecchio-accent); }
.news_gallery .col-xs-4{ float:left; width:33.3333%; padding:0 5px; box-sizing:border-box; }
@media (max-width: 480px){
.news_gallery .col-xs-4{ width:50%; }
}
/* ---- Blocco descrizione dati scheda (template_dati_scheda.html) in testa alle pagine scheda ---- */
.scheda-dati-top{ background:#fff; border:1px solid #eee; border-radius:6px; padding:20px; margin-bottom:25px; }
.scheda-dati-top .img-polaroid img{ max-width:100%; border-radius:4px; }
.scheda-dati-top .titolo_ristorante{ font-size:24px; font-weight:700; color:#222; }
/* ---- Tab di navigazione scheda (descrizione/galleria/mappa/recensioni) — / generati da Perl ---- */
.scheda-tabs{ border-bottom:2px solid #eee; margin-bottom:25px; }
.scheda-tabs > li{ list-style:none; display:inline-block; }
.scheda-tabs > li > a{
display:block; padding:10px 18px; color:#555; font-weight:600; text-decoration:none;
border-bottom:3px solid transparent;
}
.scheda-tabs > li.active > a,
.scheda-tabs > li > a:hover{ color:var(--fucecchio-accent); border-bottom-color:var(--fucecchio-accent); }
/* tab "Recensioni" oscurata su richiesta: la voce è generata incondizionatamente dallo
script Perl condiviso (func-lib.pl, ##navs_items##), non modificabile da qui */
.scheda-tabs > li:has(> a[href$="#recensioni"]){ display:none; }
/* ---- Blocchi di contenuto generici scheda (descrizione, mappa, recensioni, contatto) ---- */
.scheda-block{ background:#fff; border:1px solid #eee; border-radius:6px; padding:22px 24px; margin-bottom:25px; }
.scheda-block h2, .scheda-block h3{ margin-top:0; }
#map_canvas{ width:100%; height:400px; border-radius:6px; }
/* ---- Galleria fotografica (venobox) ---- */
.gallery-grid{ margin:0 0 10px; }
.gallery-item{ margin-bottom:20px; }
.gallery-thumb{ display:block; border-radius:6px; overflow:hidden; }
.gallery-thumb img{ width:100%; aspect-ratio: 4 / 3; height:auto; object-fit:cover; display:block; transition:transform .25s ease; }
.gallery-thumb:hover img{ transform:scale(1.05); }
/* ---- Recensioni ---- */
.recensione-voto img{ vertical-align:middle; }
.accordion .accordion-toggle{ display:block; }
/* ---- Widget sidebar (menu_sx / menu_dx) ---- */
.widget-box{ background:#fff; border:1px solid #eee; border-radius:6px; padding:20px; margin-bottom:25px; }
.widget-box h3{ margin-top:0; }
.widget-box ul{ list-style:none; margin:0; padding:0; }
.widget-box ul li{ border-bottom:1px solid #f2f2f2; }
.widget-box ul li:last-child{ border-bottom:none; }
.widget-box ul li a{ display:block; padding:8px 4px; color:#444; }
.widget-box ul li a:hover{ color:var(--fucecchio-accent); }
.widget-banner{ margin-bottom:25px; text-align:center; }
.widget-banner img{ max-width:100%; border-radius:6px; }
.widget-banner .caption{ font-size:12px; color:#888; margin-top:4px; }
/* ---- Striscia "Localita nei dintorni" in footer ---- */
.rete-portali{ background:#f7f5f2; padding:30px 0; }
.rete-portali .rete-portali-title{ font-size:18px; font-weight:700; margin-bottom:15px; }
.rete-portali .banner{ display:inline-block; text-align:center; margin:0 12px 15px 0; vertical-align:top; }
.rete-portali .banner img{ width:140px; height:80px; border-radius:4px; }
.rete-portali .caption{ font-size:12px; margin-top:4px; }
/* ---- Form (contatto / recensione) — riusano i field name/id originali, classi aggiornate a Bootstrap 3 ---- */
.form-fucecchio .form-group{ margin-bottom:16px; }
.form-fucecchio label{ font-weight:600; }
.form-fucecchio textarea[disabled]{ background:#fafafa; font-size:11px; color:#888; }
/* ---- Paginazione (generata da &paginazione in func-lib.pl: