/* ===========================================
   Acyutah Support Portal Theme - site.css
   Based on brand logo colors (Red, Green, Dark Gray)
   =========================================== */

:root {
    --bs-primary: #9D1113; /* Red from logo */
    --bs-success: #85C13C; /* Green from logo */
    --bs-secondary: #4D4D4D;
    --bs-body-bg: #F5F5F5;
    --bs-body-color: #212529;
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

    /* 🌙 Dark Theme */
    body.dark-theme {
        background-color: #121212;
        color: #f0f0f0;
    }

/* Navbar & Dropdowns */
.navbar,
.dropdown-menu {
    background-color: var(--bs-primary);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Light Theme Navbar */
body:not(.dark-theme) .navbar .nav-link,
body:not(.dark-theme) .dropdown-menu,
body:not(.dark-theme) .dropdown-item {
    color: #212529 !important;
    background-color: #ffffff;
}

    body:not(.dark-theme) .dropdown-item:hover {
        background-color: #f1f1f1;
        color: #000;
    }

/* Dark Theme Navbar */
body.dark-theme .navbar .nav-link,
body.dark-theme .dropdown-item {
    color: #ffffff !important;
}

body.dark-theme .dropdown-menu {
    background-color: #2c2c3e;
    color: #ffffff;
}

body.dark-theme .dropdown-item:hover {
    background-color: #3b3b5e;
    color: #fff;
}

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

    .btn-primary:hover {
        background-color: #B12B2C;
        border-color: #B12B2C;
    }

.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

    .btn-success:hover {
        background-color: #76A834;
        border-color: #76A834;
    }

/* Cards */
.card {
    border-radius: 0.5rem;
    border-left: 5px solid var(--bs-primary);
}

body.dark-theme .card {
    background-color: #1e1e2f;
    color: #ffffff;
}

/* Forms */
body.dark-theme .form-control,
body.dark-theme .form-select {
    background-color: #2c2c3e;
    color: #fff;
    border-color: #444;
}

body.dark-theme .form-label,
body.dark-theme label {
    color: #cccccc;
}

body.dark-theme .form-control::placeholder {
    color: #aaaaaa;
}

/* Tables */
body.dark-theme .table {
    color: #f0f0f0;
}

    body.dark-theme .table thead {
        background-color: #333;
    }

/* Outline Buttons in Dark Theme */
body.dark-theme .btn-outline-primary,
body.dark-theme .btn-outline-danger,
body.dark-theme .btn-outline-success {
    border-color: #666;
    color: #ccc;
}

/* Alerts & Validation */
body.dark-theme .text-danger,
body.dark-theme .alert-danger {
    color: #ff7a7a;
}

/* Active nav item underline */
.navbar .nav-link.active {
    font-weight: bold;
    border-bottom: 2px solid #0d6efd;
}

/* Buttons Hover Zoom */
.btn:hover {
    transform: scale(1.1);
    transition: 0.2s ease;
}

/* Scrollbar Customization */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
    border-radius: 10px;
}
a.text-primary:hover {
    color: #0a58ca !important;
    text-decoration: underline !important;
}
body {
    padding-top: 70px; /* adjust depending on your navbar height */
}

/*.text-primary {
    color: #000000 !important;

}*/
.text-primary {
    color: #6cbb3c !important;
}
/* Fix table row hover visibility in dark mode */
body.dark-theme .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}
.container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* code for popup amc renewal pop up on client admin ac*/
.toast-amc {
    --amc-accent: #f59e0b; /* amber */
    --amc-bg: rgba(255,255,255,.88);
    --amc-text: #111827;
    backdrop-filter: blur(10px);
    background: var(--amc-bg);
    color: var(--amc-text);
    border-left: 6px solid var(--amc-accent);
    min-width: 320px;
    max-width: 420px;
    animation: toast-slide-in .32s cubic-bezier(.2,.9,.2,1) both;
}

[data-bs-theme="dark"] .toast-amc {
    --amc-bg: rgba(17,24,39,.88);
    --amc-text: #e5e7eb;
}

.toast-amc[data-tone="danger"] {
    --amc-accent: #ef4444;
}

.toast-amc[data-tone="info"] {
    --amc-accent: #3b82f6;
}

.toast-amc .icon-wrap {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 30% 30%, #fff8, transparent 60%);
    box-shadow: inset 0 0 0 1px #0001;
}

.toast-amc .bell {
    transform: translateY(-1px);
}

.toast-amc .date-badge {
    background: #0ea5e9;
    color: #fff;
    font-weight: 600;
}

.toast-amc .toast-progress {
    height: 4px;
    background: #0001;
}

    .toast-amc .toast-progress .bar {
        height: 100%;
        width: 100%;
        transform-origin: left;
        background: linear-gradient(90deg, var(--amc-accent), #ef4444);
        animation: toast-progress linear forwards;
    }

@keyframes toast-slide-in {
    from {
        transform: translate(12px,12px) scale(.98);
        opacity: 0;
    }

    to {
        transform: translate(0,0) scale(1);
        opacity: 1;
    }
}

@keyframes toast-progress {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}


/*.text-primary {
    color: #2195F1 !important;
}*/

/*.custom-header-bg {
    background-color: #1565C0;*/ /* Acyutah blue (or pick your own color) */
/*}*/