/* ============================================================
   QuietField — new_design shared CSS
   (Tailwind handles utilities; this file holds only custom
   patterns that Tailwind's utility classes cannot express.)
   ============================================================ */

/* Material Symbols icon font tuning */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Glass card / panel — shared frosted-glass surface */
.glass-card,
.glass-panel {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
}

/* Language dropdown — show menu on hover */
.lang-dropdown:hover .lang-menu,
.lang-dropdown:hover .lang-dropdown-content {
    display: block;
}

/* Subtle text glow (used on data-cyan highlights) */
.text-glow-cyan {
    text-shadow: 0 0 15px rgba(0, 229, 255, 0.4);
}

/* Chi siamo — skill cards lift on hover */
.hover-lift {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.hover-lift:hover {
    transform: translateY(-8px);
}

/* Chi siamo — skill pill */
.skill-pill {
    transition: all 0.2s ease-in-out;
}
.skill-pill:hover {
    background-color: #D7FF62;
    color: #182412;
    border-color: #182412;
}

/* Contatti — input focus glow */
.input-glow:focus {
    outline: none;
    border-bottom: 2px solid #00E5FF;
    box-shadow: 0 4px 12px -4px rgba(0, 229, 255, 0.3);
}