/* ===================================
   COURSE DETAIL PAGES - PROFESSIONAL OVERRIDES
   This file ensures proper color application
   =================================== */

/* Force Body Background */
body {
    background-color: #FFFBF5 !important;
}

/* Force Course Hero Background */
.course-detail-hero {
    background: linear-gradient(135deg, #4A4A4A 0%, #3D3D3D 100%) !important;
}

/* Force Content Section Background */
.course-content-section {
    background: #FFFBF5 !important;
}

/* Force Card Backgrounds */
.main-content,
.sidebar-card {
    background: #FFFFFF !important;
}

/* Force Button Colors */
.btn-primary,
.cta-btn,
.course-cta .btn-primary {
    background: linear-gradient(135deg, #E67E22 0%, #D35400 100%) !important;
}

.btn-primary:hover,
.cta-btn:hover,
.course-cta .btn-primary:hover {
    background: linear-gradient(135deg, #D35400 0%, #BA4A00 100%) !important;
}

/* Force Text Colors */
.content-block h2,
.sidebar-card h3 {
    color: #2B2B2B !important;
}

.content-block p,
.styled-list li {
    color: #4A4A4A !important;
}

/* Force Icon Colors */
.content-block h2 i,
.sidebar-card h3 i,
.meta-item i {
    color: #E67E22 !important;
}

/* Force Price Highlight */
.price-highlight {
    background: linear-gradient(135deg, #E67E22 0%, #D35400 100%) !important;
}

/* ===================================
   FOOTER - LIGHT BACKGROUND WITH DARK TEXT
   Brand-aligned warm cream background with dark brown/charcoal text
   =================================== */

/* Footer Background - Warm Cream */
.footer-section {
    background: linear-gradient(135deg, #FFFBF5 0%, #FAF8F3 100%) !important;
    border-top: 3px solid #E67E22 !important;
}

/* Footer Headings - Dark Charcoal */
.footer-section h3,
.footer-section h4 {
    color: #2B2B2B !important;
}

/* Footer Paragraph Text - Dark Brown */
.footer-section p {
    color: #4A4A4A !important;
}

/* Footer Links - Dark Text with Orange Hover */
.footer-section ul li a {
    color: #4A4A4A !important;
}

.footer-section ul li a:hover {
    color: #E67E22 !important;
}

/* Footer Icon Colors - Match Text */
.footer-section p i {
    color: #E67E22 !important;
    margin-right: 0.5rem;
}

/* Footer Bottom - Darker Text */
.footer-bottom {
    color: #6B6B6B !important;
    border-top: 1px solid rgba(43, 43, 43, 0.1) !important;
}