/*!
 * Chai Piyo Biskoot Khao brand overrides
 * Palette: Chai Brown, Warm Beige, Dark Mocha, Golden Yellow, Cream White
 */
:root {
    --brand-chai-brown: #9c5c32;
    --brand-warm-beige: #e3b778;
    --brand-dark-mocha: #5c3317;
    --brand-golden-yellow: #f4a429;
    --brand-cream-white: #f8e5c4;

    --bs-primary: #9c5c32;
    --bs-primary-rgb: 156, 92, 50;
    --bs-primary-text-emphasis: #5c3317;
    --bs-primary-bg-subtle: #f8e5c4;
    --bs-primary-border-subtle: #e3b778;

    --gev-primary: #5c3317;
    --gev-primary-rgba: rgba(92, 51, 23, 0.5);
}

.btn-primary {
    --bs-btn-bg: #9c5c32;
    --bs-btn-border-color: #9c5c32;
    --bs-btn-hover-bg: #5c3317;
    --bs-btn-hover-border-color: #5c3317;
    --bs-btn-active-bg: #5c3317;
    --bs-btn-active-border-color: #5c3317;
    --bs-btn-disabled-bg: #9c5c32;
    --bs-btn-disabled-border-color: #9c5c32;
}

.btn-outline-primary {
    --bs-btn-color: #9c5c32;
    --bs-btn-border-color: #9c5c32;
    --bs-btn-hover-bg: #9c5c32;
    --bs-btn-hover-border-color: #9c5c32;
    --bs-btn-active-bg: #5c3317;
    --bs-btn-active-border-color: #5c3317;
    --bs-btn-disabled-color: #9c5c32;
    --bs-btn-disabled-border-color: #9c5c32;
}

a {
    --bs-link-color-rgb: 156, 92, 50;
    --bs-link-hover-color-rgb: 92, 51, 23;
}

.text-primary {
    color: #9c5c32 !important;
}

.bg-primary {
    background-color: #9c5c32 !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #e3b778;
    box-shadow: 0 0 0 0.2rem rgba(156, 92, 50, 0.25);
}

/* Sidebar / menu active & hover (override Softnio purple) */
.nk-menu-link:hover,
.nk-menu-link:hover .nk-menu-icon,
.nk-menu-item.active > .nk-menu-link .nk-menu-icon,
.nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon,
.nk-menu-link:hover .count,
.nk-menu-sub .nk-menu-link:hover,
.nk-menu-sub .active > .nk-menu-link,
.nk-menu-link.active,
.nk-menu-link.current-page,
.is-light .nk-menu-link:hover,
.is-light .active > .nk-menu-link,
.active > .nk-menu-link,
.active > .nk-menu-link .count {
    color: #9c5c32;
}

/* NavLink puts .active on the link, not the parent li */
.nk-menu-link.active .nk-menu-icon,
.nk-menu-link.active .nk-menu-icon .icon,
.nk-menu-link.current-page .nk-menu-icon,
.nk-menu-link.current-page .nk-menu-icon .icon,
.active > .nk-menu-link .nk-menu-icon,
.active > .nk-menu-link .nk-menu-icon .icon {
    color: #9c5c32;
}

.nk-sidebar .nk-menu > li.active > .nk-menu-link,
.nk-sidebar .nk-menu > li > .nk-menu-link:hover {
    background: #f8e5c4;
}

.nk-sidebar .nk-menu-sub {
    background: #faf6f0;
}

.nk-sidebar .nk-menu-sub:before {
    background: #e3b778;
}

.nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-link:before {
    border-color: #f8e5c4;
    background: #e3b778;
}

.nk-sidebar .nk-menu-sub .active > .nk-menu-link:before {
    background: #9c5c32 !important;
}

.has-sub.active > .nk-menu-toggle:after {
    color: #9c5c32;
}

/* Header / dropdown chrome */
.user-avatar,
[class^="user-avatar"]:not([class*="-group"]) {
    background: #9c5c32;
}

.link-list a:hover,
.link-list-opt a:hover,
.link-list-plain a:hover {
    color: #9c5c32;
}

/* Sidebar logo sizing */
.nk-sidebar-head {
    height: 36px;
    padding: 32px 44px;
}

.nk-sidebar-logo .logo-img:not(.logo-img-small) {
    max-height: 56px;
    width: auto;
}

/* Mobile: CRUD table pagination + form footers + header greeting */
@media (max-width: 767.98px) {
    /* tw-react-crud-dashlite Table footer: stack page-size above page controls */
    .card-footer > .pagination {
        flex-wrap: wrap;
        gap: 0.5rem;
        row-gap: 0.75rem;
        align-items: center;
    }

    .card-footer > .pagination > nav.ms-auto {
        margin-left: 0 !important;
        width: 100%;
    }

    .card-footer > .pagination > nav .pagination {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 0;
    }

    /* CRUD form action buttons: grid stack so card height grows and footer stays below */
    .card-inner .form-group.d-flex.align-items-center,
    .card-inner form .col-12 > .form-group:has(> .btn) {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 0.5rem;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        flex: none !important;
        width: 100%;
        max-width: 100%;
    }

    .card-inner .form-group.d-flex.align-items-center > .btn,
    .card-inner form .col-12 > .form-group:has(> .btn) > .btn {
        width: 100% !important;
        max-width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .card-inner form .col-12:has(> .form-group .btn) {
        height: auto;
        overflow: visible;
        flex-shrink: 0;
    }

    .card:has(.form-group .btn),
    .card:has(.form-group .btn) > .card-inner {
        height: auto;
        overflow: visible;
    }

    .nk-content {
        flex: 1 0 auto;
        padding-bottom: 1.5rem;
    }

    /* List page header: wrap title + Export/Import/Create */
    .nk-block-head .nk-block-between {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    /* Keep Actions dropdown from being clipped under the table card */
    .nk-block-head,
    .nk-block-head .nk-block-between,
    .nk-block-head-content {
        overflow: visible;
    }

    .nk-block-head .dropdown-menu {
        z-index: 1050;
    }

    /* Header greeting: avoid crowding the hamburger */
    .nk-header-wrap .nk-menu-trigger {
        margin-right: 0.5rem !important;
    }

    .nk-header-wrap .header-middle {
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
    }

    .nk-header-wrap .header-middle .page-title {
        font-size: 1rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
}