/**
 * Shopee Theme - Bootstrap Override
 * Custom colors matching Shopee color scheme
 */

:root {
    /* Shopee Primary Colors */
    --bs-primary: #EE4D2D;
    --bs-primary-rgb: 238, 77, 45;
    --bs-secondary: #FF6B4A;
    --bs-secondary-rgb: 255, 107, 74;
    
    /* Success - Green */
    --bs-success: #52c41a;
    --bs-success-rgb: 82, 196, 26;
    
    /* Warning - Gold/Yellow */
    --bs-warning: #faad14;
    --bs-warning-rgb: 250, 173, 20;
    
    /* Danger - Red */
    --bs-danger: #ff4d4f;
    --bs-danger-rgb: 255, 77, 79;
    
    /* Info - Orange */
    --bs-info: #FF6B4A;
    --bs-info-rgb: 255, 107, 74;
    
    /* Gray Scale */
    --bs-gray-100: #FAFAFA;
    --bs-gray-200: #F5F5F5;
    --bs-gray-300: #EEEEEE;
    --bs-gray-400: #E0E0E0;
    --bs-gray-500: #BDBDBD;
    --bs-gray-600: #757575;
    --bs-gray-700: #616161;
    --bs-gray-800: #424242;
    --bs-gray-900: #212121;
}

/* Bootstrap Button Overrides */
.btn-primary {
    background-color: #EE4D2D !important;
    border-color: #EE4D2D !important;
    color: white !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #D73211 !important;
    border-color: #D73211 !important;
    color: white !important;
}

.btn-success {
    background-color: #52c41a !important;
    border-color: #52c41a !important;
}

.btn-success:hover {
    background-color: #389e0d !important;
    border-color: #389e0d !important;
}

.btn-warning {
    background-color: #faad14 !important;
    border-color: #faad14 !important;
    color: #333 !important;
}

.btn-warning:hover {
    background-color: #d48806 !important;
    border-color: #d48806 !important;
}

.btn-danger {
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
}

.btn-danger:hover {
    background-color: #cf1322 !important;
    border-color: #cf1322 !important;
}

.btn-info {
    background-color: #FF6B4A !important;
    border-color: #FF6B4A !important;
}

.btn-info:hover {
    background-color: #EE4D2D !important;
    border-color: #EE4D2D !important;
}

/* Bootstrap Badge Overrides */
.badge.bg-primary {
    background-color: #EE4D2D !important;
}

.badge.bg-success {
    background-color: #52c41a !important;
}

.badge.bg-warning {
    background-color: #faad14 !important;
    color: #333 !important;
}

.badge.bg-danger {
    background-color: #ff4d4f !important;
}

.badge.bg-info {
    background-color: #FF6B4A !important;
}

/* Background Color Classes */
.bg-primary {
    background-color: #EE4D2D !important;
}

.bg-success {
    background-color: #52c41a !important;
}

.bg-warning {
    background-color: #faad14 !important;
}

.bg-danger {
    background-color: #ff4d4f !important;
}

.bg-info {
    background-color: #FF6B4A !important;
}

/* Background Opacity Classes */
.bg-primary.bg-opacity-10 {
    background-color: rgba(238, 77, 45, 0.1) !important;
}

.bg-success.bg-opacity-10 {
    background-color: rgba(82, 196, 26, 0.1) !important;
}

.bg-warning.bg-opacity-10 {
    background-color: rgba(250, 173, 20, 0.1) !important;
}

.bg-danger.bg-opacity-10 {
    background-color: rgba(255, 77, 79, 0.1) !important;
}

.bg-info.bg-opacity-10 {
    background-color: rgba(255, 107, 74, 0.1) !important;
}

/* Text Color Classes */
.text-primary {
    color: #EE4D2D !important;
}

.text-success {
    color: #52c41a !important;
}

.text-warning {
    color: #faad14 !important;
}

.text-danger {
    color: #ff4d4f !important;
}

.text-info {
    color: #FF6B4A !important;
}

