/* ============================================
   ADMIN COLORS - HARMONIE BYMANON
   THEME SYSTEM : WHITE / BYMANON / DARK
   ============================================ */

:root {
    /* === PALETTE PAR DEFAUT (BYMANON) === */
    --col-primary: #523a28;
    --col-primary-dark: #3d2a1c;
    --col-secondary: #a47551;
    --col-secondary-light: #b8896a;
    --col-bg: #e8dfd5;
    --col-bg-alt: #ddd3c7;
    --col-card: #FFFFFF;
    --col-text: #3d2817;
    --col-text-light: #5a4030;
    --col-border: #3d2817;
    --col-gold: #a47551;
    --col-gold-light: #b8896a;
    --col-brown: #523a28;
    --col-brown-dark: #3d2a1c;
    --col-brown-light: #6b4d38;
    --header-gradient: linear-gradient(135deg, #523a28 0%, #a47551 100%);
    --header-shadow: 0 4px 20px rgba(82, 58, 40, 0.3);
}

/* === THEME WHITE OVERRIDES === */
/* Fond beige très clair, élégant spa/wellness */
body.theme-white {
    --col-primary: #7a6860;
    --col-primary-dark: #5f524a;
    --col-text: #4a3f38;
    --col-text-light: #6b5d54;
    --header-gradient: linear-gradient(135deg, #7a6860 0%, #8f817a 100%);
    --header-shadow: 0 4px 20px rgba(122, 104, 96, 0.25);
    --col-border: rgba(122, 104, 96, 0.15);
    --col-bg: #f5f1eb;
    --col-bg-alt: #ede8e1;
}

/* WHITE - Fond beige clair avec pseudo-element */
body.theme-white::before {
    content: '';
    position: fixed;
    inset: 0;
    background: #f5f1eb;
    opacity: 0.95;
    z-index: -1;
    pointer-events: none;
}

/* WHITE - Override avec couleurs beige/taupe */
body.theme-white .nav-btn,
body.theme-white .tab,
body.theme-white .tab-btn,
body.theme-white .filter-btn,
body.theme-white .price-name,
body.theme-white .client-info-item a,
body.theme-white .message-email a,
body.theme-white .quick-link span {
    color: #5f524a !important;
}

body.theme-white .btn-info {
    background: #7a6860 !important;
}

body.theme-white .btn-light {
    color: #5f524a !important;
}

body.theme-white .btn-logout {
    background: rgba(122, 104, 96, 0.85) !important;
}

body.theme-white .btn-logout:hover {
    background: #7a6860 !important;
}

body.theme-white .stat-icon.blue {
    background: linear-gradient(135deg, #7a6860, #8f817a) !important;
}

body.theme-white .message-card.faq {
    border-left-color: #7a6860 !important;
}

body.theme-white .message-type.faq {
    background: rgba(122, 104, 96, 0.15) !important;
    color: #5f524a !important;
}

body.theme-white .info-banner {
    background: linear-gradient(135deg, rgba(122, 104, 96, 0.1), rgba(122, 104, 96, 0.05)) !important;
    border-left-color: #7a6860 !important;
}

body.theme-white .info-banner i {
    color: #7a6860 !important;
}

body.theme-white .form-group input,
body.theme-white .form-group textarea,
body.theme-white .form-group select,
body.theme-white .search-box,
body.theme-white .search-bar input {
    border: 1px solid rgba(122, 104, 96, 0.2) !important;
    color: #4a3f38 !important;
}

body.theme-white .tabs {
    border: 1px solid rgba(122, 104, 96, 0.12) !important;
}

body.theme-white .tab .count {
    color: #5f524a !important;
}

body.theme-white .message-content {
    color: #4a3f38 !important;
}

body.theme-white .price-input {
    border-color: rgba(122, 104, 96, 0.2) !important;
}

body.theme-white .upload-area {
    border-color: rgba(122, 104, 96, 0.25) !important;
}

/* === THEME DARK OVERRIDES === */
body.theme-dark {
    --header-gradient: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);
    --header-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    --col-border: rgba(144, 202, 249, 0.2);
}

/* === HEADER GRADIENT === */
.admin-header {
    background: var(--header-gradient) !important;
    box-shadow: var(--header-shadow) !important;
}

.admin-logo-text small {
    color: #e8dfd5 !important;
}

.nav-btn {
    color: rgba(208, 219, 220, 0.9) !important;
    border: 1px solid transparent !important;
}

.nav-btn:hover {
    background: rgba(208, 219, 220, 0.2) !important;
    color: #fff !important;
}

.nav-btn.active {
    background: #e8dfd5 !important;
    color: #523a28 !important;
    box-shadow: 0 2px 10px rgba(82, 58, 40, 0.3) !important;
}

.nav-btn.active::before {
    background: #523a28 !important;
}

.btn-logout {
    background: rgba(61, 40, 23, 0.85) !important;
}

.btn-logout:hover {
    background: #3d2817 !important;
}

/* === BUTTONS === */
.btn-primary {
    background: linear-gradient(135deg, #a47551, #b8896a) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(164, 117, 81, 0.3) !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #523a28, #6b4d38) !important;
    box-shadow: 0 6px 20px rgba(82, 58, 40, 0.4) !important;
}

.btn-outline {
    border: 2px solid #a47551 !important;
    color: #a47551 !important;
}

.btn-outline:hover {
    background: #a47551 !important;
    color: #fff !important;
}

.btn-success { background: #4a8c6a !important; }
.btn-danger { background: #8c4a4a !important; }
.btn-info { background: #3d2817 !important; }
.btn-warning { background: #a47551 !important; }
.btn-light { background: #e8dfd5 !important; color: #3d2817 !important; }

/* === TILES / CARDS === */
body {
    background: linear-gradient(135deg, var(--col-bg) 0%, var(--col-bg-alt) 100%) !important;
    color: var(--col-text) !important;
}

/* Theme-specific body backgrounds */
body.theme-white {
    background: var(--col-bg) !important;
}

body.theme-dark {
    background: var(--col-bg) !important;
}

.stat-card,
.stat-item,
.client-card,
.image-card,
.action-card,
.slot-item,
.file-item,
.message-card,
.card,
.section-card,
.section-content,
.category {
    background: var(--col-card) !important;
    border: 1px solid var(--col-border) !important;
    color: var(--col-text) !important;
}

body.theme-bymanon .stat-card,
body.theme-bymanon .stat-item,
body.theme-bymanon .client-card,
body.theme-bymanon .image-card,
body.theme-bymanon .action-card,
body.theme-bymanon .slot-item,
body.theme-bymanon .file-item,
body.theme-bymanon .message-card,
body.theme-bymanon .card,
body.theme-bymanon .section-card,
body.theme-bymanon .section-content,
body.theme-bymanon .category {
    border: 1px solid rgba(61, 40, 23, 0.12) !important;
}

.stat-card:hover,
.stat-item:hover,
.client-card:hover,
.image-card:hover,
.action-card:hover,
.slot-item:hover,
.file-item:hover,
.message-card:hover,
.card:hover,
.section-card:hover {
    border-color: var(--col-gold) !important;
    box-shadow: var(--shadow-hover) !important;
}

.stat-card h3,
.stat-item h3,
.stat-item .value,
.stat-info h3 {
    color: var(--col-primary) !important;
}

.stat-card p,
.stat-item p,
.stat-item .label,
.stat-info p {
    color: var(--col-text) !important;
}

/* === STAT ICONS === */
.stat-icon.brown { background: linear-gradient(135deg, #523a28, #6b4d38) !important; }
.stat-icon.gold { background: linear-gradient(135deg, #a47551, #b8896a) !important; }
.stat-icon.green { background: linear-gradient(135deg, #4a8c6a, #3d7a5a) !important; }
.stat-icon.orange { background: linear-gradient(135deg, #a47551, #8c6340) !important; }
.stat-icon.blue { background: linear-gradient(135deg, #3d2817, #4a6a8a) !important; }
.stat-icon.purple { background: linear-gradient(135deg, #5c4a6b, #7a6288) !important; }

/* === PAGE TITLES === */
.page-title h1 {
    color: #523a28 !important;
}

.page-title h1 i,
.section-header h2 i,
.card-header h2 i {
    color: #a47551 !important;
}

.section-header h2,
.card-header h2,
.modal-header h2 {
    color: #523a28 !important;
}

/* === TABS & FILTERS === */
.tabs {
    background: #fff !important;
    border: 1px solid rgba(61, 40, 23, 0.12) !important;
}

.tab,
.tab-btn,
.filter-btn {
    color: #3d2817 !important;
}

.tab:hover,
.tab-btn:hover,
.filter-btn:hover {
    background: #e8dfd5 !important;
}

.tab.active,
.tab-btn.active,
.filter-btn.active {
    background: linear-gradient(135deg, #a47551, #b8896a) !important;
    color: #fff !important;
    border-color: #a47551 !important;
}

.tab .count {
    background: #e8dfd5 !important;
    color: #3d2817 !important;
}

.tab.active .count {
    background: rgba(255,255,255,0.3) !important;
    color: #fff !important;
}

/* === FORMS === */
.form-group label {
    color: #523a28 !important;
    font-weight: 500 !important;
}

.form-group input,
.form-group textarea,
.form-group select,
.search-box,
.search-bar input {
    border: 1px solid rgba(61, 40, 23, 0.2) !important;
    color: #3d2817 !important;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus,
.search-box:focus-within,
.search-bar input:focus {
    border-color: #a47551 !important;
    box-shadow: 0 0 0 3px rgba(164, 117, 81, 0.15) !important;
}

.search-box i {
    color: #a47551 !important;
}

/* === CLIENTS === */
.client-avatar {
    background: linear-gradient(135deg, #a47551, #b8896a) !important;
    color: #fff !important;
}

.client-name h3 {
    color: #523a28 !important;
}

.client-info i,
.client-info-item i {
    color: #a47551 !important;
}

.client-info-item a {
    color: #3d2817 !important;
}

.client-actions {
    border-top-color: #e8dfd5 !important;
}

/* === SLOTS === */
.slot-item {
    border-left: 4px solid #4a8c6a !important;
}

.slot-item.booked {
    border-left-color: #a47551 !important;
}

.slot-info h4 {
    color: #523a28 !important;
}

.slot-info p {
    color: #4a8c6a !important;
}

.slot-info p.booked {
    color: #a47551 !important;
}

/* === FILES === */
.file-icon {
    background: linear-gradient(135deg, #8c4a4a, #a55a5a) !important;
}

.file-details h4 {
    color: #523a28 !important;
}

/* === MESSAGES === */
.message-card.faq {
    border-left-color: #3d2817 !important;
}

.message-card.avis {
    border-left-color: #5c4a6b !important;
}

.message-card.nouveau {
    background: linear-gradient(135deg, rgba(140, 74, 74, 0.05), rgba(140, 74, 74, 0.02)) !important;
}

.message-type.faq {
    background: rgba(61, 40, 23, 0.15) !important;
    color: #3d2817 !important;
}

.message-type.avis {
    background: rgba(92, 74, 107, 0.15) !important;
    color: #5c4a6b !important;
}

.message-status.nouveau {
    background: rgba(140, 74, 74, 0.15) !important;
    color: #8c4a4a !important;
}

.message-status.lu {
    background: rgba(164, 117, 81, 0.15) !important;
    color: #a47551 !important;
}

.message-status.repondu {
    background: rgba(74, 140, 106, 0.15) !important;
    color: #4a8c6a !important;
}

.message-sender {
    color: #523a28 !important;
}

.message-email a {
    color: #3d2817 !important;
}

.message-content {
    background: #e8dfd5 !important;
    color: #3d2817 !important;
}

/* === IMAGES === */
.image-wrapper {
    background: #e8dfd5 !important;
}

.image-name {
    color: #523a28 !important;
}

/* === UPLOAD === */
.upload-area {
    border-color: rgba(61, 40, 23, 0.25) !important;
}

.upload-area:hover,
.upload-area.dragover {
    border-color: #a47551 !important;
    background: rgba(164, 117, 81, 0.05) !important;
}

.upload-area i {
    color: #a47551 !important;
}

.upload-area h3 {
    color: #523a28 !important;
}

/* === CATEGORY PRIX === */
.category-header {
    background: linear-gradient(135deg, #e8dfd5, #ddd3c7) !important;
}

.category-header h3 {
    color: #523a28 !important;
}

.category-header h3 i,
.category-header .toggle {
    color: #a47551 !important;
}

.category-body {
    border-top-color: #e8dfd5 !important;
}

.price-item {
    border-bottom-color: #e8dfd5 !important;
}

.price-name {
    color: #3d2817 !important;
}

.price-input {
    border-color: rgba(61, 40, 23, 0.2) !important;
    color: #523a28 !important;
}

.price-input:focus {
    border-color: #a47551 !important;
}

.price-input.modified {
    border-color: #a47551 !important;
    background: rgba(164, 117, 81, 0.1) !important;
}

/* === INFO BANNER === */
.info-banner {
    background: linear-gradient(135deg, rgba(61, 40, 23, 0.1), rgba(61, 40, 23, 0.05)) !important;
    border-left-color: #3d2817 !important;
}

.info-banner i {
    color: #3d2817 !important;
}

/* === MODALS === */
.modal-header h2 i {
    color: #a47551 !important;
}

/* === TOAST === */
.toast {
    background: #4a8c6a !important;
}

.toast.error {
    background: #8c4a4a !important;
}

.toast.warning {
    background: #a47551 !important;
}

/* === ACTIVITY === */
.activity-item {
    background: #e8dfd5 !important;
}

.activity-item:hover {
    background: #ddd3c7 !important;
}

.activity-icon.green {
    background: #4a8c6a !important;
}

.activity-icon.orange {
    background: #a47551 !important;
}

.activity-content strong {
    color: #523a28 !important;
}

/* === ACTION CARDS === */
.action-card i {
    color: #a47551 !important;
}

.action-card h3 {
    color: #523a28 !important;
}

/* === QUICK LINKS === */
.quick-link {
    background: rgba(208, 219, 220, 0.5) !important;
    border: 1px solid rgba(61, 40, 23, 0.1) !important;
}

.quick-link:hover {
    border-color: #a47551 !important;
    background: rgba(208, 219, 220, 0.8) !important;
}

.quick-link span {
    color: #3d2817 !important;
}

/* === EMPTY STATE === */
.empty-state i {
    color: #a47551 !important;
}

.empty-state h3 {
    color: #523a28 !important;
}

/* === CONFIG SECTION === */
.config-section {
    border-top-color: #e8dfd5 !important;
}

.config-section h3 {
    color: #523a28 !important;
}

.config-section h3 i {
    color: #a47551 !important;
}

/* === FULLCALENDAR === */
.fc .fc-toolbar-title {
    color: #523a28 !important;
}

.fc .fc-button {
    background: #a47551 !important;
    border-color: #a47551 !important;
    color: #fff !important;
}

.fc .fc-button:hover {
    background: #b8896a !important;
}

.fc .fc-button-active {
    background: #523a28 !important;
    border-color: #523a28 !important;
}

.fc .fc-daygrid-day.fc-day-today {
    background: rgba(164, 117, 81, 0.1) !important;
}

.fc-event.available {
    background: #4a8c6a !important;
    border-color: #4a8c6a !important;
}

.fc-event.booked {
    background: #a47551 !important;
    border-color: #a47551 !important;
}

/* === BACKGROUND IMAGE === */
body {
    background: url('images/Back2.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}