/*
Theme Name: YounPouLòt
Theme URI: https://younpoulot.org
Author: YounPouLòt
Author URI: https://younpoulot.org
Description: Campaign fundraising theme for YounPouLòt. Create unlimited Campaign pages with editable sections (hero, timeline, donation, aid-request/volunteer/sponsor forms, stories, FAQ), a form-field builder, a built-in submissions database with case management, plus standard templates for pages, posts, archives, and search.
Version: 3.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: younpoulot
Tags: one-column, custom-menu, translation-ready
*/

body { margin: 0; background: oklch(0.995 0.002 90); overflow-x: hidden; font-family: 'Work Sans', sans-serif; color: oklch(0.16 0.01 260); line-height: 1.5; }
* { box-sizing: border-box; }
a { color: oklch(0.42 0.15 260); }
a:hover { color: oklch(0.52 0.19 25); }
#tps, #help, #donate, #share, #testimonials, #volunteer, #faq { scroll-margin-top: 124px; }

/* Inner pages (posts, pages, archives) */
.ypl-inner { max-width: 720px; margin: 0 auto; padding: 64px 24px 96px; }
.ypl-inner h1.entry-title { font-size: clamp(30px, 4vw, 42px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; margin: 0 0 24px; }
.ypl-inner h2 { font-size: 26px; font-weight: 800; letter-spacing: -0.01em; margin: 40px 0 12px; }
.ypl-inner h3 { font-size: 20px; font-weight: 700; margin: 32px 0 10px; }
.ypl-inner p, .ypl-inner li { font-size: 16.5px; line-height: 1.75; color: oklch(0.3 0.01 260); }
.ypl-inner img { max-width: 100%; height: auto; border-radius: 10px; }
.ypl-inner blockquote { border-left: 3px solid oklch(0.52 0.19 25); margin: 24px 0; padding: 4px 0 4px 20px; color: oklch(0.35 0.01 260); }
.ypl-meta { font-size: 13.5px; font-weight: 600; color: oklch(0.45 0.01 260); margin-bottom: 32px; }
.ypl-card-list article { border: 1px solid oklch(0.88 0.005 90); background: white; border-radius: 10px; padding: 26px 28px; margin-bottom: 20px; }
.ypl-card-list article h2 { margin: 0 0 8px; font-size: 21px; }
.ypl-card-list article h2 a { text-decoration: none; color: oklch(0.16 0.01 260); }
.ypl-card-list article h2 a:hover { color: oklch(0.42 0.15 260); }
.ypl-btn { display: inline-block; background: oklch(0.42 0.15 260); color: white !important; padding: 12px 26px; border-radius: 6px; font-weight: 700; font-size: 15px; text-decoration: none; }
.wp-block-button__link { background: oklch(0.42 0.15 260); border-radius: 6px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 4px 24px 12px 0; }
.alignright { float: right; margin: 4px 0 12px 24px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.ypl-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 40px; font-weight: 600; }

/* Responsive rules shared with the front page */
  @media (max-width: 900px) {
    .nav-links { display: none !important; }
    .nav-burger { display: flex !important; }
    .two-col { grid-template-columns: 1fr !important; }
    .alert-banner { font-size: 12px !important; padding: 8px 14px !important; }
    .hero-stats { flex-wrap: wrap !important; gap: 24px !important; }
    .timeline-row { grid-template-columns: 90px 1fr !important; }
  }
  @media (max-width: 600px) {
    .sec-pad { padding-left: 20px !important; padding-right: 20px !important; padding-top: 48px !important; padding-bottom: 48px !important; }
    .nav-pad { padding-left: 18px !important; padding-right: 18px !important; }
    .hero-pad { padding: 56px 20px 36px !important; }
    .card-pad { padding: 20px !important; }
    .form-row-2 { grid-template-columns: 1fr !important; }
    .footer-form { flex-direction: column !important; }
    .footer-form button { width: 100% !important; }
    .hero-stats { gap: 20px !important; justify-content: space-between !important; }
    .alert-banner { font-size: 11px !important; padding: 7px 12px !important; }
  }