/* ===== MAIN CSS IMPORT FILE ===== */
/* File: /css/main.css */
/* Purpose: Import all CSS components and sections */
/* Dependencies: All component and section CSS files */
/* Last Updated: [CURRENT_DATE] */

/* ===== CSS IMPORTS START ===== */

/* ===== LAYOUTS ===== */
/* @import url('layouts/containers.css'); */ /* REMOVE or FIX */
/* @import url('layouts/responsive.css'); */ /* REMOVE or FIX */

/* ===== UTILITIES ===== */
/* @import url('utilities/typography.css'); */ /* REMOVE or FIX */
/* @import url('utilities/spacing.css'); */ /* REMOVE or FIX */

/* ===== COMPONENTS ===== */
@import url('components/buttons.css');
@import url('components/cards.css');
/* @import url('components/forms.css'); */ /* REMOVE or FIX */
/* @import url('components/grids.css'); */ /* REMOVE or FIX */
@import url('components/placement-cards.css');
/* @import url('components/international-cards.css'); */
@import url('components/community-cards.css'); 
@import url('components/testimonials-cards.css'); 
@import url('components/news-cards.css'); 

/* ===== SECTIONS ===== */


/* ===== PAGES ===== */

/* ===== HOMEPAGE CSS IMPORTS ===== */
@import url('sections/homepage/homepage-hero-section.css');
@import url('sections/homepage/homepage-welcome-section.css');
@import url('sections/homepage/homepage-programs-section.css');
@import url('sections/homepage/homepage-placement-section.css');
@import url('sections/homepage/homepage-testimonials-section.css');
@import url('sections/homepage/homepage-international-section.css');
@import url('sections/homepage/homepage-news-section.css');
@import url('sections/homepage/placement-counter.css');
@import url('components/placement-cards.css');

/* ===== PROGRAMS PAGE CSS IMPORTS ===== 
@import url('sections/programs.css');


@import url('sections/programs/programs-bba.css');
@import url('sections/programs/programs-phd.css');
*/


/* ===== ADMISSION PAGE CSS IMPORTS ===== */
@import url('sections/admission/admission-hero-section.css');
@import url('sections/admission/admission-requirements-section.css');
@import url('sections/admission/admission-procedure-section.css');
@import url('sections/admission/admission-documents-section.css');
@import url('sections/admission/admission-fee-structure-section.css');
@import url('sections/admission/admission-scholarships-section.css');
@import url('sections/admission/admission-loan-options-section.css');
@import url('sections/admission/admission-apply-section.css');
@import url('sections/admission/admission-downloads-section.css');

/* ===== PLACEMENT PAGE IMPORTS ===== *//*
@import url('sections/placement/placement-hero-section.css');
@import url('sections/placement/placement-highlights-section.css');
@import url('sections/placement/placement-statistics-section.css');
@import url('sections/placement/placement-process-section.css');
@import url('sections/placement/placement-recruiters-section.css');
@import url('sections/placement/placement-recent-list-section.css');
@import url('sections/placement/placement-committee-section.css');
@import url('sections/placement/placement-brochure-section.css');
*/

/* ===== PLACEMENT PAGE IMPORTS ===== */
@import url('sections/placement/placement-hero-section.css');
@import url('sections/placement/placement-tabs-navigation.css');
@import url('sections/placement/placement-highlights-section.css');
@import url('sections/placement/placement-statistics-section.css');
@import url('sections/placement/placement-process-section.css');
@import url('sections/placement/placement-recruiters-section.css');
@import url('sections/placement/placement-recent-list-section.css');
@import url('sections/placement/placement-committee-section.css');
@import url('sections/placement/placement-brochure-section.css');
@import url('components/floating-brochure-button.css');

/* ===== FOOTER IMPORT ===== */
@import url('footer.css'); /* ← CHANGED FROM sections/footer.css */

/* ===== GLOBAL STYLES START ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-primary);
    line-height: 1.6;
    color: var(--nsb-text-primary);
    background-color: var(--nsb-background);
    overflow-x: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ===== HEADER HEIGHT VARIABLE ===== */
:root {
    --header-height: 120px; /* Default - will be updated by JS */
}

/* For sticky tab navigation */
main#main-content {
    position: relative;
    z-index: 1;
}

/* ===== ACCESSIBILITY ===== */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    html {
        scroll-behavior: auto;
    }
}

/* ===== FOCUS MANAGEMENT ===== */
:focus {
    outline: 2px solid var(--nsb-accent);
    outline-offset: 2px;
}

/* ===== SELECTION STYLES ===== */
::selection {
    background-color: var(--nsb-accent);
    color: var(--nsb-white);
}

::-moz-selection {
    background-color: var(--nsb-accent);
    color: var(--nsb-white);
}
/* ===== GLOBAL STYLES END ===== */

/* Download Notification Styles */
.download-notification {
    position: fixed;
    left: 30px;
    bottom: 160px;
    background: #28a745;
    color: white;
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    font-family: var(--font-primary);
    font-size: 0.9rem;
    z-index: 10000;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
    animation: slideInUp 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.download-notification i {
    font-size: 1rem;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* Mobile notification positioning */
@media (max-width: 768px) {
    .download-notification {
        left: 15px;
        bottom: 140px;
        font-size: 0.85rem;
        padding: 0.625rem 1rem;
    }
}

/* End of main.css */