/*
Theme Name: Musholla "Nurul Islam" Al-Asmariyah
Theme URI: https://nurulislam-alasmariyah.id
Author: DKM Musholla "Nurul Islam" Al-Asmariyah
Author URI: https://nurulislam-alasmariyah.id
Description: Tema Resmi WordPress & Elementor Musholla "Nurul Islam" Al-Asmariyah. Alamat: Kp. Pedaengan RT 004 / RW 08, Kel. Penggilingan, Kec. Cakung, Jakarta Timur, DKI Jakarta. Dilengkapi template halaman Beranda Lengkap, Profil DKM, Jadwal Majelis Taklim, Tracking Progres Pembangunan Tahap 2, dan Sistem Donasi/Wakaf Transparan (BCA 2060641938 a.n Cucu Imanda Candra Kiran | WA: 085716681768 Bpk. Embong).
Version: 2.6.0
Requires at least: 5.9
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: nurul-islam-al-asmariyah
Tags: elementor, custom-background, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready, islamic, donation, mosque, cakung
*/

:root {
  --primary: #064e3b;
  --primary-dark: #022c22;
  --accent: #f59e0b;
  --accent-light: #fef3c7;
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  margin: 0;
  padding: 0;
  color: #1e293b;
  background-color: #f8fafc;
  line-height: 1.6;
}

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

/* Smooth Running Text / Marquee Animation */
@keyframes marqueeScroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.running-marquee {
  display: inline-block;
  white-space: nowrap;
  animation: marqueeScroll 25s linear infinite;
}

.running-marquee:hover {
  animation-play-state: paused;
}

.bca-card {
  background: linear-gradient(135deg, #0d3b66 0%, #001e3d 100%);
  border: 2px solid #3a86ff;
  border-radius: 1.25rem;
  padding: 1.5rem;
  color: white;
  box-shadow: 0 10px 25px -5px rgba(0, 30, 61, 0.4);
}

.btn-wa {
  background-color: #25d366;
  color: white;
  font-weight: 700;
  border-radius: 0.75rem;
  padding: 0.75rem 1.25rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.btn-wa:hover {
  background-color: #1ebc57;
  transform: translateY(-2px);
}