/* ===========================================
   F Distribution - Branding Override
   Couleurs : Rose #FABEDA / Mauve #8B4576
   =========================================== */

/* --- Gradient Primary (sidebar, navbar, login bg) --- */
.bg-gradient-primary {
    background: #FABEDA !important;
}
/* Keep gradient only for login page */
.login-gradient {
    background: linear-gradient(135deg, #FABEDA 0%, #8B4576 100%) !important;
}

/* --- Buttons --- */
.btn-primary {
    background-color: #FABEDA !important;
    border-color: #FABEDA !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #E8A8BF !important;
    border-color: #E8A8BF !important;
}
.btn-primary:active {
    background-color: #D48FA8 !important;
    border-color: #D48FA8 !important;
}

/* --- Text primary --- */
.text-primary {
    color: #FABEDA !important;
}
a.text-primary:hover {
    color: #E8A8BF !important;
}

/* --- Links --- */
a {
    color: #FABEDA;
}
a:hover {
    color: #E8A8BF;
}

/* --- Border left cards --- */
.border-left-primary {
    border-left-color: #FABEDA !important;
}

/* --- Sidebar nav links: dark text on light bg --- */
.sidebar .nav-item .nav-link {
    color: #8B4576 !important;
}
.sidebar .nav-item .nav-link:hover,
.sidebar .nav-item .nav-link:focus,
.sidebar .nav-item .nav-link:active,
.sidebar .nav-item .nav-link.active {
    color: #5C2D4F !important;
    background-color: rgba(139, 69, 118, 0.12) !important;
    font-weight: 700;
}
.sidebar .nav-item .nav-link i {
    color: #8B4576 !important;
}
.sidebar .nav-item .nav-link:hover i,
.sidebar .nav-item .nav-link:focus i,
.sidebar .nav-item .nav-link:active i,
.sidebar .nav-item .nav-link.active i {
    color: #5C2D4F !important;
}
/* Sidebar brand/heading text */
.sidebar .sidebar-brand {
    color: #8B4576 !important;
}
.sidebar .sidebar-heading {
    color: #8B4576 !important;
}
.sidebar hr.sidebar-divider {
    border-top: 1px solid rgba(139, 69, 118, 0.2) !important;
}
.sidebar #sidebarToggle {
    background-color: rgba(139, 69, 118, 0.2) !important;
}
.sidebar #sidebarToggle::after {
    color: #8B4576 !important;
}

/* --- Badge danger (keep red for alerts) --- */
.badge-danger, .bg-danger {
    background-color: #dc3545 !important;
}

/* --- Scroll to top button --- */
.scroll-to-top {
    background-color: #FABEDA;
}
.scroll-to-top:hover {
    background-color: #E8A8BF;
}

/* --- Form focus --- */
.form-control:focus {
    border-color: #FABEDA;
    box-shadow: 0 0 0 0.2rem rgba(233, 30, 123, 0.25);
}

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

/* --- Page background (light pink) --- */
#content-wrapper {
    background-color: #FFF0F5;
}

/* --- Topbar divider --- */
.topbar-divider {
    border-right-color: #F8C8DC;
}

/* --- Client navbar specific --- */
.navbar-dark.bg-gradient-primary .navbar-nav .nav-link,
.navbar .nav-link,
.topbar .nav-link {
    color: #5C2D4F !important;
    font-weight: 600;
    padding: 8px 16px !important;
    border-radius: 8px;
    margin: 0 2px;
    transition: all 0.2s ease;
}
.navbar-dark.bg-gradient-primary .navbar-nav .nav-link:hover,
.navbar .nav-link:hover {
    color: #3A1A33 !important;
    background: rgba(92, 45, 79, 0.08) !important;
}
.navbar-dark.bg-gradient-primary .navbar-nav .nav-link.active {
    color: #fff !important;
    background: rgba(92, 45, 79, 0.25) !important;
    font-weight: 700;
}
/* Cart badge */
.navbar .badge.bg-danger {
    font-size: 0.65rem;
    padding: 3px 6px;
    animation: pulse-badge 2s infinite;
}
@keyframes pulse-badge {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50% { transform: translate(-50%, -50%) scale(1.15); }
}
.navbar-brand, .sidebar-brand-text {
    color: #5C2D4F !important;
    font-weight: 700;
}

/* --- Admin text/link color: mauve foncé --- */
.table a,
.card-body a,
#content a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #5C2D4F !important;
}
.table a:hover,
.card-body a:hover,
#content a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: #3A1A33 !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.card-header h6,
.page-header-title {
    color: #5C2D4F !important;
}

/* --- Price badges: fixed width --- */
.fd-price-badge {
    font-size: 0.75rem;
    min-width: 90px;
    max-width: 90px;
    text-align: center !important;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}