/* ==========================================================================
   Ashoka Digital admin panel - project styles on top of the Metronic theme.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Global density
   The Metronic theme is rem-based off a 13px root, which reads large on most
   monitors. Dropping the root to 11.5px scales the entire UI - fonts, spacing
   and the sidebar - down to a comfortable size without touching any component.
   -------------------------------------------------------------------------- */
:root {
    font-size: 12.5px !important;
}

body {
    font-family: Poppins, Helvetica, "sans-serif";
}

/* Keep the login screen's hero type from shrinking too far. */
.auth-bg .fs-2qx {
    font-size: 2.3rem;
}

/* --------------------------------------------------------------------------
   Sidebar
   -------------------------------------------------------------------------- */
.aside .aside-primary .nav-link.active {
    background-color: var(--bs-primary);
    color: #fff;
}

.aside .aside-primary .nav-link.active i {
    color: #fff !important;
}

.aside-logo img {
    object-fit: cover;
}

/* --------------------------------------------------------------------------
   Footer
   A step darker than the theme's default muted gray (gray-600) - the
   copyright line, date and version read too washed-out at gray-600. The
   "Vexora Solutions" link still purples on hover (text-hover-primary).
   -------------------------------------------------------------------------- */
#kt_footer .text-muted,
#kt_footer .menu-gray-600 .menu-item .menu-link {
    color: #5E6278 !important;
}

/* --------------------------------------------------------------------------
   Tables
   -------------------------------------------------------------------------- */
.table-thumb {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
    background: #f5f8fa;
}

.table-thumb-wide {
    width: 88px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
    background: #f5f8fa;
}

.is-disabled-row .table-thumb,
.is-disabled-row .table-thumb-wide {
    filter: grayscale(1);
    opacity: .6;
}

.is-disabled-row td:not(.actions-cell) {
    color: #a1a5b7;
}

.table > :not(caption) > * > * {
    vertical-align: middle;
}

.actions-cell {
    white-space: nowrap;
}

/* Keep long URLs from stretching a table out of its card. */
.cell-truncate {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* The sidebar keeps the content area around 1100px even on wide screens, so
   these stay narrow; the table scrolls if a row still needs more room. */

/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */

/* Image fields (image-field.php): a URL box and a file picker stacked full
   width, with the shared preview underneath. The preview is contained rather
   than cropped so logos keep their aspect ratio, and it shrinks with the
   card on narrow screens. */
.image-field-preview-wrap {
    display: block;
    padding: .75rem;
    border: 1px solid #e4e6ef;
    border-radius: .475rem;
    background-color: #f5f8fa;
}
.image-field-preview {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
}

.form-label.required:after {
    content: "*";
    color: var(--bs-danger);
    margin-left: .25rem;
}

/* CKEditor sits inside cards; drop its default outer border radius clash. */
.cke_chrome {
    border-radius: .475rem;
    overflow: hidden;
}

/* --------------------------------------------------------------------------
   Stat cards
   -------------------------------------------------------------------------- */
.stat-card {
    transition: transform .15s ease, box-shadow .15s ease;
}

.stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
    .cell-truncate {
        max-width: 180px;
    }

    .card-header .card-toolbar {
        width: 100%;
        margin-top: .5rem;
    }

    .card-header .card-toolbar .btn {
        width: 100%;
    }
}

/* --------------------------------------------------------------------------
   Tab strips with many tabs (ad networks, settings)
   -------------------------------------------------------------------------- */
.nav-tabs-scroll {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.nav-tabs-scroll .nav-link {
    white-space: nowrap;
}

@media (min-width: 1400px) {
    .nav-tabs-scroll {
        flex-wrap: wrap;
        overflow: visible;
    }
}