/**
 * Global Branding CSS - ExamMaster Pro
 * Ensures consistent logo and brand name sizing across all pages
 */

/* Standard Brand Title - Use this class for all brand names */
.brand-title {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    margin: 0;
    color: inherit;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Navbar Brand - Override Bootstrap default */
.navbar-brand {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}

/* Page Headers - Standardize h1, h2, h3 with brand names */
h1.brand-title,
h2.brand-title,
h3.brand-title {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}

/* Login Page Brand */
.login-header h2 {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}

/* Card Headers with Brand */
.card-header .brand-title,
.card-title .brand-title {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}

/* Sidebar Brand */
.sidebar-header h4,
.sidebar-brand {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}

/* Footer Brand */
.footer-brand {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}

/* Mobile Responsive - Smaller screens */
@media (max-width: 768px) {
    .brand-title,
    .navbar-brand,
    h1.brand-title,
    h2.brand-title,
    h3.brand-title,
    .login-header h2,
    .card-header .brand-title,
    .card-title .brand-title,
    .sidebar-header h4,
    .sidebar-brand,
    .footer-brand {
        font-size: 1.2rem !important;
    }
}

/* Extra Small Screens */
@media (max-width: 576px) {
    .brand-title,
    .navbar-brand,
    h1.brand-title,
    h2.brand-title,
    h3.brand-title,
    .login-header h2,
    .card-header .brand-title,
    .card-title .brand-title,
    .sidebar-header h4,
    .sidebar-brand,
    .footer-brand {
        font-size: 1.1rem !important;
    }
}

/* Brand Icon Consistency */
.brand-icon {
    font-size: 1.2em;
    margin-right: 0.5rem;
}

/* Ensure consistent spacing */
.brand-title .fas,
.brand-title .fa,
.navbar-brand .fas,
.navbar-brand .fa {
    margin-right: 0.5rem;
}