/**
 * Digihood Dark Kitchen - Custom Admin Panel Styles
 *
 * Brand Colors:
 * - Primary: #ff817e (coral)
 * - Hover: #dc6d6a (darker coral)
 */

/* Override Backpack/Tabler primary palette to avoid default purple */
:root,
[data-bs-theme="light"],
[data-menu-theme="light"] {
    --tblr-primary: #ff817e;
    --tblr-primary-rgb: 255, 129, 126;
    --tblr-tabler: #ff817e;
    --tblr-tabler-rgb: 255, 129, 126;
    --tblr-primary-text-emphasis: #b65f5c;
    --tblr-primary-bg-subtle: #ffe7e6;
    --tblr-primary-border-subtle: #ffc9c7;
    --tblr-link-color: #ff817e;
    --tblr-link-hover-color: #dc6d6a;
    --tblr-link-color-rgb: 255, 129, 126;
    --tblr-link-hover-color-rgb: 220, 109, 106;
    --tblr-focus-ring-color: rgba(255, 129, 126, 0.25);
    --bs-primary: #ff817e;
    --bs-primary-rgb: 255, 129, 126;
}

[data-bs-theme="dark"],
[data-menu-theme="dark"] {
    --tblr-primary: #ff817e;
    --tblr-primary-rgb: 255, 129, 126;
    --tblr-tabler: #ff817e;
    --tblr-tabler-rgb: 255, 129, 126;
    --tblr-primary-text-emphasis: #ffb7b4;
    --tblr-primary-bg-subtle: #2c1716;
    --tblr-primary-border-subtle: #5b2e2c;
    --tblr-link-color: #ffb7b4;
    --tblr-link-hover-color: #ff817e;
    --tblr-link-color-rgb: 255, 183, 180;
    --tblr-link-hover-color-rgb: 255, 129, 126;
    --tblr-focus-ring-color: rgba(255, 129, 126, 0.35);
    --bs-primary: #ff817e;
    --bs-primary-rgb: 255, 129, 126;
}

/* Additional Images Field Styling
================================================*/
.list[data-field-name="additional_images"] .input-group:first-of-type {
    border: 2px solid #ff817e;
}

input[type="checkbox"] {
    cursor: pointer;
}

.sidebar-nav .nav-dropdown-items .nav-link {
    display: flex;
}

/* Digihood Brand Colors
================================================*/

/* Links */
.btn-link,
a {
    color: #ff817e;
}

a:hover,
a:focus {
    color: #dc6d6a;
}

/* Utility colors that still use default Backpack purple */
.text-primary,
.link-primary {
    color: #ff817e !important;
}

.text-primary:hover,
.link-primary:hover {
    color: #dc6d6a !important;
}

/* Navigation - Backpack v7 vertical layout */
.nav-link.active,
.nav-link:hover,
.nav-item.active > .nav-link,
.sidebar-pills .nav-link.active,
.sidebar-pills .nav-link:hover,
.sidebar-pills .nav-link:hover .nav-icon,
.sidebar.bg-white .nav-link.active .nav-icon,
.sidebar.bg-white .nav-link.active:hover .nav-icon,
.sidebar.sidebar-pills .nav-link.active,
.sidebar.sidebar-pills .nav-link:hover {
    color: #ff817e !important;
}

.nav-item.active > .nav-link {
    background-color: rgba(255, 129, 126, 0.1) !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: #ff817e;
    border-color: #ff817e;
}

/* Buttons */
.btn-primary,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #ff817e;
    border-color: #ff817e;
}

.btn-primary:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #dc6d6a;
    border-color: #dc6d6a;
    color: #fff;
}

.btn-outline-primary {
    color: #ff817e;
    border-color: #ff817e;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #ff817e;
    border-color: #ff817e;
}

/* Progress & Loading */
.pace .pace-progress {
    background: #dc6d6a;
}

/* Form Inputs */
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus,
.form-control:focus {
    border-color: #dc6d6a;
}

/* Dropdowns */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #ff817e;
}

/* Progress Bars & Backgrounds */
.progress-bar,
.bg-primary {
    background-color: #ff817e !important;
}

/* Hide TinyMCE Notifications */
.tox-notification--warning {
    display: none !important;
}
