@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --primary-emerald: #065f46;
    --accent-gold: #d4af37;
    --bg-offwhite: #f9fafb;
}

body {
    font-family: 'Hind Siliguri', sans-serif;
    background-color: var(--bg-offwhite);
    color: #1f2937;
    scroll-behavior: smooth;
}

.arabic-text {
    font-family: 'Amiri', serif;
    direction: rtl;
}

.hero-gradient {
    background: linear-gradient(135deg, var(--primary-emerald) 0%, #064e3b 100%);
}

.card-hover {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #065f46;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #064e3b;
}

@media print {
    .no-print, header, footer, #search-overlay, #mobile-menu {
        display: none !important;
    }
    body {
        background-color: white;
        font-size: 12pt;
    }
    .print-break-inside-avoid {
        break-inside: avoid;
    }
    .container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    main {
        padding: 0 !important;
    }
    /* Expand all FAQ or details if needed for print */
    .hidden {
        display: block !important;
    }
}