/*
Theme Name:  HReasily 2026
Theme URI:   https://hreasily.com/
Author:      HReasily
Description: The 2026 HReasily website — a classic PHP theme carrying the design-comp markup verbatim, with every page section also registered as a Gutenberg block pattern so marketing can assemble and edit pages in the editor.
Version:     1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License:     Proprietary
Text Domain: hreasily-2026
Tags:        one-column, custom-logo, custom-menu, block-patterns, full-width-template
*/

/*
 * Presentation lives in assets/css/base.css (the shared design system) plus one
 * stylesheet per page in assets/css/pages/. This file exists for the WordPress
 * theme header only — see inc/enqueue.php for what actually loads.
 */

/* ------------------------------------------------------------------
   Theme chrome
   The comps carried these few rules as inline style attributes on the
   nav and footer. They are classes here so the markup stays clean and
   the nav can be driven by a WordPress menu.
   ------------------------------------------------------------------ */

.nav-actions{display:flex;gap:10px;align-items:center}
.nav-login{font-size:14.5px;font-weight:600;color:var(--muted)}
.nav-login:hover{color:var(--ink)}

.custom-logo-link,.logo{display:inline-flex;align-items:center}
.custom-logo,.logo img{height:34px;width:auto;display:block}

/* WordPress emits <p> and <br> inside menu items in some configurations;
   .nlinks lays out its children with flex, so keep anchors as the only child. */
.nlinks > p{display:contents;margin:0}

/* ------------------------------------------------------------------
   WordPress-only surfaces the comps never covered: posts, archives,
   search and 404. Built from the same tokens so they do not look
   bolted on.
   ------------------------------------------------------------------ */

.hr-postlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.hr-postcard{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:0 0 22px}
.hr-postcard img{width:100%;height:auto;display:block;margin-bottom:18px}
.hr-postcard .eyebrow,.hr-postcard h2,.hr-postcard p{padding:0 20px}
.hr-postcard h2{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:8px 0 10px;line-height:1.25}
.hr-postcard h2 a:hover{color:var(--red)}
.hr-postcard p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0}

.hr-article{max-width:720px;font-size:17px;line-height:1.7;color:#D7CFC8}
.hr-article h2,.hr-article h3{color:var(--ink);letter-spacing:-.02em;margin:34px 0 12px}
.hr-article h2{font-size:28px}
.hr-article h3{font-size:21px}
.hr-article p{margin-bottom:18px}
.hr-article a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.hr-article img,.hr-article figure{max-width:100%;height:auto;border-radius:14px}
.hr-article blockquote{border-left:3px solid var(--red);padding-left:20px;margin:26px 0;color:var(--ink)}
.hr-article ul,.hr-article ol{margin:0 0 18px 22px}
.hr-article li{margin-bottom:8px}

.pagination,.page-links{display:flex;gap:10px;justify-content:center;margin-top:44px;font-family:'Sora';font-weight:600;font-size:14px}
.pagination .page-numbers{border:1px solid var(--line2);border-radius:9px;padding:9px 14px;color:var(--muted)}
.pagination .page-numbers:hover,.pagination .page-numbers.current{color:var(--ink);border-color:var(--ink)}

/* Accessible skip link — visible only once focused. */
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:fixed;top:12px;left:12px;z-index:100;width:auto;height:auto;clip:auto;margin:0;padding:12px 18px;border-radius:10px;
 background:var(--red);color:#fff;font-family:'Sora';font-weight:600;font-size:14px}

/* WordPress admin bar sits over the sticky nav otherwise. */
.admin-bar nav{top:32px}
@media screen and (max-width:782px){.admin-bar nav{top:46px}}

/* The comps animate unconditionally; honour the OS setting. */
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
 .rise{opacity:1;transform:none}
}