/* ===================================
    Program Details Page Dark Theme
====================================== */

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

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

/* Border sections */
.border-bottom.border-color-extra-medium-gray {
    border-color: rgba(148, 163, 184, 0.3) !important;
    background-color: rgba(30, 41, 59, 0.5) !important;
}

/* ===================================
    Header Section
====================================== */
/* Mentor info bar */
.icon-with-text-style-08 {
    color: #E2E8F0 !important;
}

.text-very-light-gray {
    color: #E2E8F0 !important;
}

.text-medium-gray {
    color: #94A3B8 !important;
}

.text-dark-gray {
    color: #E2E8F0 !important;
}

/* Separator */
.separator {
    background-color: rgba(148, 163, 184, 0.3) !important;
}

/* ===================================
    Main Content Container
====================================== */
.container {
    background-color: transparent !important;
}

/* Program image container */
.image-placeholder {
    background-color: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

.image-placeholder-bg {
    background: linear-gradient(135deg, #1E293B 0%, #111827 100%) !important;
}

.image-placeholder-icon {
    color: #4F46E5 !important;
}

/* ===================================
    Program Title & Description
====================================== */
h4.alt-font {
    color: #E2E8F0 !important;
}

/* Program description paragraphs */
#introDescription1,
#introDescription2,
p.text-medium-gray {
    color: #94A3B8 !important;
}

/* ===================================
    Tabs Section
====================================== */
.tab-style-06 {
    background-color: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

/* Tab navigation */
.nav-tabs {
    border-bottom: 2px solid #d5a52b !important;
}

.nav-tabs .nav-link {
    color: #94A3B8 !important;
    background-color: transparent !important;
    border: none !important;
}

.nav-tabs .nav-link:hover {
    color: #E2E8F0 !important;
    background-color: rgba(79, 70, 229, 0.1) !important;
}

.nav-tabs .nav-link.active {
    color: #10B981 !important;
    background-color: rgba(79, 70, 229, 0.2) !important;
    border-bottom: 3px solid #10B981 !important;
}

/* Tab content */
.tab-content {
    background-color: rgba(30, 41, 59, 0.3) !important;
}

/* Tab headings */
.fs-18.text-very-light-gray.fw-600 {
    color: #10B981 !important;
}

/* List items */
.list-style-02 li {
    color: #94A3B8 !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
}

.list-style-02 li i {
    color: #10B981 !important;
}

/* ===================================
    Sidebar (Pricing Section)
====================================== */
aside .position-sticky {
    background: transparent !important;
}

/* Pricing container */
.bg-tranquil {
    background: linear-gradient(135deg, #1E293B 0%, #111827 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    box-shadow: 0 -1px 10px rgb(255 255 255 / 25%), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

/* Pricing summary */
#availableOptionsSummary {
    color: #E2E8F0 !important;
}

#availableOptionsSummary .pricing-skeleton .skeleton {
    background: linear-gradient(
        90deg,
        #1E293B 25%,
        #111827 50%,
        #1E293B 75%
    ) !important;
}

/* Pricing box */
.box-shadow-double-large {
    background: rgba(30, 41, 59, 0.5) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #E2E8F0 !important;
}

/* Price display */
.fs-50, .fs-36, .fs-24 {
    color: #FFFFFF !important;
}

/* Discount tag */
.discount-tag {
    background-color: #FBBF24 !important;
    color: #111827 !important;
}

/* Session buttons */
.session-type-button {
    background-color: rgba(79, 70, 229, 0.1) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #94A3B8 !important;
}

.session-type-button:hover {
    background-color: rgba(79, 70, 229, 0.2) !important;
    border-color: #4F46E5 !important;
    color: #E2E8F0 !important;
}

.session-type-button.active {
    background-color: #4F46E5 !important;
    border-color: #4F46E5 !important;
    color: #FFFFFF !important;
}

/* Book button */
.btn-base-color {
    background-color: #d5a52b !important;
    color: #000000 !important;
    border: none !important;
}

.btn-base-color:hover {
    background-color: #b8921f !important;
    color: #FFFFFF !important;
}

/* Gift button */
.btn-secondary {
    background-color: transparent !important;
    color: #eaeaea !important;
    border: 1px solid #10B981 !important;
}

.btn-secondary:hover {
    background-color: #10B981 !important;
    color: #FFFFFF !important;
}

/* ===================================
    Reviews Section
====================================== */
/* Review summary box */
.bg-very-light-gray {
    background: linear-gradient(135deg, #1E293B 0%, #111827 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

.text-gray {
    color: #94A3B8 !important;
}

.text-black {
    color: #E2E8F0 !important;
}

/* Progress bars */
.progress {
    background-color: rgba(148, 163, 184, 0.2) !important;
}

.progress-bar.bg-green {
    background-color: #10B981 !important;
}

/* Star rating colors */
.text-golden-yellow {
    color: #FBBF24 !important;
}

.bi-star-fill {
    color: #FBBF24 !important;
}

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

/* Individual reviews */
.review-item {
    border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
}

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

.reviewer-name {
    color: #E2E8F0 !important;
}

/* ===================================
    FAQ Section
====================================== */
.accordion-style-02 .accordion-item {
    background-color: rgba(30, 41, 59, 0.3) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

.accordion-button {
    background-color: transparent !important;
    color: #E2E8F0 !important;
}

.accordion-button:hover {
    background-color: rgba(79, 70, 229, 0.1) !important;
}

.accordion-button:not(.collapsed) {
    background-color: rgba(79, 70, 229, 0.2) !important;
    color: #10B981 !important;
}

.accordion-body {
    color: #94A3B8 !important;
}

/* ===================================
    Skeleton Loaders
====================================== */
.skeleton {
    background: linear-gradient(
        90deg,
        #1E293B 25%,
        #111827 50%,
        #1E293B 75%
    ) !important;
}

/* ===================================
    Form Elements
====================================== */
.form-control,
.form-select {
    background-color: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #E2E8F0 !important;
}

.form-control:focus,
.form-select:focus {
    background-color: #1E293B !important;
    border-color: #4F46E5 !important;
    color: #E2E8F0 !important;
    box-shadow: 0 0 0 0.2rem rgba(79, 70, 229, 0.25) !important;
}

.form-control::placeholder {
    color: #64748B !important;
}

/* ===================================
    Related Programs Section
====================================== */
#relatedProgramsSection {
    background-color: transparent !important;
}

/* Program cards in related section */
.program-card {
    background: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.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;
}

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

/* ===================================
    Scroll Progress
====================================== */
.scroll-progress .scroll-top {
    background: linear-gradient(135deg, #1E293B 0%, #111827 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.48) !important;
}

.scroll-progress .scroll-text {
    color: #E2E8F0 !important;
}

.scroll-progress .scroll-line {
    background-color: rgba(148, 163, 184, 0.3) !important;
}

.scroll-progress .scroll-point {
    background-color: #10B981 !important;
}

/* ===================================
    Calendar Modal Dark Theme
====================================== */
.modal-content {
    background: linear-gradient(135deg, #1E293B 0%, #111827 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.48) !important;
    color: #E2E8F0 !important;
}

.modal-header,
.modal-footer {
    border-color: rgba(148, 163, 184, 0.3) !important;
}

.btn-close-white {
    filter: invert(1);
}

/* Calendar styling */
.fc-theme-standard td,
.fc-theme-standard th {
    border-color: rgba(148, 163, 184, 0.2) !important;
}

.fc-theme-standard .fc-scrollgrid {
    border-color: rgba(148, 163, 184, 0.3) !important;
}

.fc-daygrid-day {
    background-color: rgba(30, 41, 59, 0.3) !important;
}

.fc-daygrid-day:hover {
    background-color: rgba(79, 70, 229, 0.1) !important;
}

.fc-day-today {
    background-color: rgba(79, 70, 229, 0.2) !important;
}

/* ===================================
    Background Color Overrides
====================================== */
.bg-gray {
    background-color: rgba(148, 163, 184, 0.2) !important;
}

.bg-light-gray {
    background-color: rgba(148, 163, 184, 0.3) !important;
}

.bg-white {
    background-color: rgba(30, 41, 59, 0.5) !important;
}

.bg-light {
    background-color: rgba(30, 41, 59, 0.3) !important;
}

/* Tab border styling */
.tab-border.bg-gray {
    background-color: #10B981 !important;
}

/* ===================================
    Miscellaneous
====================================== */
/* Links */
a {
    color: #10B981 !important;
}

a:hover {
    color: #34D399 !important;
}

/* Buttons */
.btn-link {
    color: #10B981 !important;
}

.btn-link:hover {
    color: #34D399 !important;
}

/* Badges */
.badge {
    background-color: #4F46E5 !important;
    color: #FFFFFF !important;
}

/* Alert boxes */
.alert-info {
    background-color: rgba(79, 70, 229, 0.1) !important;
    border-color: #4F46E5 !important;
    color: #E2E8F0 !important;
}

/* Border utilities */
.border-color-extra-medium-gray {
    border-color: rgba(148, 163, 184, 0.3) !important;
}

/* Focus states for accessibility */
*:focus {
    outline-color: #4F46E5 !important;
}

/* Selection color */
::selection {
    background-color: #4F46E5;
    color: #FFFFFF;
}

::-moz-selection {
    background-color: #4F46E5;
    color: #FFFFFF;
}

/* ===================================
    Other Mentor's Programs Section
====================================== */
/* Section background */
#mentorProgramsSection {
    background-color: transparent !important;
}

/* Section title */
#mentorProgramsSection h3,
#mentorProgramsSection h4 {
    color: #E2E8F0 !important;
}

/* Program cards container */
#mentorProgramsList {
    min-height: 200px;
}

/* Program cards - matches portfolioFetch dark theme */
#mentorProgramsList .program-card {
    background: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.48) !important;
    box-shadow: 0 -1px 10px rgb(255 255 255 / 25%), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

#mentorProgramsList .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;
}

/* Program content area dark theme */
#mentorProgramsList .program-content {
    background-color: #111827 !important;
}

/* Program title */
#mentorProgramsList .program-title {
    color: #E2E8F0 !important;
}

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

