/* OLD CSS */
        /* html, body, #kt_app_root, #kt_app_page { height: 100%; min-height: 100%; } */
        /* #kt_app_root, #kt_app_page, #kt_app_wrapper, #kt_app_main { display: flex; flex-direction: column; min-height: 100vh; height: 100%; } */
        /* content grows, pushes footer down */ 
        /* #kt_app_main { flex: 1 1 auto; display: flex; flex-direction: column; } */
        /* do not shrink the footer */
        /* #kt_app_footer { flex-shrink: 0;  } */


html, body {
    height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Let Metronic wrappers participate in flex layout without forcing 100vh repeatedly */
#kt_app_root,
#kt_app_page,
#kt_app_wrapper,
#kt_app_main {
    display: flex;
    flex-direction: column;
    /* flex: 1 1 auto; */
    min-height: 0; /* important to prevent overflow from nested flex children */
}

/* Make the footer push to bottom when content is short */
#kt_app_footer {
    margin-top: auto;
    flex-shrink: 0;
}

.frontsite-welcome-text {
    text-align: center;
}

.frontsite-welcome-text img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}

/* Custom Header Background Color */
#kt_app_header {
    background-color: #4c252a !important;
}

/* Header site title (logo area) — always white on maroon */
#kt_app_header_container h3,
#kt_app_header_container h1,
#kt_app_header_container h2 {
    color: #ffffff !important;
    margin: 0;
}

/* Top-level menu links in the header — always white on maroon */
#kt_app_header_menu > .menu-item > .menu-link,
#kt_app_header_menu > .menu-item > .menu-link > .menu-title {
    color: #ffffff !important;
}

#kt_app_header_menu > .menu-item > .menu-link:hover,
#kt_app_header_menu > .menu-item > .menu-link:hover > .menu-title,
#kt_app_header_menu > .menu-item.here > .menu-link,
#kt_app_header_menu > .menu-item.here > .menu-link > .menu-title,
#kt_app_header_menu > .menu-item.show > .menu-link,
#kt_app_header_menu > .menu-item.show > .menu-link > .menu-title {
    color: #f5c77a !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Greeting + username shown in the header bar only (NOT inside the dropdown) */
#kt_header_user_menu_toggle > .d-flex > .text-end .text-gray-500,
#kt_header_user_menu_toggle > .d-flex > .text-end .text-gray-800,
#kt_header_user_menu_toggle > .d-flex > .text-end a {
    color: #ffffff !important;
}

#kt_header_user_menu_toggle > .d-flex > .text-end a:hover {
    color: #f5c77a !important;
}

/* Social media icons in header — force bright color and subtle hover */
#kt_app_header .app-navbar-item .btn-icon .ki-outline,
#kt_app_header .app-navbar-item .btn-icon i {
    color: #ffffff !important;
    font-size: 1.5rem;
}

#kt_app_header .app-navbar-item .btn-icon {
    background-color: rgba(255, 255, 255, 0.08);
    transition: background-color 0.2s ease, transform 0.2s ease;
}

#kt_app_header .app-navbar-item .btn-icon:hover {
    background-color: rgba(255, 255, 255, 0.22);
    transform: translateY(-1px);
}

#kt_app_header .app-navbar-item .btn-icon:hover .ki-outline {
    color: #f5c77a !important;
}