/*
Theme Name: LEAP for Justice
Theme URI: https://www.leapforjustice.org/
Description: Official child theme for LEAP for Justice Foundation — a dignified, institutional access-to-justice website built on GeneratePress. Includes the full page set (home, about, why LEAP, our work, get legal help, resources, volunteer, partner, donate, governance, contact), dynamic enquiry forms saved to a custom post type, built-in SEO output, and performance tuning.
Author: LEAP for Justice Foundation
Author URI: https://www.leapforjustice.org/
Template: generatepress
Version: 1.0.0
Requires at least: 6.0
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: leapforjustice
Tags: nonprofit, ngo, custom-menu, custom-logo, featured-images, threaded-comments, right-sidebar, accessibility-ready
*/

/*
 * NOTE
 * ----
 * The complete design lives in /assets/css/leap.css (enqueued from inc/enqueue.php).
 * This file is loaded LAST, after GeneratePress and after leap.css, so anything
 * written here wins. Add your own tweaks at the bottom.
 */

/* --- Neutralise GeneratePress chrome: our templates provide header/footer/layout --- */
.site-header:not(.leap-header),
.site-footer:not(.leap-footer),
#right-sidebar,
#left-sidebar,
.site-info,
.generate-back-to-top { display: none !important; }

#page, #content, .site-content, .content-area, .inside-article {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.separate-containers .site-main,
.separate-containers .inside-article,
.one-container .site-content { margin: 0 !important; padding: 0 !important; }

body.leap { background: var(--cream); }

/* GeneratePress sometimes forces link colour/underline — keep our UI clean */
.leap a { text-decoration: none; }
.leap .entry-content a { text-decoration: underline; text-underline-offset: 3px; }

/* Admin bar offset for the sticky header */
body.admin-bar .site-header.leap-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .site-header.leap-header { top: 46px; } }

/* ===== Your custom CSS below ===== */