/* Border Color Classes */
.border-primary {
    border-color: #EE4D2D !important;
}

.border-success {
    border-color: #52c41a !important;
}

.border-warning {
    border-color: #faad14 !important;
}

.border-danger {
    border-color: #ff4d4f !important;
}

.border-info {
    border-color: #FF6B4A !important;
}

/* Gradient Backgrounds */
.bg-gradient {
    background: linear-gradient(135deg, #EE4D2D 0%, #FF6B4A 100%) !important;
}

.bg-gradient.bg-primary {
    background: linear-gradient(135deg, #EE4D2D 0%, #FF6B4A 100%) !important;
}

.bg-gradient.bg-success {
    background: linear-gradient(135deg, #52c41a 0%, #73d13d 100%) !important;
}

.bg-gradient.bg-warning {
    background: linear-gradient(135deg, #faad14 0%, #ffc53d 100%) !important;
}

.bg-gradient.bg-danger {
    background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%) !important;
}

.bg-gradient.bg-info {
    background: linear-gradient(135deg, #FF6B4A 0%, #FFB444 100%) !important;
}

/* Alert Colors */
.alert-primary {
    background-color: rgba(238, 77, 45, 0.1) !important;
    border-color: #EE4D2D !important;
    color: #D73211 !important;
}

.alert-success {
    background-color: rgba(82, 196, 26, 0.1) !important;
    border-color: #52c41a !important;
    color: #389e0d !important;
}

.alert-warning {
    background-color: rgba(250, 173, 20, 0.1) !important;
    border-color: #faad14 !important;
    color: #d48806 !important;
}

.alert-danger {
    background-color: rgba(255, 77, 79, 0.1) !important;
    border-color: #ff4d4f !important;
    color: #cf1322 !important;
}

.alert-info {
    background-color: rgba(255, 107, 74, 0.1) !important;
    border-color: #FF6B4A !important;
    color: #EE4D2D !important;
}

/* Progress Bar */
.progress-bar {
    background-color: #EE4D2D !important;
}

.progress-bar.bg-success {
    background-color: #52c41a !important;
}

.progress-bar.bg-warning {
    background-color: #faad14 !important;
}

.progress-bar.bg-danger {
    background-color: #ff4d4f !important;
}

/* Links */
a {
    color: #EE4D2D;
}

a:hover {
    color: #D73211;
}

/* Form Controls Focus */
.form-control:focus,
.form-select:focus {
    border-color: #FF6B4A !important;
    box-shadow: 0 0 0 0.25rem rgba(238, 77, 45, 0.25) !important;
}

/* Checkbox & Radio */
.form-check-input:checked {
    background-color: #EE4D2D !important;
    border-color: #EE4D2D !important;
}

/* Pagination */
.pagination .page-link {
    color: #EE4D2D;
}

.pagination .page-link:hover {
    color: #D73211;
    background-color: rgba(238, 77, 45, 0.1);
}

.pagination .page-item.active .page-link {
    background-color: #EE4D2D !important;
    border-color: #EE4D2D !important;
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #EE4D2D !important;
}

/* List Group */
.list-group-item.active {
    background-color: #EE4D2D !important;
    border-color: #EE4D2D !important;
}

/* Nav Pills */
.nav-pills .nav-link.active {
    background-color: #EE4D2D !important;
}

/* Spinner */
.spinner-border {
    border-color: #EE4D2D;
    border-right-color: transparent !important;
}

.spinner-border.text-primary {
    border-color: #EE4D2D;
    border-right-color: transparent !important;
}

/* Toast */
.toast-header {
    background-color: rgba(238, 77, 45, 0.1);
    border-bottom: 1px solid #EE4D2D;
}

/* Card Accents */
.card-header {
    background-color: rgba(238, 77, 45, 0.05);
}

/* Custom Shopee Shadows */
.shadow-shopee {
    box-shadow: 0 2px 8px rgba(238, 77, 45, 0.15) !important;
}

.shadow-shopee-lg {
    box-shadow: 0 8px 24px rgba(238, 77, 45, 0.25) !important;
}