/* Local Poppins Font Faces for PWA Compatibility */
/* assets/css/fonts.css - Daddla Local Fonts */

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Global Font Stack for Maximum Compatibility */
:root {
    --font-family-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --font-family-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

/* Apply Poppins globally with robust fallbacks */
* {
    font-family: var(--font-family-primary);
}

body {
    font-family: var(--font-family-primary);
}

/* Ensure all common elements use consistent font */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-primary);
}

button, input, select, textarea {
    font-family: var(--font-family-primary);
}

.btn, .button {
    font-family: var(--font-family-primary);
}

/* Modal and overlay elements */
.modal, .modal * {
    font-family: var(--font-family-primary);
}

/* Tab elements */
.tab, .tab * {
    font-family: var(--font-family-primary);
}

/* Profile cards and components */
.profile-card, .profile-card * {
    font-family: var(--font-family-primary);
}

/* Chat and messaging */
.chat-container, .chat-container * {
    font-family: var(--font-family-primary);
}

/* Navigation elements */
.navigation, .navigation * {
    font-family: var(--font-family-primary);
}

/* Form elements */
.form-group, .form-control, .form-label {
    font-family: var(--font-family-primary);
}

/* PWA specific optimization */
@media (display-mode: standalone) {
    * {
        font-family: var(--font-family-primary) !important;
    }
}

/* Mobile optimization */
@media (max-width: 768px) {
    * {
        font-family: var(--font-family-primary);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}