/**
 *
 * Apply your custom CSS here
 * Parmapast Brand Colors: #e4032c (red), white, black
 *
*/

body {	
	color: #000000;
}

a {
	color: #e4032c;
}

a:hover {
	color: #e4032c;
}

/* Override all brand colors to use Parmapast red */
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.label-primary,
.label-success,
.label-info,
.label-warning,
.label-danger,
.panel-primary > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger,
.progress-bar-success,
.progress-bar-info,
.progress-bar-warning,
.progress-bar-danger,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #e4032c !important;
	border-color: #e4032c !important;
	color: #ffffff !important;
}

/* Text colors - only black */
.text-primary,
.text-success,
.text-info,
.text-warning,
.text-danger {
	color: #000000 !important;
}

.mapboxgl-ctrl-bottom-right{
    display: none;
}

/* Login, Registration, Password Reset Pages - Parmapast Branding */
.login-page {
    background: #e4032c !important; /* Parmapast Red */
    background-image: none !important; /* Remove background image */
    color: #000000 !important; /* Black text */
}

.login-div {
    background: transparent !important; /* Remove gray background */
}

.login-page .login-form {
    background: #ffffff !important; /* White form background */
    border-radius: 10px;
}

.login-page .login-form .form-control.input-dark {
    background: #ffffff !important; /* White background */
    border: 1px solid #000000 !important; /* Black border */
    color: #000000 !important; /* Black text */
}

.login-page .login-form .form-control.input-dark::-webkit-input-placeholder,
.login-page .login-form .form-control.input-dark::-moz-placeholder,
.login-page .login-form .form-control.input-dark:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5) !important; /* Black placeholder with opacity */
}

.login-page .login-form .control-label,
.login-page .login-form p,
.login-page .login-form .login-header p {
    color: #000000 !important; /* Black text */
}

.login-page .login-form .btn-dark {
    background-color: #e4032c !important; /* Parmapast Red */
    color: #ffffff !important; /* White text */
    border-color: #000000 !important; /* Black border */
}

.login-page .login-form .btn-dark:hover {
    background-color: darken(#e4032c, 10%) !important;
}

.login-page .login-form .login-footer p,
.login-page .login-form .login-footer a {
    color: #000000 !important; /* Black text */
}

.login-page .login-form .login-footer a:hover {
    color: #e4032c !important; /* Parmapast Red on hover */
}

.login-container {
    background: #e4032c !important; /* Parmapast Red background */
}

/* Timbratura page (public) - same styling */
.login-container .login-form {
    background: #ffffff !important; /* White form background */
    border-radius: 10px;
}

.login-container .login-form .form-control.input-dark {
    background: #ffffff !important; /* White background */
    border: 1px solid #000000 !important; /* Black border */
    color: #000000 !important; /* Black text */
}

.login-container .login-form .form-control.input-dark::-webkit-input-placeholder,
.login-container .login-form .form-control.input-dark::-moz-placeholder,
.login-container .login-form .form-control.input-dark:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5) !important; /* Black placeholder */
}

.login-container .login-form p,
.login-container .login-form .control-label,
.login-container .login-form .login-header p {
    color: #000000 !important; /* Black text */
}

.login-container .login-form .btn-primary {
    background-color: #e4032c !important; /* Parmapast Red */
    color: #ffffff !important; /* White text */
    border-color: #000000 !important; /* Black border */
}

.login-container .login-form .btn-primary:hover {
    background-color: darken(#e4032c, 10%) !important;
}

.login-container .login-form .btn-default {
    background-color: #ffffff !important; /* White */
    color: #000000 !important; /* Black text */
    border-color: #000000 !important; /* Black border */
}

.login-container .login-form .btn-default:hover {
    background-color: #e4032c !important; /* Parmapast Red on hover */
    color: #ffffff !important; /* White text */
}

.login-container .login-form .panel-primary > .panel-heading {
    background-color: #e4032c !important; /* Parmapast Red */
    color: #ffffff !important; /* White text */
    border-color: #000000 !important; /* Black border */
}

.login-container .login-form .panel-body {
    background-color: #ffffff !important; /* White */
    color: #000000 !important; /* Black text */
}

.login-container .login-form .alert-primary {
    background-color: #ffffff !important; /* White */
    color: #000000 !important; /* Black text */
    border-color: #e4032c !important; /* Parmapast Red border */
}

.login-container .login-form .alert-primary h5,
.login-container .login-form .alert-primary strong,
.login-container .login-form .alert-primary li {
    color: #000000 !important; /* Black text */
}

.login-container .login-form .panel-title {
    color: #ffffff !important; /* White text on red background */
}

.login-container .login-form .panel-body strong {
    color: #000000 !important; /* Black text */
}

/* User Info Navbar - Dark background */
.user-info-navbar {
    background-color: #2c2e2f !important; /* Dark gray navbar */
}

.user-info-navbar .user-info-menu > li > a {
    color: #ffffff !important; /* White text on dark navbar */
}

.user-info-navbar .user-info-menu > li > a:hover {
    color: #e4032c !important; /* Parmapast red on hover */
}

.user-info-navbar .user-info-menu > li > a i {
    color: #ffffff !important; /* White icons */
}

.user-info-navbar .user-info-menu > li.user-profile > a > span {
    color: #ffffff !important; /* White text for user name */
}

.user-info-navbar .user-info-menu > li.user-profile > a > img + span {
    color: #ffffff !important; /* White text */
}

/* User Info Navbar - Dark background */
.user-info-navbar {
    background-color: #2c2e2f !important; /* Dark gray navbar */
}

.user-info-navbar .user-info-menu > li > a {
    color: #ffffff !important; /* White text on dark navbar */
}

.user-info-navbar .user-info-menu > li > a:hover {
    color: #e4032c !important; /* Parmapast red on hover */
}

.user-info-navbar .user-info-menu > li > a i {
    color: #ffffff !important; /* White icons */
}