/*
 * Styles communs des pages refaites du site F4JIK (accueil, World Wide Flora & Fauna...).
 * Utilisés avec le gabarit includes/gabarit.php. Les styles propres à une page restent dans la page.
 */
:root { --nuit: #050b1e; --or: #f5b942; }
html, body { overflow-x: hidden; }
body { font-family: "Montserrat", "Ubuntu", sans-serif; background: #f4f7fb; }

/* Navigation */
.nav-site { background: var(--nuit); }
.nav-site .nav-link { color: rgba(255,255,255,.8); font-weight: 600; letter-spacing: .04em; }
.nav-site .nav-link:hover, .nav-site .nav-link.active { color: var(--or); }
.nav-site .reseau { color: rgba(255,255,255,.85); font-size: 1.5rem; }
.nav-site .reseau:hover { color: var(--or); }
/* Logo officiel QRZ.com (lettres blanches), à la hauteur des icônes Facebook / YouTube */
.nav-site .qrz img { display: block; opacity: .9; transition: opacity .15s, transform .15s; }
.nav-site .qrz:hover img { opacity: 1; transform: scale(1.06); }

/* Cartes (rubriques, activations) */
.carte-rubrique { border: 0; border-radius: 1rem; overflow: hidden; transition: transform .2s, box-shadow .2s; }
.carte-rubrique:hover { transform: translateY(-5px); box-shadow: 0 1rem 2rem rgba(5,11,30,.25) !important; }
.carte-rubrique .entete-rubrique { height: 130px; display: flex; align-items: center; justify-content: center; }
.carte-rubrique .card-img-top { height: auto; aspect-ratio: 1200 / 630; object-fit: cover; }
.carte-rubrique.inactive { opacity: .85; }
.carte-rubrique.inactive:hover { transform: none; }

/* Recherche de QSL */
.bloc-qsl { background: linear-gradient(120deg, #0a1b44, #123a7a); color: #fff; border-radius: 1rem; }
.bloc-qsl .form-control { border: 0; }

/* Pied de page */
footer.pied { background: var(--nuit); color: rgba(255,255,255,.7); }
footer.pied a { color: rgba(255,255,255,.85); }
footer.pied a:hover { color: var(--or); }
footer.pied .qrz-pied { height: 14px; width: auto; vertical-align: -2px; }