/* =============================================================================
   UNIFIED NAVBAR - PERFECT POSITIONING FROM DETAIL PAGE
   Extracted from PROPERTY-DETAIL-UNIFIED-RESPONSIVE.css working styles
   ============================================================================= */

/* ===== NAVBAR - SEAMLESS С ТЕМНЫМ ФОНОМ ===== */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(26, 26, 26, 0.95);
    backdrop-filter: blur(20px);
    height: 80px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar.scrolled {
    background: rgba(26, 26, 26, 0.98);
    backdrop-filter: blur(20px);
}

.nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between !important; /* Logo left, phone right */
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: 0 var(--space-6);
    position: relative;
    height: 100%;
    width: 100%;
}

.nav-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start !important; /* Logo left */
    margin-left: 24px !important; /* Spacing from edge */
    gap: var(--space-2);
}

.torg-logo-svg {
    display: flex;
    align-items: center;
    justify-content: flex-start !important; /* Logo left */
}

.navbar-logo-img {
    height: 36px !important;
    width: auto !important;
    max-width: 120px !important;
    margin-left: 0 !important;
    margin-top: 2px !important; /* Perfect vertical centering */
    filter: brightness(1.1); /* Слегка ярче для темного фона */
}

.nav-contact {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.phone-link {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition-smooth);
}

.phone-link:hover {
    color: var(--primary-orange);
}

/* ===== RESPONSIVE NAVBAR ===== */
@media (max-width: 768px) {
    .navbar {
        height: 70px;
    }
    
    .nav-container {
        padding: 0 15px;
    }
    
    .nav-logo {
        margin-left: 16px !important;
    }
    
    .navbar-logo-img {
        height: 32px !important;
    }
    
    .phone-link {
        font-size: 12px;
    }
}