/* ===== PGDM EMERGENCY FIXES - PHASE 1 ===== */
/* File: /css/sections/programs/pgdm-fixes.css */
/* Purpose: Fix critical visual issues without changing structure */
/* Applied AFTER programs-pgdm.css */

/* ===== 1. COLOR SCHEME OVERRIDE ===== */
:root {
  /* MBA Color Scheme for PGDM */
  --pgdm-primary: #1a365d;       /* Dark Blue */
  --pgdm-secondary: #2c5282;     /* Medium Blue */
  --pgdm-accent: #d69e2e;        /* Gold/Yellow */
  --pgdm-light: #f7fafc;         /* Light Gray */
  --pgdm-dark: #2d3748;          /* Dark Gray */
  --pgdm-border: #e2e8f0;        /* Border Gray */
}

/* ===== 2. CRITICAL TEXT FIXES ===== */
/* Prevent text overflow */
.program-content-area,
.tab-content-area,
.tab-content,
.common-content-area,
.pgdm-content {
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

/* Fix paragraph spacing */
.program-description-text,
.tab-intro-description,
.highlight-description,
.method-description {
  line-height: 1.6 !important;
  margin-bottom: 1rem !important;
  max-width: 800px !important;
}

/* Headers consistency */
.program-main-title,
.tab-intro-title,
.section-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 1rem !important;
  color: var(--pgdm-primary) !important;
}

/* ===== 3. CURRICULUM TABLE EMERGENCY FIX ===== */
.curriculum-table {
  border-collapse: collapse !important;
  width: 100% !important;
  font-size: 0.95rem !important;
  margin: 1rem 0 !important;
}

.curriculum-table th {
  background: var(--pgdm-primary) !important;
  color: white !important;
  padding: 1rem !important;
  font-weight: 600 !important;
  text-align: left !important;
  border: none !important;
}

.curriculum-table td {
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid var(--pgdm-border) !important;
  vertical-align: top !important;
}

.curriculum-table tr:nth-child(even) {
  background-color: var(--pgdm-light) !important;
}

.curriculum-table tr:hover {
  background-color: rgba(214, 158, 46, 0.05) !important;
}

/* Credit cells emphasis */
.credit-cell,
.total-credits {
  font-weight: 600 !important;
  color: var(--pgdm-accent) !important;
  text-align: center !important;
}

/* ===== 4. SECTION SPACING CONSISTENCY ===== */
.section-spacing {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.section-light {
  background-color: var(--pgdm-light) !important;
  padding: 2rem 0 !important;
}

/* Section headers */
.section-header {
  margin-bottom: 2rem !important;
  text-align: center !important;
}

.section-subtitle {
  color: var(--pgdm-dark) !important;
  max-width: 800px !important;
  margin: 0 auto 1rem !important;
}

/* ===== 5. TAB NAVIGATION CLEANUP ===== */
.program-tabs-section {
  background: white !important;
  border-bottom: 2px solid var(--pgdm-border) !important;
  padding: 1rem 0 !important;
}

.program-tabs {
  gap: 0.5rem !important;
  overflow-x: auto !important;
  padding: 0.5rem 0 !important;
  justify-content: flex-start !important;
}

.program-tab {
  min-width: 220px !important;
  padding: 1rem 1.5rem !important;
  border-radius: 8px !important;
  border: 2px solid var(--pgdm-border) !important;
  background: white !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

.program-tab:hover {
  border-color: var(--pgdm-accent) !important;
  transform: translateY(-2px) !important;
}

/* Active tab colors */
.tab-pgdm.active {
  background: var(--pgdm-primary) !important;
  color: white !important;
  border-color: var(--pgdm-primary) !important;
}

.tab-global.active {
  background: var(--pgdm-secondary) !important;
  color: white !important;
  border-color: var(--pgdm-secondary) !important;
}

.tab-international.active {
  background: #4a5568 !important; /* Dark gray-blue */
  color: white !important;
  border-color: #4a5568 !important;
}

/* ===== 6. FEE TABLE READABILITY ===== */
.fee-wrapper .curriculum-table {
  font-size: 0.9rem !important;
}

.program-fee,
.registration-fee,
.total-amount {
  font-weight: 600 !important;
  color: var(--pgdm-primary) !important;
}

.total-amount {
  font-size: 1.1rem !important;
  color: var(--pgdm-accent) !important;
}

.installment-list li {
  padding: 0.5rem 0 !important;
  border-bottom: 1px dashed var(--pgdm-border) !important;
}

/* ===== 7. CONTENT CARD BASIC STYLING ===== */
/* Apply to all card-like elements */
.tab-intro-section,
.course-section,
.activities-section,
.process-step,
.testimonial-card,
.highlight-card-inner,
.method-card,
.accreditation-card {
  background: white !important;
  border-radius: 8px !important;
  border: 1px solid var(--pgdm-border) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  margin-bottom: 1.5rem !important;
  overflow: hidden !important;
}

/* Card headers */
.course-section h3,
.activities-section h3,
.method-title,
.accreditation-title {
  color: var(--pgdm-primary) !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 1rem !important;
  border-bottom: 2px solid var(--pgdm-accent) !important;
}

/* ===== 8. STUDENT TABLE FIX ===== */
.student-table {
  font-size: 0.9rem !important;
  min-width: 600px !important;
}

.student-table th {
  background: var(--pgdm-secondary) !important;
  color: white !important;
}

.student-table td {
  padding: 0.75rem !important;
}

/* ===== 9. MOBILE EMERGENCY FIXES ===== */
@media (max-width: 768px) {
  /* Tab navigation */
  .program-tabs {
    gap: 0.25rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  .program-tab {
    min-width: 180px !important;
    padding: 0.75rem 1rem !important;
    font-size: 0.9rem !important;
  }
  
  /* Tables */
  .curriculum-table,
  .student-table,
  .fee-wrapper .curriculum-table {
    font-size: 0.85rem !important;
    display: block !important;
    overflow-x: auto !important;
  }
  
  .curriculum-table th,
  .curriculum-table td {
    padding: 0.5rem 0.75rem !important;
  }
  
  /* Spacing */
  .section-spacing {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  /* Text */
  .program-main-title {
    font-size: 1.5rem !important;
  }
  
  .section-title {
    font-size: 1.3rem !important;
  }
  
  /* Cards */
  .tab-intro-section,
  .course-section,
  .activities-section {
    padding: 1.5rem !important;
  }
}

@media (max-width: 480px) {
  .program-tab {
    min-width: 150px !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.85rem !important;
  }
  
  .program-main-title {
    font-size: 1.3rem !important;
  }
}

/* ===== END OF EMERGENCY FIXES ===== */