/* ============================================

   NeuraRealty Header & Footer - Shared Styles

   Loads on ALL pages

   ============================================ */



/* ============================================

   HEADER BASE

   ============================================ */

.nr-header {

    background: white;

    border-bottom: 1px solid var(--nr-border, #E5E7EB);

    position: sticky;

    top: 0;

    z-index: 100;

}



.nr-header-inner {

    max-width: 1440px;

    margin: 0 auto;

    padding: 12px 32px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



/* ============================================

   LOGO

   ============================================ */

.nr-logo {

    display: flex;

    align-items: center;

    gap: 12px;

    text-decoration: none;

}



.nr-logo-icon {

    width: 44px;

    height: 44px;

    background: linear-gradient(135deg, #0F3328 0%, #1B4D3E 100%);

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.nr-logo-icon .gf-icon,

.nr-logo-icon img {

    filter: brightness(0) saturate(100%) invert(1);

}



.nr-logo-brand {

    display: flex;

    flex-direction: column;

}



.nr-logo-text {

    font-family: var(--font-display, 'Inter', sans-serif);

    font-size: 22px;

    font-weight: 700;

    color: #1B4D3E;

    line-height: 1.2;

}



.nr-logo-text span {

    color: #D4A574;

}



.nr-logo-tagline {

    font-size: 10px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    color: #64748B;

    margin-top: 1px;

}



/* ============================================

   NAVIGATION

   ============================================ */

.nr-nav {

    display: flex;

    align-items: center;

    gap: 4px;

}



.nr-nav-item,

.nr-nav-link {

    padding: 10px 16px;

    font-size: 14px;

    font-weight: 500;

    color: #64748B;

    text-decoration: none;

    border-radius: 8px;

    transition: all 0.2s;

    display: flex;

    align-items: center;

    gap: 6px;

}



.nr-nav-item:hover,

.nr-nav-link:hover {

    background: #F3F4F6;

    color: #1F2937;

}



.nr-nav-item.active,

.nr-nav-link.active {

    background: #1B4D3E;

    color: white;

}



.nr-nav-item.active .gf-icon,

.nr-nav-link.active .gf-icon {

    filter: brightness(0) saturate(100%) invert(1);

}



/* ============================================

   HEADER ACTIONS

   ============================================ */

.nr-header-actions {

    display: flex;

    align-items: center;

    gap: 12px;

}



/* ============================================

   POWER MODE OVERRIDES

   ============================================ */

body.power-mode .nr-logo-icon {

    background: linear-gradient(135deg, #1E3A8A 0%, #1E40AF 100%);

}



body.power-mode .nr-logo-text {

    color: #1E40AF;

}



body.power-mode .nr-logo-text span {

    color: #D4A574; /* Orange stays */

}



body.power-mode .nr-logo-tagline {

    color: #64748B;

}



body.power-mode .nr-nav-item.active,

body.power-mode .nr-nav-link.active {

    background: #1E40AF;

}



body.power-mode .nr-nav-item:hover:not(.active),

body.power-mode .nr-nav-link:hover:not(.active) {

    color: #1E40AF;

}



/* ============================================

   FOOTER BASE

   ============================================ */

.nr-footer {

    background: #1F2937;

    color: #9CA3AF;

    padding: 48px 32px 24px;

    margin-top: auto;

}



.nr-footer-inner {

    max-width: 1440px;

    margin: 0 auto;

}



.nr-footer a {

    color: #D1D5DB;

    text-decoration: none;

    transition: color 0.2s;

}



.nr-footer a:hover {

    color: #1B4D3E;

}



body.power-mode .nr-footer a:hover {

    color: #3B82F6;

}



/* ============================================

   RESPONSIVE

   ============================================ */

@media (max-width: 1024px) {

    .nr-header-inner {

        padding: 12px 20px;

    }

    

    .nr-nav {

        gap: 2px;

    }

    

    .nr-nav-item,

    .nr-nav-link {

        padding: 8px 12px;

        font-size: 13px;

    }

}



@media (max-width: 768px) {

    .nr-header-inner {

        flex-wrap: wrap;

        gap: 12px;

    }

    

    .nr-logo-text {

        font-size: 18px;

    }

    

    .nr-logo-tagline {

        font-size: 9px;

    }

}




/* User Avatar & Menu */

.nr-user-menu {

    position: relative;

}



.nr-user-btn {

    display: flex;

    align-items: center;

    background: none;

    border: none;

    padding: 0;

    cursor: pointer;

}



.nr-avatar {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    background: var(--nr-primary, #0d7377);

    color: #fff;

    font-size: 13px;

    font-weight: 600;

    font-family: "DM Sans", system-ui, sans-serif;

    line-height: 1;

}




img.nr-avatar {

    width: 32px;

    height: 32px;

    border-radius: 50%;

    object-fit: cover;

}




a.nr-user-btn {

    text-decoration: none;

    gap: 8px;

}



.nr-user-info {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    line-height: 1.2;

}



.nr-user-name {

    font-size: 13px;

    font-weight: 600;

    color: var(--nr-text, #1e293b);

}



.nr-user-une {

    font-size: 11px;

    color: var(--nr-text-secondary, #64748b);

}



@media (max-width: 768px) {

    .nr-user-info {

        display: none;

    }

}