html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Ensure proper mobile viewport handling */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}



/* Override for fixed header - this will be set in the main layout */
body.has-fixed-header {
    padding-top: 80px;
}

html {
    overflow-y: scroll;
}


.form-control-lg {
    font-size: .875rem;
    padding: .75rem 1rem;
}

.btn-lg {
    font-size: .875rem;
    padding: .75rem 1rem;
}

.avatar {
    position: relative;
    display: inline-block;
}

.upload-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.upload-overlay i {
    font-size: 1.5rem;
}

.avatar:hover .upload-overlay {
    opacity: 1;
}

.bg-dark {
    background-color: #000 !important;
}


.text-brand-red {
    color: #eb1e25 !important;
}

.text-dark {
    color: #211f20 !important;
}


.bg-red {
    background-color: #eb1e25 !important;
}