/* =====================================================================
   Pagine interne: il vecchio contenuto (classi fh5co-*, griglia
   Bootstrap) adattato al nuovo stile Anno Mille. Va caricato dopo
   style.css e annomille.css.
   ===================================================================== */
body.am-inner { font-family: var(--am-sans); font-size: 15px; color: var(--am-testo); background: var(--am-avorio); }
/* Solo il contenuto della pagina: header, fascia bordeaux e footer hanno i loro colori */
.am-inner #fh5co-main h1, .am-inner #fh5co-main h2, .am-inner #fh5co-main h3, .am-inner #fh5co-main h4,
.am-inner .fh5co-page-heading h1 { font-family: var(--am-serif); color: var(--am-antracite); }
.am-inner #fh5co-main p { color: var(--am-testo); }
.am-inner #fh5co-main a:not(.btn), .am-inner .fh5co-page-heading a { color: var(--am-bordeaux); }
.am-inner #fh5co-main a:not(.btn):hover, .am-inner #fh5co-main a:not(.btn):focus { color: var(--am-bordeaux-scuro); }

/* Intestazione della pagina */
.am-inner .fh5co-page-heading {
  padding: calc(var(--am-header-h) + 56px) 0 48px;
  background: var(--am-avorio-2);
  border-bottom: 1px solid rgba(176,141,87,.3);
  font-family: var(--am-sans); font-size: 12px; letter-spacing: 4px; color: var(--am-bordeaux); }
.am-inner .fh5co-page-heading .fh5co-page-heading-lead {
  font-family: var(--am-serif); font-size: 56px; font-weight: 500; line-height: 1.05;
  letter-spacing: 2px; color: var(--am-antracite); padding-bottom: 26px; margin: 0 0 18px; }
.am-inner .fh5co-page-heading .fh5co-page-heading-lead > br:first-child { display: none; }
.am-inner .fh5co-page-heading .fh5co-border { background: var(--am-oro); height: 2px; width: 64px; }
.am-inner .fh5co-page-heading-sub {
  font-family: var(--am-serif); font-style: italic; font-size: 24px; letter-spacing: 0;
  text-transform: none; color: var(--am-testo); margin-top: 12px; }
.am-inner .fh5co-page-heading a { color: var(--am-bordeaux); }

/* Sezioni e blocchi del vecchio modello */
.am-inner #fh5co-main { background: var(--am-avorio); }
.am-inner #fh5co-features { background: var(--am-avorio); padding: 60px 0 30px; }
.am-inner .fh5co-section-lead { font-family: var(--am-serif); font-size: 34px; letter-spacing: 1px; color: var(--am-bordeaux); }
.am-inner .fh5co-section-sub-lead { font-family: var(--am-serif); font-style: italic; font-size: 22px; color: var(--am-testo); }
.am-inner .fh5co-product h3 { font-family: var(--am-serif); font-size: 24px; line-height: 1.35; color: var(--am-antracite); }
.am-inner .fh5co-product h3 strong { font-weight: 600; }
.am-inner .fh5co-product p { font-size: 15px; line-height: 1.8; }
.am-inner .img-rounded { border-radius: 4px; }
.am-inner .js .to-animate, .js .am-inner .to-animate { opacity: 1; }

/* Pulsanti Bootstrap → pulsanti Anno Mille */
.am-inner .btn, .am-inner .btn-primary {
  font-family: var(--am-sans); font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
  background: var(--am-bordeaux); border: 1px solid var(--am-bordeaux); color: #fff;
  border-radius: 3px; padding: 13px 24px; box-shadow: none; }
