/* ===================================
    Programs Page Dark Theme - Dashboard Mentor Style
====================================== */

/* Using blue color scheme inspired by dashboard-mentor */

/* ===================================
    Main Background
====================================== */
main {
    background: linear-gradient(135deg, #1F2937 0%, #111827 100%) !important;
}

/* ===================================
    Section Backgrounds
====================================== */
section.overlap-height {
    background-color: transparent !important;
}

/* Filter section with discount banner */
section .row:first-child {
    background-color: transparent !important;
}

/* ===================================
    Discount Banner
====================================== */
#discount-banner {
    background-color: #4F46E5 !important;
    color: white !important;
    border: 2px solid #6366F1;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}

/* ===================================
    Category Filter
====================================== */
.category-filter a {
    background: #1E293B !important;
    color: #E2E8F0 !important;
    border: 1px solid rgb(148 163 184 / 48%) !important;
    box-shadow: 0 -1px 10px rgb(255 255 255 / 25%), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    transition: all 0.3s ease;
}

.category-filter li.active a,
.category-filter a:hover {
    background: #4F46E5 !important;
    color: white !important;
    border-color: #4F46E5;
    font-weight: 600;
}

/* ===================================
    Program Cards
====================================== */
.program-card {
    background: #111827 !important;
    border: 1px solid rgb(148 163 184 / 48%) !important;
    box-shadow: 0 -1px 10px rgb(255 255 255 / 25%), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.program-card:hover {
    border-color: #4F46E5 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(79, 70, 229, 0.2) !important;
}

/* Card content background */
.program-content {
    background: linear-gradient(135deg, #1E293B 0%, #111827 100%) !important;
}

/* Image container styling */
.program-img-container {
    background-color: #0F172A !important;
    border-bottom: 2px solid #4F46E5;
}

/* Trial badge */
.trial-badge {
    background: #FBBF24 !important;
    color: #0F172A !important;
    font-weight: 700;
}

/* ===================================
    Text Styling
====================================== */

/* Mentor name */
.mentor-name {
    color: #10B981 !important; /* Bright green */
    font-weight: 700;
}

.mentor-name:hover {
    color: #34D399 !important; /* Lighter green on hover */
}

/* Program title */
.program-content-link .program-title {
    color: #cee2fa !important; /* Bright blue */
}

.program-content-link:hover .program-title {
    color: #93C5FD !important; /* Lighter bright blue on hover */
}

/* Program description */
.program-content-link .program-description {
    color: #94A3B8 !important;
}

.program-content-link:hover .program-description {
    color: #E2E8F0 !important;
}

/* ===================================
    Price Styling - Brighter for Dark Theme
====================================== */
.discount-percent,
.discount-tag {
    color: #FBBF24 !important; /* Bright yellow for discount */
    font-weight: 700;
}

.discounted-price,
.current-price {
    color: #FFFFFF !important; /* White for current price */
    font-weight: 700;
}

.regular-price,
.original-price {
    color: #94A3B8 !important; /* Light gray for crossed-out price */
    opacity: 0.8;
}

/* ===================================
    Rating Stars
====================================== */
.stars-container {
    color: #FBBF24 !important;
}

.bi-star {
    color: rgba(251, 191, 36, 0.3) !important;
}

.review-count {
    color: #94A3B8 !important;
}

/* Border adjustments */
.rating-container {
    border-top-color: rgba(148, 163, 184, 0.1) !important;
}

/* ===================================
    Action Buttons
====================================== */
.program-actions {
    border-top-color: rgba(148, 163, 184, 0.1) !important;
}

/* View & Book button */
.btn-view-book {
    background-color: #d5a52b !important; /* Orange */
    color: rgb(0, 0, 0) !important;
    font-weight: 600;
    max-width: 50%;
}

.btn-view-book:hover {
    background-color: #FB923C !important; /* Lighter orange on hover */
    color: white !important;
    box-shadow: 0 4px 8px rgba(249, 115, 22, 0.3) !important;
    text-decoration: none;
}

/* Gift Session button */
.btn-gift-session {
    background-color: transparent !important;
    color: #F97316 !important; /* Orange */
    border: 1px solid #F97316 !important;
}

.btn-gift-session:hover {
    background-color: #F97316 !important; /* Orange */
    color: white !important;
    box-shadow: 0 4px 8px rgba(249, 115, 22, 0.3) !important;
}

/* ===================================
    Pagination Section
====================================== */
.pagination-section {
    background-color: #1F2937 !important;
}

/* Pagination styling */
.pagination-style-01 a {
    background: #1E293B !important;
    color: #E2E8F0 !important;
    border: 1px solid rgba(148, 163, 184, 0.1);
}

.pagination-style-01 a:hover {
    background: #4F46E5 !important;
    color: #FFFFFF !important;
    border-color: #4F46E5;
}

.pagination-style-01 li.active a {
    background: #4F46E5 !important;
    color: #FFFFFF !important;
    border-color: #4F46E5;
    font-weight: 600;
}

/* ===================================
    Footer Background
====================================== */
#footer-container footer {
    background: linear-gradient(135deg, #1F2937 0%, #111827 100%) !important;
}

/* ===================================
    Additional Enhancements
====================================== */

/* Smooth transitions */
.program-card,
.program-card * {
    transition: all 0.3s ease;
}

/* Image overlay for better contrast */
.program-img-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.3) 100%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.program-card:hover .program-img-container::after {
    opacity: 0;
}

/* Focus states for accessibility */
.program-card a:focus,
.btn-view-book:focus,
.btn-gift-session:focus,
.category-filter a:focus,
.pagination-style-01 a:focus {
    outline: 2px solid #4F46E5;
    outline-offset: 2px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #111827;
}

::-webkit-scrollbar-thumb {
    background: #4F46E5;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6366F1;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    #discount-banner {
        border-width: 1px;
    }
    
    .program-card {
        border-width: 1px;
    }
}

/* Ensure proper contrast for disabled states */
.btn-view-book:disabled,
.btn-gift-session:disabled {
    background-color: #64748B !important;
    color: #111827 !important;
    cursor: not-allowed;
    opacity: 0.6;
}