/* ============================================
   GLOBAL LAYOUT & CONTAINER FIXES
   ============================================ */

/* Ensure all containers use full width with padding */
.container-fluid {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* For full-bleed sections that need edge-to-edge */
.container-full {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Standard container with better defaults */
.container {
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

/* Main content wrapper */
main {
  min-height: calc(100vh - 180px);
}

/* Navbar container fix */
.navbar-modern .container-fluid {
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

/* Footer container fix */
.footer-modern .container-fluid {
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

/* Responsive container widths */
@media (max-width: 1200px) {
  .container-fluid,
  .navbar-modern .container-fluid,
  .footer-modern .container-fluid {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 768px) {
  .container-fluid,
  .navbar-modern .container-fluid,
  .footer-modern .container-fluid,
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ============================================
   General Course Page Styles
   ============================================ */
.course-container {
    padding: 1.5rem;
}

.course-main-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    align-items: start;
}

.course-header-redesign {
    grid-column: 1 / -1;
}

.course-main-content-redesign {
    grid-column: 1 / 2;
}

.course-sticky-sidebar-redesign {
    grid-column: 2 / 3;
    position: sticky;
    top: var(--navbar-height, 60px);
}



.course-title-redesign {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

.course-summary-redesign {
    font-size: 1.05rem;
    color: #6c757d;
}

.course-meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.course-instructor {
    font-weight: 500;
}

.course-image-container {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.course-image-redesign {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.course-section-redesign {
    margin-bottom: 2rem;
}

.section-title-redesign {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid #eee;
}

/* Learning Objectives & Requirements */
.learning-objectives-redesign,
.requirements-redesign,
.description-redesign {
    font-size: 1rem;
    line-height: 1.6;
}

.learning-objectives-redesign ul,
.requirements-redesign ul {
    list-style-type: none;
    padding-left: 0;
}

.learning-objectives-redesign li,
.requirements-redesign li {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: flex-start;
}

.learning-objectives-redesign li i,
.requirements-redesign li i {
    color: #0d6efd;
    margin-right: 10px;
    margin-top: 5px;
}


/* Course Content Accordion */
.accordion-item {
    border: 1px solid #dee2e6;
    margin-bottom: 0.5rem;
    border-radius: 5px;
}

.accordion-header .d-flex{
    width:100%;
}

.accordion-header .d-flex .accordion-button{
    flex:1 1 auto;
    text-align:left;
}

.open-chapter-btn{
    margin-left:0.75rem;
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-button {
    font-weight: 600;
    color: #333;
    background-color: #f8f9fa;
}

.accordion-button:not(.collapsed) {
    background-color: #e9ecef;
    box-shadow: none;
}

.accordion-body {
    padding: 1rem;
}

.lesson-list-redesign {
    list-style-type: none;
    padding-left: 0;
}

.lesson-list-redesign li {
    margin-bottom: 0.5rem;
}

.lesson-list-redesign a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    transition: background-color 0.2s;
}

.lesson-list-redesign a:hover {
    background-color: #f1f3f5;
}

.lesson-list-redesign i {
    margin-right: 10px;
    color: #0d6efd;
}



.course-enroll-card {
    background-color: #f8f9fa;
    padding: 1.25rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    text-align: center;
}

.course-price-redesign {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.course-meta-details ul {
    list-style-type: none;
    padding-left: 0;
    text-align: left;
    margin-top: 1.25rem;
}

.course-meta-details li {
    margin-bottom: 0.6rem;
    display: flex;
    align-items: center;
    font-size: 0.95rem;
}

.course-meta-details i {
    color: #0d6efd;
    margin-right: 8px;
}