/**
 * FILE: /var/www/html/assets/css/contact.css
 * DESCRIPTION: Styles for contact page
 */

/* Login Button */
.login-btn {
    background: var(--accent) !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: var(--radius-sm) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    transition: background 0.2s ease !important;
    display: inline-block !important;
    border: none !important;
    cursor: pointer !important;
}
.login-btn:hover { background: var(--accent-hover) !important; }
@media (max-width: 768px) {
    .login-btn { padding: 5px 12px !important; font-size: 0.85rem !important; }
}

/* Dropdown Menu */
.nav-links { display: flex; list-style: none; gap: 30px; align-items: center; }
.nav-item { position: relative; }
.dropdown { position: relative; }
.dropdown-toggle { cursor: pointer; display: flex; align-items: center; gap: 5px; }
.dropdown-toggle::after { content: '▼'; font-size: 0.65em; transition: transform 0.2s ease; }
.dropdown:hover .dropdown-toggle::after { transform: rotate(180deg); }
.dropdown-menu {
    position: absolute; top: 100%; left: 0;
    background: var(--bg-raised);
    border: 1px solid var(--border); border-radius: var(--radius-md); padding: 6px 0; min-width: 200px;
    opacity: 0; visibility: hidden; transform: translateY(-6px);
    transition: all 0.2s ease; z-index: 1000;
}
.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-menu li { list-style: none; }
.dropdown-menu a {
    display: block; padding: 10px 18px; color: var(--text-secondary); text-decoration: none;
    transition: all 0.2s ease; border-left: 2px solid transparent; font-size: 0.95rem;
}
.dropdown-menu a:hover { background: var(--accent-dim); border-left-color: var(--accent); color: var(--text-primary); padding-left: 22px; }