/* =========================================================
   Site.css — full stylesheet (2025-06-XX)
   ========================================================= */

/* ---------------------------------------------------------
   Navbar sizing & logo
   --------------------------------------------------------- */
/* Desktop: fixed header height and logo size */
@media (min-width: 992px) {
    .navbar {
        height: 60px;
    }

    .header-logo {
        max-height: 60px;
    }
}

/* Mobile: allow the navbar to grow and shrink with content */
@media (max-width: 991.98px) {
    .navbar {
        height: auto;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .header-logo {
        max-height: 40px;
    }
}

/* Logo always scales proportionally */
.header-logo {
    height: auto;
    width: auto;
    display: block;
}

/* Vertically center brand, toggler, links, buttons */
.navbar-brand,
.navbar-toggler,
.navbar-text,
.navbar-nav .nav-link,
.navbar-nav .btn {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}

/* Prevent wrapping of welcome text */
.navbar-text {
    white-space: nowrap;
}

/* ---------------------------------------------------------
   Login Page
   --------------------------------------------------------- */
.loginBoxes {
    width: 370px;
    margin: auto;
}

/* ---------------------------------------------------------
   Top Nav Gear Icon
   --------------------------------------------------------- */
.manageGear {
    width: 15px;
}

/* ---------------------------------------------------------
   RadTreeView Default Styles
   --------------------------------------------------------- */
.RadTreeView_Default {
    color: #333;
    font-size: 1rem; /* 16px */
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* ---------------------------------------------------------
   Body Content Spacing
   --------------------------------------------------------- */
/* Note: top padding for fixed navbar is applied via pt-5 mt-3 on the container */

/* ---------------------------------------------------------
   Social Icons (footer)
   --------------------------------------------------------- */
.social-icons {
    display: inline-flex;
    gap: 1rem;
}

.social-icon {
    font-size: 2rem; /* ~32px icons */
    color: #fff; /* white by default */
    transition: color 0.3s ease;
}

    .social-icon.facebook:hover {
        color: #3b5998; /* Facebook blue */
    }

    .social-icon.linkedin:hover {
        color: #0a66c2; /* LinkedIn blue */
    }

    .social-icon.twitter:hover {
        color: #1da1f2; /* Twitter cyan */
    }

/* ---------------------------------------------------------
   Utility
   --------------------------------------------------------- */
/* Hide any alert with no inner text */
.alert:empty {
    display: none !important;
}

/* =========================================================
   DEPRECATED / REMOVED (for reference — you can delete)
   =========================================================

.footerFull { … }
.footerContent { … }
.footerContactAtlanta, .footerContactCTL { … }
.footerSocial, .socialIcons { … }
.panel-primary > .panel-heading, .panel-title { … }
.btn-dash { … }
.bg-primary { … }
ul { … }

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