@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400&display=swap');

:root {
    /* Brand Colors */
    --horsch-red: #C31727;
    --horsch-dark-red: #A70623;
    --horsch-black: #000000;
    
    /* Orchid Variable Overrides */
    --primary: var(--horsch-red);
    --primary-hover: var(--horsch-dark-red);
    --orchid-font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
    font-family: var(--orchid-font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Sidebar Nav Links (White text on Red background) */
.aside .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
    transition: all 0.2s ease;
}

.aside .nav-link:hover {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.aside .nav-link.active {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15);
    border-left: 4px solid var(--horsch-red);
    padding-left: calc(1rem - 4px) !important;
}

/* Default Nav Links (Dark text on White/Gray background) */
.nav-link {
    color: #2c3e50 !important; /* Premium dark gray */
    transition: all 0.2s ease;
}

.nav-link:hover {
    color: #000000 !important;
    font-weight: 600 !important;
}

.nav-link.active {
    color: var(--horsch-red) !important;
    font-weight: 700 !important;
}

/* Breadcrumbs and general text readability fixes */
.breadcrumb-item a {
    color: #6c757d !important;
}

.breadcrumb-item.active {
    color: #212529 !important;
}

/* Dropdown items for Profile and Lang selector */
.dropdown-item {
    color: #333333 !important;
    padding: 0.5rem 1.5rem;
}

.dropdown-item:hover {
    color: #000000 !important;
    background-color: #f8f9fa !important;
}

.dropdown-item i, .dropdown-item svg {
    color: #666666 !important;
}
 
/* Fix for 'white on white' text in User Profile/Lang dropdowns */
.aside .dropdown-menu .nav-link,
.aside .dropdown-menu .dropdown-item,
.aside .dropdown-menu .dropdown-header,
.aside .dropdown-menu span,
.dropdown-menu .nav-link,
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-header,
.dropdown-menu span {
    color: #2c3e50 !important;
}

.aside .dropdown-menu .nav-link span,
.aside .dropdown-menu .dropdown-item span,
.dropdown-menu .nav-link span,
.dropdown-menu .dropdown-item span {
    color: #2c3e50 !important;
}

.aside .dropdown-menu .nav-link:hover,
.aside .dropdown-menu .dropdown-item:hover,
.dropdown-menu .nav-link:hover,
.dropdown-menu .dropdown-item:hover {
    color: #000000 !important;
    background-color: #f8f9fa !important;
}



/* Buttons */
.btn-primary {
    background-color: var(--horsch-red);
    border-color: var(--horsch-red);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--horsch-dark-red) !important;
    border-color: var(--horsch-dark-red) !important;
}

/* Accordions and Headers */
.card-header {
    font-weight: 700;
}

/* Layout adjustments */
.wrapper {
    background-color: #ffffff;
}

/* Table and Pagination Fixes - Ensure contrast in footer */
.v-md-footer {
    color: #495057 !important;
}

.pagination .page-link {
    color: #2c3e50 !important;
    background-color: #ffffff;
    transition: all 0.2s ease;
}

.pagination .page-link:hover {
    color: var(--horsch-red) !important;
    background-color: #f8f9fa;
}

.pagination .page-item.active .page-link {
    background-color: var(--horsch-red) !important;
    border-color: var(--horsch-red) !important;
    color: #ffffff !important;
}

/* Ensure helper text like "Registros exibidos" is visible */
.v-md-footer .text-muted, 
.v-md-footer small {
    color: #555555 !important;
    font-weight: 500;
}

/* Login Page overrides (if applicable via orchid styles) */
.login-wrapper {
    background-color: var(--horsch-red) !important;
}