/* Custom Dashboard Sidebar Styles */
/* Override orange color with green */

/* Page Header Breadcrumb - Make text white for better visibility */
/* CRITICAL: z-index must be higher than :before overlay */
.page-header .breadcrumb-wrapper {
    position: relative !important;
    z-index: 10 !important;
}

.page-header .breadcrumb-wrapper .product-title {
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    position: relative !important;
    z-index: 10 !important;
}

.page-header .breadcrumb-wrapper .breadcrumb {
    color: #fff !important;
    position: relative !important;
    z-index: 10 !important;
}

.page-header .breadcrumb-wrapper .breadcrumb li {
    color: #fff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.page-header .breadcrumb-wrapper .breadcrumb li a {
    color: #fff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.page-header .breadcrumb-wrapper .breadcrumb li a:hover {
    color: #fff !important;
    opacity: 0.9;
}

.page-header .breadcrumb-wrapper .breadcrumb li.current {
    color: #fff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

/* Dashboard Sidebar Styles */

.navdashboard ul li a:focus,
.sidebar-box .navdashboard ul li a:hover,
.sidebar-box .navdashboard ul li a.active {
    background: #198754 !important; /* Bootstrap success green */
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 8px;
    margin: 4px 0;
    transition: all 0.3s ease;
}

.navdashboard ul li a:focus i,
.sidebar-box .navdashboard ul li a:hover i,
.sidebar-box .navdashboard ul li a.active i {
    color: #fff !important;
}

/* Remove underlines and improve menu styling */
.navdashboard ul li a {
    text-decoration: none !important;
    padding: 8px 12px;
    margin: 2px 0;
    display: block;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.navdashboard ul li a:hover {
    background: #198754 !important;
    color: #fff !important;
    transform: translateX(5px);
}

/* Remove border-bottom for cleaner standalone menus */
.navdashboard ul li {
    border-bottom: none !important;
    margin: 4px 0;
}

/* Badge styling to match green theme */
.navdashboard .badge-danger {
    background-color: #dc3545 !important;
}

.navdashboard .badge-warning {
    background-color: #ffc107 !important;
    color: #000 !important;
}

.navdashboard .badge-info {
    background-color: #0dcaf0 !important;
}

/* Improve overall sidebar appearance */
.sidebar-box {
    border-radius: 12px;
}

.sidebar-box .user figure a img {
    border: 3px solid #198754;
}

/* Change user profile section background from orange to green */
.sidebar-box .user {
    background: #198754 !important; /* Bootstrap success green */
}

/* ===== Display Mode Selection Styles ===== */

/* Display Mode Selection Cards */
.form-check.border {
    transition: all 0.3s ease;
    cursor: pointer;
}

.form-check.border:hover {
    border-color: #198754 !important;
    box-shadow: 0 2px 8px rgba(25, 135, 84, 0.1);
    transform: translateY(-2px);
}

.form-check.border.border-primary,
.form-check.border.border-success {
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.15);
}

.form-check-input:checked + .form-check-label {
    color: #198754;
}

/* Seller Avatar in Ad Cards */
.modern-ad-seller-avatar-img {
    border: 2px solid #198754;
    transition: transform 0.2s ease;
}

.modern-ad-seller-avatar-img:hover {
    transform: scale(1.1);
}

.modern-ad-seller a {
    color: inherit;
    transition: all 0.2s ease;
}

.modern-ad-seller a:hover {
    color: #198754;
}

/* Verified Store Badge */
.fas.fa-check-circle.text-primary {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Display Preferences Page Styles */
.form-check.border.bg-light {
    background-color: #f8f9fa !important;
}

.form-check.border.opacity-75 {
    opacity: 0.75;
    cursor: not-allowed;
}

.form-check.border.opacity-75 .form-check-input {
    cursor: not-allowed;
}

/* Preview Section */
.border.rounded.p-3 {
    background-color: #f8f9fa;
    transition: all 0.3s ease;
}