/*
Theme Name: DATAQU Imam Syafi'i Lhokseumawe
Theme URI: https://dataqu.sch.id
Author: CerdasWeb Indonesia
Author URI: https://www.cerdasweb.com/
Description: Tema WordPress Resmi Dayah Tahfidzul Qur'an (DATAQU) Imam Syafi'i Lhokseumawe (Yayasan Hamalatul Qur'an Imam Syafi'i). Tema modern, responsif, berkecepatan tinggi, dan 100% dinamis dengan arsitektur Zero Hardcoded Content. Dilengkapi Customizer canggih, Native Meta Boxes, Custom Post Types (Asatidz, Fasilitas, Galeri, Pengumuman, Testimoni), Tailwind CSS styling, dan dukungan penuh transliterasi/teks Arab. Dikembangkan secara profesional oleh CerdasWeb Indonesia.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dataqu
Tags: custom-background, custom-logo, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, education, islamic-school, tahfidz, modern-ui, responsive
*/

/* ==========================================================================
   Root Variables & Base Typography
   ========================================================================== */
:root {
    --color-primary: #064e3b;
    --color-primary-dark: #022c22;
    --color-primary-light: #059669;
    --color-emerald-500: #10b981;
    --color-emerald-400: #34d399;
    --color-emerald-50: #ecfdf5;
    
    --color-amber-500: #f59e0b;
    --color-amber-400: #fbbf24;
    --color-amber-600: #d97706;
    --color-amber-50: #fffbeb;
    
    --color-teal-600: #0d9488;
    --color-teal-500: #14b8a6;
    
    --color-slate-900: #0f172a;
    --color-slate-950: #03150d;
    --color-slate-800: #1e293b;
    --color-slate-700: #334155;
    --color-slate-600: #475569;
    --color-slate-500: #64748b;
    --color-slate-100: #f1f5f9;
    --color-slate-50: #f8fafc;
    
    --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-arabic: 'Amiri', 'Traditional Arabic', serif;
}

html {
    scroll-behavior: smooth;
    font-family: var(--font-sans);
    color: var(--color-slate-800);
    background-color: var(--color-slate-50);
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    line-height: 1.6;
}

.font-arabic {
    font-family: var(--font-arabic);
}

/* ==========================================================================
   Article Typography & Paragraph Spacing
   ========================================================================== */
.prose {
    color: #334155;
    font-size: 1.0625rem;
    line-height: 1.85;
    word-break: break-word;
}

.prose p {
    margin-top: 0;
    margin-bottom: 1.5rem !important;
    line-height: 1.85;
}

.prose p:last-child {
    margin-bottom: 0 !important;
}

.prose h2, .prose h3, .prose h4 {
    color: #0f172a;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.prose ul, .prose ol {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    padding-left: 1.75rem;
}

.prose li {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    line-height: 1.75;
}

.prose blockquote {
    font-style: italic;
    color: #064e3b;
    border-left: 4px solid #059669;
    background-color: #ecfdf5;
    padding: 1rem 1.25rem;
    border-radius: 0 0.75rem 0.75rem 0;
    margin: 1.75rem 0;
}

/* Facilities Sidebar Responsive Mobile Fix */
.facility-sidebar {
    position: relative !important;
    top: auto !important;
}

@media (min-width: 1024px) {
    .facility-sidebar {
        position: sticky !important;
        top: 6.5rem !important;
    }
}

[id^="fasilitas-"] {
    scroll-margin-top: 6.5rem;
}

/* Facility Card Image Responsive Styling */
.facility-card-image {
    width: 100% !important;
    height: 15rem !important;
}
@media (min-width: 640px) {
    .facility-card-image {
        height: 17rem !important;
    }
}
@media (min-width: 768px) {
    .facility-card-image {
        width: 41.666667% !important;
        height: auto !important;
        min-height: 280px !important;
    }
}