/* Mentor name link */
#mentorProgramsList .mentor-name {
    color: #10B981 !important;
}

#mentorProgramsList .mentor-name:hover {
    color: #34D399 !important;
}

/* Price styling */
#mentorProgramsList .discounted-price {
    color: #FFFFFF !important;
}

#mentorProgramsList .regular-price {
    color: #64748B !important;
}

#mentorProgramsList .discount-percent {
    color: #EF4444 !important;
}

/* Review count */
#mentorProgramsList .review-count {
    color: #94A3B8 !important;
}

/* Star ratings */
#mentorProgramsList .bi-star-fill {
    color: #FBBF24 !important;
}

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

/* Action buttons */
#mentorProgramsList .btn-view-book,
#mentorProgramsList .btn-gift-session {
    background: rgba(79, 70, 229, 0.1) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #E2E8F0 !important;
}

#mentorProgramsList .btn-view-book:hover {
    background: #4F46E5 !important;
    color: #FFFFFF !important;
    border-color: #4F46E5 !important;
}

#mentorProgramsList .btn-gift-session:hover {
    background: #10B981 !important;
    color: #FFFFFF !important;
    border-color: #10B981 !important;
}

/* Loading skeleton for other programs */
#mentorProgramsList .skeleton {
    background: linear-gradient(
        90deg,
        #1E293B 25%,
        #111827 50%,
        #1E293B 75%
    ) !important;
}

/* No programs message */
.no-programs-message {
    color: #94A3B8 !important;
    background-color: rgba(30, 41, 59, 0.3) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    padding: 20px;
    border-radius: 6px;
    text-align: center;
}