/* Custom CSS for EarnCash - Orange and White Theme */

/* Define orange color variables */
:root {
    --tblr-orange: #fd7e14; /* Standard Bootstrap orange */
    --tblr-orange-rgb: 253,126,20;
    --tblr-orange-lt: #fff4e6; /* Lighter orange for backgrounds/avatars */
    --tblr-orange-dark: #cc6500; /* Darker orange for hover states */
    --tblr-orange-border: #e66a00; /* A slightly darker orange for borders */
}

/* Sidebar background color */
.navbar-vertical.navbar-dark.bg-orange {
    background-color: var(--tblr-orange)   !important;
}

/* Sidebar link colors */
.navbar-vertical .navbar-nav .nav-item .nav-link {
    color: #fff; /* White text for links */
}

/* Sidebar link hover/active state */
.navbar-vertical .navbar-nav .nav-item .nav-link:hover,
.navbar-vertical .navbar-nav .nav-item.active > .nav-link {
    background-color: var(--tblr-orange-dark) !important; /* Darker orange on hover/active */
    color: #fff;
}

/* Adjust brand text color if needed, depends on logo */
.navbar-brand-autodark {
    color: #fff !important;
}

/* Ensure mobile menu toggler is visible on smaller screens */
@media (max-width: 991.98px) {
    .navbar-vertical .navbar-toggler {
        display: block;
        margin-left: auto;
        color: #fff; /* Ensure icon is visible */
    }
    .navbar-brand-autodark {
        margin-right: auto;
    }
    /* Hide desktop nav on mobile */
    .navbar-vertical .navbar-nav {
        flex-direction: column;
    }
}

/* Primary button styling to match orange theme */
.btn-primary, .btn-orange-main { /* Added .btn-orange-main for explicit use on Contact page */
    --tblr-btn-color: #fff;
    --tblr-btn-bg: var(--tblr-orange);
    --tblr-btn-border-color: var(--tblr-orange-border);
    --tblr-btn-hover-color: #fff;
    --tblr-btn-hover-bg: var(--tblr-orange-dark);
    --tblr-btn-hover-border-color: var(--tblr-orange-dark);
    --tblr-btn-focus-shadow-rgb: var(--tblr-orange-rgb);
    --tblr-btn-active-color: #fff;
    --tblr-btn-active-bg: var(--tblr-orange-dark);
    --tblr-btn-active-border-color: var(--tblr-orange-dark);
    --tblr-btn-disabled-color: #fff;
    --tblr-btn-disabled-bg: var(--tblr-orange);
    --tblr-btn-disabled-border-color: var(--tblr-orange);
}

/* Light orange background for avatar/icons in cards (if used on other pages) */
.avatar.bg-orange-lt {
    background-color: var(--tblr-orange-lt) !important;
    color: var(--tblr-orange) !important;
}

/* Table specific styling for responsiveness if needed */
.table-responsive {
    overflow-x: auto;
}

/* Flag image sizing */
.flag.flag-xs {
    width: 20px; /* Adjust as needed */
    height: auto;
    vertical-align: middle;
}

/* Link color for secondary links (e.g., in footer) */
.link-secondary {
    color: #888; /* A subtle grey */
}
.link-secondary:hover {
    color: #555;
}