/*
Theme Name: PMI Lombok Barat
Theme URI: https://pmilombokbarat.or.id/
Author: PT. Rizki Surya Permaisindo
Author URI: https://pmilombokbarat.or.id/
Description: Tema resmi WordPress Palang Merah Indonesia (PMI) Kabupaten Lombok Barat. Dilengkapi Tailwind CSS, animasi halus, integrasi REST API, Customizer setting, template Donasi, Relawan, Layanan UDD & Ambulans.
Version: 1.0.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: pmi-lombok-barat
Tags: two-columns, custom-menu, featured-images, custom-logo, flexbox-grid, theme-options, translation-ready, accessibility-ready

------------------------------------------------------------------
Lombok Barat Humanitarian Theme Core Styles
------------------------------------------------------------------
*/

@keyframes pmiFadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: pmiFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes pmiMarquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: flex;
  width: max-content;
  animation: pmiMarquee 28s linear infinite;
}

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

/* Base typography fixes for WordPress Content */
.entry-content {
  color: #374151;
  font-size: 1.125rem;
  line-height: 1.75;
}

.entry-content p {
  margin-bottom: 1.5rem;
}

.entry-content h2 {
  font-size: 1.875rem;
  font-weight: 800;
  color: #111827;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.entry-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111827;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.entry-content ul, .entry-content ol {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}

.entry-content ul {
  list-style-type: disc;
}

.entry-content ol {
  list-style-type: decimal;
}

.entry-content img {
  border-radius: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  max-width: 100%;
  height: auto;
}