/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 18 nov 2025, 11:09:29
    Author     : marco
*/

:root {
  --navbar-height: 72px; /* regola se cambi altezza reale */
}

/* Forza fixed e z-index molto alto (sovrascrive se necessario) */
nav.custom-fixed-top {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  height: var(--navbar-height);
  z-index: 3000 !important; /* molto alto per stare sopra tutto */
  display: flex;
  align-items: center;
}

/* Se la navbar ha padding verticale maggiore, usa padding-box */
nav.custom-fixed-top .navbar-brand img {
  max-height: 56px;
}

/* Hover su voci nav */
.navbar-nav .nav-link {
    position: relative;
    padding: 15px 20px !important;  /* migliora click area */
    transition: background-color 0.25s ease, color 0.25s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    background-color: #f1e0c6;   /* colore chiaro stile pergamena */
    color: #000 !important;
}

/* Per la voce attiva */
.navbar-nav .nav-link.active {
    background-color: #c18223 !important;   /* colore tuo primario */
    color: #000 !important;
}

/* Dropdown: allineamento perfetto e hover elegante */
.dropdown-menu .dropdown-item:hover {
    background-color: #f1e0c6 !important;
    color: #000 !important;
}

/* Spazio per il contenuto: evita che la navbar lo copra */
body {
  padding-top: var(--navbar-height);
}

/* Variante per schermi piccoli (se la navbar occupa più spazio su mobile) */
@media (max-width: 767.98px) {
  :root { --navbar-height: 90px; }
}
    

/* Navbar brand: altezza originale della navbar */
nav.custom-fixed-top .navbar-brand img {
    max-height: 196px;
}
.navbar {
    height: 116px; /* regola se la tua navbar è più alta */
}

/* Logo più grande che "esce" dalla barra */
.logo-nav {
    height: 160px;
    position: absolute;
    top: 110%;
    left: -5px;
    transform: translateY(-50%);
    filter:
        drop-shadow(0px 6px 14px rgba(0,0,0,0.8))
        drop-shadow(0 0 6px rgba(255,255,255,0.6));
}
 

/* prevenire sfasamenti */
.navbar-brand {
    width: 220px;   /* spazio riservato al logo dentro il nav */
}
/* LOGO MOBILE */
@media (max-width: 768px) {
    .navbar-brand img {
        top: 30px;
        left: 0px;
        height: 80px !important;   /* dimensione ridotta */
        width: auto !important;    /* mantiene le proporzioni */
    }
}
@media (max-width: 576px) {
    .navbar-brand img {
        top: 10px;
        left: 0px;
        height: 50px !important;
        width: auto !important;    /* mantiene le proporzioni */
    }
}

 
.modal-content {
    FONT-VARIANT: JIS90;
    top: 100px;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 90%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
}
.modal {
    z-index: 5000 !important;
}
.modal-backdrop {
    z-index: 4000 !important;
}