/*
 * File: tema-orange.css
 * File CSS Kustom Utama untuk Seluruh Proyek
*/

:root {
    --shopee-orange: #EE4D2D;
    --shopee-orange-darker: #D44224;
    --bs-primary: var(--shopee-orange);
    --bs-primary-rgb: 238, 77, 45;
}

/* ================================== */
/* Aturan Tema Orange Dasar           */
/* ================================== */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--shopee-orange-darker);
    --bs-btn-hover-border-color: var(--shopee-orange-darker);
    --bs-btn-active-bg: var(--shopee-orange-darker);
    --bs-btn-active-border-color: var(--shopee-orange-darker);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.text-primary { color: var(--bs-primary) !important; }
.bg-primary { background: linear-gradient(45deg, #F86A4C, var(--bs-primary)) !important; }
.badge.bg-primary { background-color: var(--bs-primary) !important; }

a {
    color: var(--shopee-orange);
    text-decoration: none;
}
a:hover { color: var(--shopee-orange-darker); }

.nav-tabs .nav-link.active {
    color: var(--shopee-orange);
    border-color: #dee2e6 #dee2e6 var(--shopee-orange);
}

/* ================================================== */
/* CSS Kustom untuk Navigasi Bawah Gaya Baru        */
/* ================================================== */
.nav-bottom-custom {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px 0;
    height: 60px;
    background-color: #ffffff;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.08);
}
.nav-side-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-decoration: none;
    padding: 5px 0;
    color: #6c757d; 
}
.nav-side-item.active { color: var(--shopee-orange); }
.nav-side-item .nav-icon { font-size: 1.3rem; margin-bottom: 2px; }
.nav-side-item .nav-label { font-size: 0.7rem; }
.nav-center-button {
    width: 60px;
    height: 60px;
    background: var(--shopee-orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 -4px 8px rgba(238, 77, 45, 0.3);
    transform: translateY(-20px);
    border: 4px solid #f0f2f5; 
    transition: transform 0.2s ease-in-out;
}
.nav-center-button:hover { color: white; transform: translateY(-23px); }
.nav-center-button .nav-icon { font-size: 1.8rem; }

/* ================================== */
/* Aturan Layout Umum & Admin         */
/* ================================== */
.border-left-primary { border-left: 0.25rem solid var(--shopee-orange) !important; }
.border-left-success { border-left: 0.25rem solid #198754 !important; }
.border-left-info { border-left: 0.25rem solid #0dcaf0 !important; }
.border-left-warning { border-left: 0.25rem solid #ffc107 !important; }
.text-gray-300 { color: #dddfeb !important; }
.text-gray-800 { color: #5a5c6e !important; }