/* header.css – stili header sito, isolati con prefisso g-header-* */

.g-site-header { background: rgb(51,51,51); transition: box-shadow 0.3s, padding 0.3s; padding: 16px 24px; }
.g-site-header.scrolled { box-shadow: 0 2px 12px rgba(0,0,0,0.10); }
.g-header-inner { margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.g-header-logo { height: 72px; object-fit: contain; transition: height 0.3s; }
.g-site-header.scrolled .g-header-logo { height: 52px; }
.g-header-text { text-align: right; }
.g-header-label-top { display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: rgb(82,189,236); }
.g-header-label-sub { display: block; font-size: 11px; color: rgb(82,189,236); margin-top: 3px; }
.g-header-logout { font-size: 11px; color: rgba(82,189,236,0.7); text-decoration: none; margin-left: 24px; white-space: nowrap; }
.g-header-logout:hover { color: rgb(82,189,236); }
.g-header-nav { display: flex; gap: 6px; }
.g-nav-link { font-size: 12px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(82,189,236,0.75); text-decoration: none; padding: 4px 12px; border-radius: 4px; transition: background 0.2s, color 0.2s; display: inline-block; }
.g-nav-link:hover { color: rgb(82,189,236); background: rgba(82,189,236,0.1); }
.g-nav-active { color: rgb(82,189,236); background: rgba(82,189,236,0.15); }
.g-nav-dropdown { position: relative; }
.g-nav-caret { font-size: 9px; margin-left: 2px; opacity: 0.7; }
.g-nav-submenu { position: absolute; top: 100%; left: 0; background: rgb(51,51,51); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.3); min-width: 160px; padding: 6px 0; margin-top: 2px; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 0.15s, transform 0.15s, visibility 0.15s; z-index: 50; }
.g-nav-dropdown:hover .g-nav-submenu, .g-nav-dropdown:focus-within .g-nav-submenu { opacity: 1; visibility: visible; transform: translateY(0); }
.g-nav-sublink { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(82,189,236,0.75); text-decoration: none; padding: 8px 16px; transition: background 0.2s, color 0.2s; }
.g-nav-sublink:hover { color: rgb(82,189,236); background: rgba(82,189,236,0.1); }
.g-user-dropdown { position: relative; display: inline-block; }
.g-user-toggle { background: none; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; gap: 4px; }
.g-user-toggle:hover .g-header-label-top { color: rgb(82,189,236); }
.g-user-caret { font-size: 9px; color: rgb(82,189,236); opacity: 0.7; }
.g-user-submenu { position: absolute; top: 100%; right: 0; background: rgb(51,51,51); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.3); min-width: 120px; padding: 6px 0; margin-top: 4px; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 0.15s, transform 0.15s, visibility 0.15s; z-index: 50; }
.g-user-dropdown:hover .g-user-submenu, .g-user-dropdown:focus-within .g-user-submenu { opacity: 1; visibility: visible; transform: translateY(0); }
.g-user-sublink { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(82,189,236,0.75); text-decoration: none; padding: 8px 16px; text-align: right; transition: background 0.2s, color 0.2s; }
.g-user-sublink:hover { color: rgb(82,189,236); background: rgba(82,189,236,0.1); }