/* Variables de color Elecnor */
:root {
	--elecnor-orange: #df5210;
	--elecnor-orange-hover: #c4470e;
	--elecnor-orange-light: #f5e6df;
	--elecnor-blue: #023D79;
	--elecnor-blue-hover: #0052a3;
	--elecnor-blue-light: #e6f0f9;
	--elecnor-gray: #4a4a4a;
}

/* ============================================
   BOTONES PRIMARIOS
   ============================================ */

/* Botón primario - Naranja Elecnor */
.btn-primary,
.btn.btn-primary,
.primary-action,
button.btn-primary,
a.btn-primary {
	background-color: var(--elecnor-orange) !important;
	border-color: var(--elecnor-orange) !important;
	color: #ffffff !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.primary-action:hover,
button.btn-primary:hover,
a.btn-primary:hover {
	background-color: var(--elecnor-orange-hover) !important;
	border-color: var(--elecnor-orange-hover) !important;
	color: #ffffff !important;
	box-shadow: 0 2px 4px rgba(223, 82, 16, 0.2);
}

.btn-primary:active,
.btn.btn-primary:active,
.primary-action:active {
	background-color: var(--elecnor-orange-hover) !important;
	border-color: var(--elecnor-orange-hover) !important;
}

.btn-primary:focus,
.btn.btn-primary:focus {
	box-shadow: 0 0 0 3px rgba(223, 82, 16, 0.15) !important;
	border-color: var(--elecnor-orange) !important;
}

/* ============================================
   ENLACES Y NAVEGACIÓN
   ============================================ */

/* Enlaces con color naranja en hover */
a:not(.btn):hover {
	color: var(--elecnor-orange) !important;
	transition: color 0.2s ease;
}

/* Enlaces activos */
a.active,
.nav-link.active {
	color: var(--elecnor-orange) !important;
}

.dropdown-menu-item .menu-item-title {
    color: white !important;
}

/* ============================================
   SIDEBAR PRINCIPAL
   ============================================ */

/* Fondo del sidebar con azul Elecnor */
.body-sidebar {
	background: var(--elecnor-blue) !important;
	border-right-color: var(--elecnor-blue-hover) !important;
}

.header-logo-container{
    background-color: rgba(0, 0, 0, 0) !important;
}

.sidebar-header-menu {
    background-color: var(--elecnor-blue) !important;
}

/* Enlaces del sidebar en blanco */
.body-sidebar .item-anchor,
.body-sidebar .sidebar-item-label,
.body-sidebar a,
.body-sidebar .collapse-sidebar-link {
	color: #ffffff !important;
	transition: all 0.2s ease-in-out;
}

/* Iconos del sidebar en blanco */
.body-sidebar .icon,
.body-sidebar svg {
	--icon-stroke: #ffffff !important;
	color: #ffffff !important;
}

/* Hover en los items del sidebar - Naranja Elecnor */
.body-sidebar .standard-sidebar-item:hover:not(.active-sidebar) {
	background-color: var(--elecnor-orange) !important;
	border-radius: 8px;
}

.body-sidebar .standard-sidebar-item:hover:not(.active-sidebar) .item-anchor,
.body-sidebar .standard-sidebar-item:hover:not(.active-sidebar) .sidebar-item-label,
.body-sidebar .standard-sidebar-item:hover:not(.active-sidebar) a {
	color: #ffffff !important;
}

.body-sidebar .standard-sidebar-item:hover:not(.active-sidebar) .icon,
.body-sidebar .standard-sidebar-item:hover:not(.active-sidebar) svg {
	--icon-stroke: #ffffff !important;
	color: #ffffff !important;
}

/* Item activo del sidebar - Fondo claro */
.body-sidebar .standard-sidebar-item.active-sidebar,
.body-sidebar .standard-sidebar-item.active,
.body-sidebar .active-sidebar {
	background: rgba(255, 255, 255, 0.2) !important;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
	position: relative;
}

.body-sidebar .standard-sidebar-item.active-sidebar .item-anchor,
.body-sidebar .standard-sidebar-item.active .item-anchor,
.body-sidebar .standard-sidebar-item.active-sidebar .sidebar-item-label,
.body-sidebar .standard-sidebar-item.active .sidebar-item-label,
.body-sidebar .active-sidebar .item-anchor,
.body-sidebar .active-sidebar .sidebar-item-label {
	color: #ffffff !important;
	font-weight: 600 !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.body-sidebar .standard-sidebar-item.active-sidebar .icon,
.body-sidebar .standard-sidebar-item.active .icon,
.body-sidebar .active-sidebar .icon {
	--icon-stroke: #ffffff !important;
	color: #ffffff !important;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}

/* Divider en el sidebar */
.body-sidebar .divider {
	border-top-color: rgba(255, 255, 255, 0.2) !important;
}

/* ============================================
   ELEMENTOS DE NAVEGACIÓN (OTROS SIDEBARS)
   ============================================ */

/* Sidebar de listas - Elemento activo */

.sidebar-item.active a,
.list-sidebar .list-link.active a {
	color: var(--elecnor-orange) !important;
}

/* Sidebar de listas - Hover */
.sidebar-item:hover:not(.active),
.list-sidebar .list-link:hover:not(.active) {
	background-color: var(--elecnor-orange-light) !important;
}

.sidebar-header:hover {
    background: rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

.notification-body .message {
	color: var(--elecnor-gray) !important;
}

/* ============================================
   PESTAÑAS (TABS)
   ============================================ */

.nav-tabs .nav-link.active {
	border-bottom-color: var(--elecnor-orange) !important;
	color: var(--elecnor-orange) !important;
}

.nav-tabs .nav-link:hover:not(.active) {
	color: var(--elecnor-orange) !important;
}

/* ============================================
   TABLAS
   ============================================ */

/* Enlaces en tablas */
.table a:not(.btn):hover {
	color: var(--elecnor-orange) !important;
}
/* ============================================
   BOTONES DE ACCIÓN ESPECÍFICOS
   ============================================ */

/* Botón "Save" o "Submit" */
button[type="submit"]:not(.btn-danger),
.btn-save,
.form-actions .btn-primary {
	background-color: var(--elecnor-orange) !important;
	border-color: var(--elecnor-orange) !important;
}
/* Enlace menú lateral */
.dropdown-menu-item .menu-item-title {
    color: #7B808A !important;
}