/*
Theme Name: PWNU NTB Theme
Theme URI: https://lombokfokus.com/dika/
Author: PT. Rizki Surya Permaisindo
Author URI: https://lombokfokus.com/dika/
Description: Tema WordPress Resmi Pengurus Wilayah Nahdlatul Ulama (PWNU) Nusa Tenggara Barat Masa Khidmat 2025–2030. Mengusung konsep Official Institutional Website, Islamic Organization, dan Modern Editorial News Portal.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
Text Domain: pwnu-ntb-theme
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, news, religious
*/

/* =========================================================
   DESIGN SYSTEM & CSS VARIABLES
   ========================================================= */
:root {
    --nu-green-deep: #023B27;
    --nu-green-dark: #045B35;
    --nu-green-primary: #087443;
    --nu-green-600: #16a34a;
    --nu-green-700: #15803d;
    --nu-green-800: #166534;
    --nu-green-900: #14532d;
    --nu-green-50: #f0fdf4;
    --nu-green-100: #dcfce7;
    --nu-green-200: #bbf7d0;
    
    --nu-gold: #C9A227;
    --nu-gold-light: #E7D58A;
    --nu-gold-dark: #b45309;
    
    --dark-charcoal: #1F2937;
    --muted-color: #6B7280;
    --off-white: #F8FAF8;
}

body {
    font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
    background-color: var(--off-white);
    color: var(--dark-charcoal);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

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

/* Islamic Geometric Pattern Background */
.islamic-pattern {
    background-color: var(--nu-green-deep);
    background-image: radial-gradient(#15803d 0.75px, transparent 0.75px), radial-gradient(#15803d 0.75px, var(--nu-green-deep) 0.75px);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}

/* Glassmorphism Utilities */
.glass-effect {
    background: rgba(2, 59, 39, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-card {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.shadow-soft {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.gradient-gold {
    background: linear-gradient(90deg, #C9A227, #E7D58A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Scrollbar Utility */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* WordPress Core Alignment Classes */
.alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; }