/*
Theme Name:  Reyan Theme
Theme URI:   https://reyanfernando.com
Author:      Pixel & Pine
Author URI:  https://pixelnpine.com/
Description: Custom lightweight theme for Reyan Fernando. Owns the site header & footer directly in PHP (no Elementor / Header-Footer-Elementor dependency) so the site chrome never inherits or fights plugin CSS. Page body content is still rendered by Elementor via the_content().
Version:     1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: reyan-theme
*/

/* ==========================================================================
   Minimal reset (replaces hello-elementor's reset; keep it tiny + predictable)
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  color: #1c1c1e; background: #ffffff; line-height: 1.6;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
img, svg { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote { margin: 0; }
ul[class] { list-style: none; padding: 0; }
button { font: inherit; }

/* ==========================================================================
   Theme-level overrides on the shared reyan.css chrome
   ========================================================================== */
/* In a real theme the header lives in normal flow, so make it sticky (not a
   fixed overlay) — it stays visible on scroll without covering page content. */
.rf-nav { position: sticky; }

/* the Elementor-rendered page body sits between the sticky header and footer */
.rf-site-main { display: block; min-height: 40vh; }

/* plain (non-Elementor) content gets breathing room below the sticky header */
.rf-content { padding: 64px 0 80px; }
.rf-content h1, .rf-content h2, .rf-content h3 { font-family: "Sora", sans-serif; margin-bottom: .6em; }
.rf-content p { margin-bottom: 1.1em; }