/* ============================================
   Site-wide Font Configuration
   Aneek Malayalam (Anuphan) + Manjari for Malayalam
   Save this as: /css/fonts.css
   Then link in header: <link rel="stylesheet" href="css/fonts.css">
   ============================================ */

/* Import Fonts from Google */
@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100;200;300;400;500;600;700&family=Anek+Malayalam:wght@100;800&family=Manjari:wght@100;400;700&display=swap');

/* ============================================
   Base Font Application
   ============================================ */

/* Apply to all elements */
*,
*::before,
*::after {
    font-family: 'Anuphan','Anek Malayalam','Manjari', -apple-system, BlinkMacSystemFont, 'Segoe UI', 
                 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Body base */
body {
    font-family: 'Anuphan','Anek Malayalam','Manjari', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
}

/* ============================================
   Headings
   ============================================ */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Anuphan','Anek Malayalam','Manjari', sans-serif !important;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 2.5rem;
    font-weight: 700;
}

h2 {
    font-size: 2rem;
    font-weight: 600;
}

h3 {
    font-size: 1.75rem;
    font-weight: 600;
}

h4 {
    font-size: 1.5rem;
    font-weight: 600;
}

h5 {
    font-size: 1.25rem;
    font-weight: 500;
}

h6 {
    font-size: 1rem;
    font-weight: 500;
}

/* ============================================
   Text Elements
   ============================================ */

p, span, div, article, section, aside {
    font-family: 'Anek Malayalam','Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
}

p {
    margin-bottom: 1em;
    line-height: 1.7;
}

strong, b {
    font-weight: 600;
}

em, i {
    font-style: italic;
}

/* ============================================
   Links & Buttons
   ============================================ */

a {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
    font-weight: 500;
    text-decoration: none;
}

button,
.btn,
.button {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* ============================================
   Forms
   ============================================ */

input,
textarea,
select,
option,
label {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
    font-weight: 400;
}

input::placeholder,
textarea::placeholder {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
    font-weight: 300;
}

label {
    font-weight: 500;
}

/* ============================================
   Tables
   ============================================ */

table {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
}

th {
    font-weight: 600;
}

td {
    font-weight: 400;
}

/* ============================================
   Navigation
   ============================================ */

nav,
.navbar,
.nav-menu,
.navigation {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
}

.nav-item,
.nav-link,
.menu-item {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
    font-weight: 500;
}

/* ============================================
   Cards & Components
   ============================================ */

.card,
.card-header,
.card-title,
.card-body,
.card-text,
.card-footer {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
}

.card-title {
    font-weight: 600;
}

/* ============================================
   Admin Panel
   ============================================ */

.admin-panel,
.dashboard,
.admin-header,
.admin-sidebar,
.admin-content {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
}

.sidebar,
.sidebar-item {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
}

.dashboard-card,
.stat-card {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
}

/* ============================================
   Alerts & Notifications
   ============================================ */

.alert,
.notification,
.message,
.toast {
    font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
}

/* ============================================
   Malayalam Specific
   Use Manjari font for better Malayalam rendering
   ============================================ */

/* Malayalam language attribute */
[lang="ml"] {
    font-family: 'Anek Malayalam','Manjari', 'Anuphan', sans-serif !important;
    font-weight: 400;
}

/* Malayalam class names */
.malayalam,
.ml,
.kerala {
    font-family: 'Anek Malayalam','Manjari', 'Anuphan', sans-serif !important;
}

/* Malayalam content fields */
.name-ml,
.name_ml,
.title-ml,
.title_ml,
.description-ml,
.description_ml,
.content-ml,
.content_ml,
.message-ml,
.message_ml {
    font-family: 'Anek Malayalam','Manjari', 'Anuphan', sans-serif !important;
    font-weight: 400;
    line-height: 1.8;
}

/* Malayalam headings */
h1[lang="ml"],
h2[lang="ml"],
h3[lang="ml"],
h4[lang="ml"],
h5[lang="ml"],
h6[lang="ml"] {
    font-family: 'Anek Malayalam','Manjari', 'Anuphan', sans-serif !important;
    font-weight: 700;
}

/* ============================================
   Utility Classes
   ============================================ */

.font-light {
    font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

/* ============================================
   Responsive Font Sizes
   ============================================ */

@media (max-width: 768px) {
    body {
        font-size: 15px;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.75rem;
    }
    
    h3 {
        font-size: 1.5rem;
    }
    
    h4 {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 14px;
    }
    
    h1 {
        font-size: 1.75rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }
}

/* ============================================
   Print Styles
   ============================================ */

@media print {
    body {
        font-family: 'Anek Malayalam','Anuphan', 'Manjari', sans-serif !important;
    }
}