/* Lisibilité (phase 2, 10/2026) : texte courant à 16 px au lieu des 14 px de Bootstrap 3, petits textes remontés.
   Chargé après app.min.css ; ne touche ni aux titres ni à la navigation. */
body { font-size: 16px; line-height: 1.65; }
p, li, dd, dt, summary, td, th { line-height: 1.65; }

/* bandeau de contact du haut, fil d'Ariane, pied de page : 11-12 px → 13 px */
.site-header .header-top, .site-header .header-top a, .site-header .header-top li,
.site-footer, .site-footer a, .site-footer li, .site-footer p,
.breadcrumb, .breadcrumb a, .breadcrumb li { font-size: 13px; }
.footer-copyright p { font-size: 12px; }

/* sous-titres en petites capitales des cartes : 12 px → 13 px */
.item-inner h5 { font-size: 13px; }

/* fil d'Ariane des pages intérieures : 10 px → 12 px */
.widget-breadcrumb, .widget-breadcrumb ul li, .widget-breadcrumb ul li a { font-size: 12px !important; }

/* boutons en capitales (10 px) et liens « En savoir plus » (11 px) → 12 px */
.btn, .btn-primary, .btn-book-submit { font-size: 12px; }
.btn-link, h5.btn-link { font-size: 12px; }

/* prix « à partir de » des chambres : 11 px → 13 px */
.room-slider .room-price small { font-size: 13px !important; }

/* titres de colonne du pied de page : 11 px → 12 px */
.site-footer h6 { font-size: 12px; }

/* sur mobile, les boutons gardent leur hauteur fixe : 11 px pour que les libellés longs tiennent sur une ligne */
@media (max-width: 480px) { .btn, .btn-primary, .btn-book-submit { font-size: 11px; } }

/* boutons flottants « Réservez… maintenant » : largeur fixe, on garde leur taille d'origine pour qu'ils ne se chevauchent pas */
#book_widget, #book_table_widget { font-size: 14px; line-height: 50px; }

/* cartes des chambres de l'accueil : un peu plus hautes pour le texte agrandi (le lien du bas est en position absolue) */
.widget-rooms-carousel .rooms-item .item-desc { min-height: 345px; }

/* menu principal sur ordinateur (au-delà de 1299 px, où il n'est pas replié) : sans « Contact », il tient sur une ligne */
@media (min-width: 1300px) { .site-header .header-nav .nav-left > li.nav-contact { display: none !important; } }

/* pied de page : liens en trois colonnes titrées (au lieu d'une ligne de liens en capitales) */
.site-footer .footer-bottom .footer-columns { display: flex; justify-content: center; gap: 80px; margin: 45px auto 0; padding-top: 35px;
    max-width: 900px; border-top: 1px solid rgba(255, 255, 255, .12); text-align: left; }
.site-footer .footer-bottom .footer-columns .footer-col { flex: 0 1 220px; }
.site-footer .footer-bottom .footer-columns .footer-col-title { margin: 0 0 14px; font-weight: 700; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #b49a5e; }
.site-footer .footer-bottom .footer-columns ul { display: block; margin: 0; padding: 0; list-style: none; }
.site-footer .footer-bottom .footer-columns ul li { float: none; margin: 0 0 9px; }
.site-footer .footer-bottom .footer-columns ul li a { display: inline; text-transform: none; font-size: 15px; font-weight: 400; letter-spacing: .2px; color: #fff; opacity: .85; }
.site-footer .footer-bottom .footer-columns ul li a:hover { opacity: 1; text-decoration: underline; }
.site-footer .footer-bottom .footer-credit { margin: 35px 0 0; font-size: 12px; color: #a39dbe; }
.site-footer .footer-bottom .footer-credit a { color: #a39dbe; text-decoration: underline; }
@media (max-width: 767px) {
    .site-footer .footer-bottom .footer-columns { flex-direction: column; gap: 28px; padding: 30px 20px 0; text-align: center; }
    .site-footer .footer-bottom .footer-columns .footer-col { flex: none; }
}

/* lien « Voir la carte et les menus » de la page Restaurant : il ouvre une page, pas un téléchargement → icône couverts */
a.oc-link-bm-custom1[href*="/restaurant/carte"]:before, a.oc-link-bm-custom1[href*="/restaurant/menu"]:before,
a.oc-link-bm-custom1[href*="/restaurant/speisekarte"]:before { content: "\f0f5"; }