.am-inner .btn:hover, .am-inner .btn:focus, .am-inner .btn-primary:hover, .am-inner .btn-primary:focus {
  background: var(--am-bordeaux-scuro); border-color: var(--am-bordeaux-scuro); color: #fff; }

/* Testi SEO, blog, menu (classi di blog.css) */
.am-inner .fh5co-locanda-h2, .am-inner .fh5co-article h2 { font-family: var(--am-serif); font-size: 30px; font-weight: 500; color: var(--am-bordeaux); }
.am-inner .fh5co-locanda-seo p, .am-inner .fh5co-article p { font-size: 16px; color: var(--am-testo); }
.am-inner .fh5co-locanda-seo a:not(.btn) { text-decoration-color: var(--am-oro); text-underline-offset: 3px; }
.am-inner .fh5co-blog-meta { color: var(--am-oro); }
.am-inner .fh5co-blog-card h3 { font-family: var(--am-serif); font-size: 26px; }
.am-inner .fh5co-blog-card:hover h3, .am-inner .fh5co-blog-more { color: var(--am-bordeaux); }
.am-inner .fh5co-faq-q { font-family: var(--am-serif); font-size: 22px; }

.am-inner .fh5co-menu-group { font-family: var(--am-serif); font-size: 38px; color: var(--am-bordeaux); border-top-color: rgba(176,141,87,.35); }
.am-inner .fh5co-menu-section { color: var(--am-antracite); font-family: var(--am-sans); font-size: 15px; }
.am-inner .fh5co-menu-acc { border-bottom-color: rgba(176,141,87,.35); }
.am-inner .fh5co-menu-acc > summary:after { border-color: var(--am-bordeaux); }
.am-inner .fh5co-menu-acc > summary:hover .fh5co-menu-section { color: var(--am-bordeaux); }
.am-inner .fh5co-menu-count { background: var(--am-avorio-2); }
.am-inner .fh5co-menu-name { font-family: var(--am-serif); font-size: 20px; font-weight: 600; color: var(--am-antracite); }
.am-inner .fh5co-menu-price { font-family: var(--am-serif); font-size: 20px; color: var(--am-bordeaux); }
.am-inner .fh5co-menu-list li { border-bottom-color: rgba(176,141,87,.3); }

.am-inner .fh5co-locale-name, .am-inner .fh5co-locale-name a { font-family: var(--am-serif); font-size: 30px; color: var(--am-antracite); }
.am-inner .fh5co-locanda-seo .fh5co-locale-tipo { color: var(--am-bordeaux); }
.am-inner .fh5co-scelta { border-left-color: var(--am-oro); }
.am-inner .fh5co-book-card { background: var(--am-carta); border: 1px solid rgba(176,141,87,.3); border-radius: 4px; }
.am-inner .fh5co-book-tel { font-family: var(--am-serif); font-size: 36px; color: var(--am-bordeaux); }
.am-inner .fh5co-map { background: var(--am-avorio-2); }

/* Su telefono */
@media (max-width: 700px) {
  .am-inner .fh5co-page-heading { padding: calc(var(--am-header-h) + 36px) 0 34px; }
  .am-inner .fh5co-page-heading .fh5co-page-heading-lead { font-size: 38px; }
  .am-inner .fh5co-page-heading-sub { font-size: 20px; }
  .am-inner .fh5co-menu-group { font-size: 30px; }
}

/* Spazio sotto l'intestazione quando il contenuto parte subito */
.am-inner #fh5co-main > .container:first-child { padding-top: 50px; }
.am-inner .fh5co-section-lead { line-height: 1.2; }

/* Niente animazioni "a comparsa" del vecchio modello: le immagini appaiono subito */
.am-inner .to-animate, .am-inner .animated { opacity: 1 !important; -webkit-animation: none !important; animation: none !important; }

/* Titolo degli articoli del blog (H1 più lungo di un nome di pagina) */
.am-inner .fh5co-page-heading .fh5co-article-title { font-size: 44px; letter-spacing: 0; max-width: 900px; margin-left: auto; margin-right: auto; }
.am-inner .fh5co-blog-grid .fh5co-blog-card { margin-bottom: 50px; }
.am-inner .fh5co-blog-card img { height: 230px; border-radius: 4px; }
.am-inner .fh5co-article ul { font-size: 16px; line-height: 1.8; color: var(--am-testo); padding-left: 20px; }
.am-inner .fh5co-article ul li { margin-bottom: 8px; }
@media (max-width: 700px) {
  .am-inner .fh5co-page-heading .fh5co-article-title { font-size: 30px; }
}
.am-inner .fh5co-article > img { height: 440px; object-fit: cover; border-radius: 4px; }
@media (max-width: 700px) { .am-inner .fh5co-article > img { height: 260px; } }

/* Link agli articoli correlati ("Leggi anche" / "Dal nostro blog") */
.am-inner #fh5co-main h2.fh5co-related-h2 { margin-top: 50px; padding-top: 30px; border-top: 1px solid rgba(176,141,87,.35); }
.am-inner #fh5co-main ul.fh5co-related { list-style: none; padding: 0; margin: 0 0 30px 0; }
.am-inner #fh5co-main ul.fh5co-related li { padding: 10px 0 10px 22px; position: relative; border-bottom: 1px solid rgba(176,141,87,.25); margin: 0; }
.am-inner #fh5co-main ul.fh5co-related li:before { content: ""; position: absolute; left: 2px; top: 19px; width: 8px; height: 8px; border-top: 2px solid var(--am-oro); border-right: 2px solid var(--am-oro); transform: rotate(45deg); }
.am-inner #fh5co-main ul.fh5co-related a { font-family: var(--am-serif); font-size: 20px; text-decoration: none; }

/* Riquadro orari/telefono delle pagine dei locali (stesso aspetto dei vecchi h3) */
.am-inner #fh5co-main .fh5co-product .am-side-h { font-family: var(--am-serif); font-size: 24px; line-height: 1.35; color: var(--am-antracite); font-weight: 500; margin: 0; }
.am-inner .fh5co-product .am-side-h strong { font-weight: 600; }
/* Contrasto sufficiente per i testi piccoli in oro e grigio */
.am-inner .fh5co-blog-meta { color: #7d6238; }
.am-inner .fh5co-menu-count { color: #5c5450; }
/* Link nel testo: sottolineati, non solo colorati */
.am-inner #fh5co-main p a:not(.btn) { text-decoration: underline; text-decoration-color: var(--am-oro); text-underline-offset: 3px; }
/* Pagina Dove siamo: nome e indirizzo di ogni locale (h2 con l'aspetto dei vecchi h3) */
.am-inner #fh5co-main h2.am-loc-h { font-family: var(--am-serif); font-size: 24px; line-height: 1.35; color: var(--am-antracite); font-weight: 500; }
.am-inner #fh5co-main h2.am-loc-h strong { font-weight: 600; }

/* Ingrandimento delle foto al passaggio del mouse (come in homepage): card del blog e gallerie */
.am-inner .fh5co-blog-img { display: block; overflow: hidden; border-radius: 4px; margin-bottom: 20px; }
.am-inner .fh5co-blog-img img { margin-bottom: 0; border-radius: 0; transition: transform .6s; }
.am-inner .fh5co-blog-card:hover .fh5co-blog-img img, .am-inner .fh5co-blog-card:focus .fh5co-blog-img img { transform: scale(1.05); }
.am-inner a.image-popup { display: block; overflow: hidden; border-radius: 4px; }
.am-inner a.image-popup img { border-radius: 0; transition: transform .6s; }
.am-inner a.image-popup:hover img, .am-inner a.image-popup:focus img { transform: scale(1.05); }

/* Menu temporaneamente nascosto: riquadro "Menù in aggiornamento" */
.am-inner .fh5co-menu-update { margin: 40px 0 30px; padding: 34px 30px; text-align: center; background: var(--am-carta); border: 1px solid rgba(176,141,87,.35); border-radius: 4px; }
.am-inner #fh5co-main .fh5co-menu-update h2.fh5co-locanda-h2 { margin-top: 0; }
.am-inner .fh5co-menu-update .btn { margin: 10px 0 0; }

/* Paginazione del blog (9 articoli per pagina) */
.am-inner .am-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 22px; margin: 10px 0 20px; padding-top: 30px; border-top: 1px solid rgba(176,141,87,.35); }
.am-inner .am-page-nums { display: flex; gap: 8px; }
.am-inner .am-page-num { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 10px; border: 1px solid rgba(110,26,36,.35); border-radius: 3px; font-family: var(--am-sans); font-size: 14px; font-weight: 600; color: var(--am-bordeaux); text-decoration: none; transition: background .2s, color .2s; }
.am-inner a.am-page-num:hover, .am-inner a.am-page-num:focus { background: var(--am-bordeaux); color: #fff; text-decoration: none; }
.am-inner .am-page-num.is-active { background: var(--am-bordeaux); border-color: var(--am-bordeaux); color: #fff; }
.am-inner .am-page-prev, .am-inner .am-page-next { font-family: var(--am-sans); font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--am-bordeaux); text-decoration: none; }
.am-inner .am-page-prev:hover, .am-inner .am-page-next:hover { text-decoration: underline; }