/* =========================================================== */
/* ===== PHD PROGRAM CSS START ============================== */
/* =========================================================== */
/* File: /css/sections/programs/programs-phd.css             */
/* Purpose: PhD program page specific styles                 */
/* Design: Based on BBA CSS with PhD color scheme            */
/* Colors: Dark gray-blue (#37474F) with amber accent (#FFB300) */
/* Structure: Extends programs-bba.css with PhD overrides    */
/* Responsive: Mobile-first, breakpoints at 1024, 768, 480px */
/* Dependencies: programs-bba.css for base styles            */
/* Last Updated: 2024-01-15                                  */
/* =========================================================== */

/* =========================================================== */
/* ===== PHD COLOR OVERRIDES START ========================== */
/* =========================================================== */
/* Override BBA colors with PhD-specific color scheme */
.section-primary {
    background: linear-gradient(135deg, var(--phd-primary, #37474F) 0%, var(--phd-dark, #263238) 100%) !important;
}

.program-title {
    color: var(--phd-primary, #37474F);
}

.section-header .program-title {
    color: var(--phd-primary, #37474F);
}

.component-title,
.section-title {
    color: var(--phd-primary, #37474F);
}

/* Accent color overrides */
.key-point-bullet,
.course-bullet,
.highlight-check::after,
.eligibility-list li::before,
.fee-list li.highlight-fee,
.stat-card {
    background-color: var(--phd-accent, #FFB300) !important;
}

.highlight-number,
.specialization-header,
.curriculum-table th,
.accreditation-card:hover {
    background-color: var(--phd-primary, #37474F) !important;
}

.highlight-card:hover,
.specialization-card:hover,
.industry-component:hover,
.accreditation-card:hover {
    border-color: var(--phd-accent, #FFB300) !important;
}

.btn-accent {
    background: var(--phd-accent, #FFB300) !important;
    border-color: var(--phd-accent, #FFB300) !important;
    color: var(--nsb-dark, #000000) !important;
}

.btn-accent:hover {
    background: #E6A100 !important;
    border-color: #E6A100 !important;
}
/* ===== PHD COLOR OVERRIDES END ============================ */


/* =========================================================== */
/* ===== FACULTY EXPERTISE SECTION START ==================== */
/* =========================================================== */
.faculty-expertise-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.expertise-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--nsb-white);
    border-radius: 8px;
    border-left: 4px solid var(--phd-primary, #37474F);
    box-shadow: 0 4px 12px rgba(55, 71, 79, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.expertise-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(55, 71, 79, 0.12);
}

.expertise-number {
    background: var(--phd-primary, #37474F);
    color: var(--nsb-white);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semi-bold);
    font-size: 1rem;
    flex-shrink: 0;
}

.expertise-text {
    font-family: var(--font-secondary);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--nsb-text-primary);
    margin: 0;
}
/* ===== FACULTY EXPERTISE SECTION END ====================== */


/* =========================================================== */
/* ===== RESEARCH FACILITIES SECTION START ================== */
/* =========================================================== */
.facilities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.facility-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--nsb-white);
    border-radius: 6px;
    border: 1px solid var(--nsb-light);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.facility-item:hover {
    transform: translateY(-2px);
    border-color: var(--phd-accent, #FFB300);
}

.facility-check {
    width: 24px;
    height: 24px;
    background: var(--phd-accent, #FFB300);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.facility-check::after {
    content: "✓";
    color: var(--nsb-dark);
    font-size: 0.9rem;
    font-weight: bold;
}

.facility-text {
    font-family: var(--font-secondary);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--nsb-text-primary);
}
/* ===== RESEARCH FACILITIES SECTION END ==================== */


/* =========================================================== */
/* ===== PROGRAM BENEFITS SECTION START ===================== */
/* =========================================================== */
.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.benefit-card {
    background: var(--nsb-white);
    border-radius: 8px;
    padding: 1.5rem;
    text-align: center;
    border: 2px solid var(--phd-primary, #37474F);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(55, 71, 79, 0.15);
    border-color: var(--phd-accent, #FFB300);
}

.benefit-number {
    background: var(--phd-primary, #37474F);
    color: var(--nsb-white);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.benefit-text {
    font-family: var(--font-secondary);
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--nsb-text-primary);
    margin: 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
/* ===== PROGRAM BENEFITS SECTION END ======================= */


/* =========================================================== */
/* ===== PHD-SPECIFIC TABLE STYLES START ==================== */
/* =========================================================== */
/* Research Publication Table */
.research-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-family: var(--font-secondary);
}

.research-table th {
    background: var(--phd-primary, #37474F);
    color: var(--nsb-white);
    padding: 1rem;
    text-align: left;
    font-weight: var(--font-weight-semi-bold);
    border-bottom: 3px solid var(--phd-accent, #FFB300);
}

.research-table td {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--nsb-light);
    vertical-align: top;
}

.research-table tr:nth-child(even) {
    background-color: var(--table-alternate-row, #F5F7FA);
}

.research-table tr:hover {
    background-color: rgba(255, 179, 0, 0.05);
}

.research-table .highlight {
    background-color: rgba(255, 179, 0, 0.1);
    font-weight: var(--font-weight-semi-bold);
}
/* ===== PHD-SPECIFIC TABLE STYLES END ====================== */


/* =========================================================== */
/* ===== RESEARCH AREAS ENHANCEMENTS START ================== */
/* =========================================================== */
/* Override specializations component for research areas */
.program-specializations-section .specialization-header {
    background: var(--phd-primary, #37474F) !important;
}

.program-specializations-section .specialization-card:hover {
    border-color: var(--phd-accent, #FFB300) !important;
}

.program-specializations-section .detail-list li::before {
    color: var(--phd-accent, #FFB300) !important;
}

.research-topics {
    margin-top: 1rem;
    padding-left: 1.5rem;
}

.research-topics h4 {
    font-family: var(--font-primary);
    font-size: 1rem;
    color: var(--phd-primary, #37474F);
    margin-bottom: 0.5rem;
    font-weight: var(--font-weight-semi-bold);
}

.research-topics ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.research-topics li {
    padding: 0.25rem 0;
    padding-left: 1.25rem;
    position: relative;
    font-family: var(--font-secondary);
    font-size: 0.95rem;
    color: var(--nsb-text-secondary);
}

.research-topics li::before {
    content: "›";
    color: var(--phd-accent, #FFB300);
    position: absolute;
    left: 0;
    font-weight: bold;
}
/* ===== RESEARCH AREAS ENHANCEMENTS END ==================== */


/* =========================================================== */
/* ===== RESPONSIVE DESIGN START ============================ */
/* =========================================================== */
/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .faculty-expertise-grid,
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
    
    .facilities-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .expertise-item,
    .benefit-card {
        padding: 1.125rem;
    }
}

/* Mobile (480px - 768px) */
@media (max-width: 768px) {
    .faculty-expertise-grid,
    .benefits-grid,
    .facilities-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .expertise-item {
        padding: 1rem;
    }
    
    .benefit-card {
        max-width: 350px;
        margin: 0 auto;
    }
    
    .facility-item {
        padding: 0.875rem;
    }
    
    /* Adjust font sizes for mobile */
    .program-faculty-section .program-title-medium,
    .program-facilities-section .program-title-medium,
    .program-benefits-section .program-title-medium {
        font-size: 1.75rem;
    }
    
    .expertise-text,
    .facility-text,
    .benefit-text {
        font-size: 0.95rem;
    }
}

/* Small Mobile (below 480px) */
@media (max-width: 480px) {
    .faculty-expertise-grid,
    .benefits-grid,
    .facilities-grid {
        gap: 0.875rem;
    }
    
    .expertise-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.875rem;
    }
    
    .expertise-number {
        width: 28px;
        height: 28px;
        font-size: 0.9rem;
    }
    
    .benefit-card {
        padding: 1.25rem;
    }
    
    .benefit-number {
        width: 36px;
        height: 36px;
        font-size: 1.1rem;
    }
    
    .facility-item {
        padding: 0.75rem;
    }
    
    .facility-check {
        width: 20px;
        height: 20px;
    }
    
    .facility-check::after {
        font-size: 0.8rem;
    }
}
/* ===== RESPONSIVE DESIGN END ============================== */


/* =========================================================== */
/* ===== ANIMATIONS START =================================== */
/* =========================================================== */
/* PhD-specific animations */
@keyframes phdFadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes phdPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 179, 0, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 179, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 179, 0, 0);
    }
}

/* Staggered animations for PhD sections */
.program-faculty-section .expertise-item:nth-child(1) { animation: phdFadeInUp 0.6s ease 0.1s both; }
.program-faculty-section .expertise-item:nth-child(2) { animation: phdFadeInUp 0.6s ease 0.2s both; }
.program-faculty-section .expertise-item:nth-child(3) { animation: phdFadeInUp 0.6s ease 0.3s both; }
.program-faculty-section .expertise-item:nth-child(4) { animation: phdFadeInUp 0.6s ease 0.4s both; }
.program-faculty-section .expertise-item:nth-child(5) { animation: phdFadeInUp 0.6s ease 0.5s both; }
.program-faculty-section .expertise-item:nth-child(6) { animation: phdFadeInUp 0.6s ease 0.6s both; }

.program-benefits-section .benefit-card:nth-child(1) { animation: phdFadeInUp 0.6s ease 0.1s both; }
.program-benefits-section .benefit-card:nth-child(2) { animation: phdFadeInUp 0.6s ease 0.2s both; }
.program-benefits-section .benefit-card:nth-child(3) { animation: phdFadeInUp 0.6s ease 0.3s both; }
.program-benefits-section .benefit-card:nth-child(4) { animation: phdFadeInUp 0.6s ease 0.4s both; }
.program-benefits-section .benefit-card:nth-child(5) { animation: phdFadeInUp 0.6s ease 0.5s both; }

/* Pulsing effect for important elements */
.benefit-number,
.expertise-number {
    animation: phdPulse 2s infinite;
}
/* ===== ANIMATIONS END ===================================== */


/* =========================================================== */
/* ===== PRINT STYLES START ================================= */
/* =========================================================== */
@media print {
    /* Remove animations and hover effects */
    .expertise-item,
    .benefit-card,
    .facility-item,
    .specialization-card {
        animation: none !important;
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        page-break-inside: avoid;
    }
    
    /* Ensure proper contrast for print */
    .program-title,
    .section-title,
    .component-title {
        color: #000 !important;
    }
    
    /* Remove background colors for print */
    .section-primary {
        background: #fff !important;
        color: #000 !important;
    }
    
    .expertise-number,
    .benefit-number,
    .specialization-header {
        background: #f0f0f0 !important;
        color: #000 !important;
        border: 1px solid #ddd !important;
    }
    
    /* Adjust spacing for print */
    .faculty-expertise-grid,
    .benefits-grid,
    .facilities-grid {
        gap: 0.5rem !important;
    }
}
/* ===== PRINT STYLES END =================================== */


/* =========================================================== */
/* ===== ACCESSIBILITY ENHANCEMENTS START =================== */
/* =========================================================== */
/* Focus styles for PhD interactive elements */
.expertise-item:focus-within,
.benefit-card:focus-within,
.facility-item:focus-within {
    outline: 2px solid var(--phd-accent, #FFB300);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .expertise-item,
    .benefit-card,
    .facility-item {
        border: 2px solid #000;
    }
    
    .expertise-number,
    .benefit-number {
        border: 2px solid #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .expertise-item,
    .benefit-card,
    .facility-item,
    .specialization-card {
        animation: none !important;
        transition: none !important;
    }
    
    .benefit-number,
    .expertise-number {
        animation: none !important;
    }
}
/* ===== ACCESSIBILITY ENHANCEMENTS END ===================== */


/* =========================================================== */
/* ===== PHD PROGRAM CSS END ================================ */
/* =========================================================== */