/*
Theme Name: Resourcifi 2026
Theme URI: https://www.resourcifi.com
Author: Resourcifi
Author URI: https://www.resourcifi.com
Description: Production homepage + clean wrapper for the 131-page rebuild. Self-contained. Custom homepage template lives in page-home-rf.php. Other pages render with minimal chrome and the post_content's own embedded schema + design.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: resourcifi-2026
*/

/* Global reset for non-homepage pages */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Satoshi", "Inter", system-ui, -apple-system, sans-serif;
  background: #FCFAF4;
  color: #0B0B0B;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: #FF6434; text-decoration: none; }
a:hover { color: #E5501E; text-decoration: underline; }
img { max-width: 100%; height: auto; }

/* Content-page wrapper styles (used by page.php / index.php) */
.rf-content-shell {
  max-width: 880px;
  margin: 0 auto;
  padding: 80px 24px 120px;
}
.rf-content-shell h1 {
  font-size: 48px;
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin: 0 0 32px;
  font-weight: 700;
}
.rf-content-shell h2 { font-size: 32px; line-height: 1.15; margin-top: 56px; margin-bottom: 16px; font-weight: 700; letter-spacing: -0.015em; }
.rf-content-shell h3 { font-size: 22px; line-height: 1.25; margin-top: 32px; margin-bottom: 12px; font-weight: 700; }
.rf-content-shell p { margin: 0 0 16px; color: #3F3F3F; font-size: 17px; }
.rf-content-shell ul, .rf-content-shell ol { margin: 0 0 16px 24px; color: #3F3F3F; font-size: 17px; }
.rf-content-shell li { margin-bottom: 6px; }
.rf-content-shell strong { color: #0B0B0B; font-weight: 600; }
.rf-content-shell a { color: #FF6434; }
.rf-content-shell a:hover { color: #E5501E; }

/* Simple breadcrumb-aware header for content pages */
.rf-simple-nav {
  position: sticky; top: 0; z-index: 50;
  background: rgba(252,250,244,0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(11,11,11,0.10);
  padding: 16px 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rf-simple-nav .rf-logo { display: inline-flex; align-items: center; gap: 10px; }
.rf-simple-nav .rf-logo img { height: 28px; width: auto; }
.rf-simple-nav .rf-logo-text { font-family: "Satoshi", sans-serif; font-weight: 700; font-size: 20px; color: #0B0B0B; letter-spacing: -0.02em; }
.rf-simple-nav .rf-nav-links { display: flex; gap: 32px; align-items: center; }
.rf-simple-nav .rf-nav-links a {
  font-size: 15px; font-weight: 500; color: #3F3F3F;
  text-decoration: none; padding: 6px 0;
}
.rf-simple-nav .rf-nav-links a:hover { color: #0B0B0B; }
.rf-simple-nav .rf-nav-cta {
  background: #FF6434; color: #fff; padding: 10px 20px;
  border-radius: 999px; font-size: 14px; font-weight: 600;
  border: 1.5px solid #FF6434;
  transition: background 240ms cubic-bezier(.2,.7,.2,1), border-color 240ms;
}
.rf-simple-nav .rf-nav-cta:hover { background: #E5501E; border-color: #E5501E; color: #fff; text-decoration: none; }

.rf-footer {
  background: #0B1426;
  color: rgba(255,255,255,0.7);
  padding: 64px 56px 32px;
}
.rf-footer-grid {
  max-width: 1440px; margin: 0 auto;
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.rf-footer-grid h4 { color: #fff; font-size: 13px; font-weight: 600; margin-bottom: 16px; letter-spacing: 0.02em; }
.rf-footer-grid ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.rf-footer-grid a { color: rgba(255,255,255,0.65); font-size: 14px; text-decoration: none; }
.rf-footer-grid a:hover { color: #fff; }
.rf-footer-bottom { max-width: 1440px; margin: 24px auto 0; display: flex; justify-content: space-between; font-size: 13px; color: rgba(255,255,255,0.5); }
.rf-footer-logo { display: inline-flex; align-items: center; gap: 10px; }
.rf-footer-logo img { height: 28px; width: auto; }
.rf-footer-logo-text { color: #fff; font-weight: 700; font-size: 20px; letter-spacing: -0.02em; }

@media (max-width: 768px) {
  .rf-content-shell { padding: 56px 16px 80px; }
  .rf-content-shell h1 { font-size: 36px; }
  .rf-content-shell h2 { font-size: 26px; }
  .rf-simple-nav { padding: 14px 16px; }
  .rf-simple-nav .rf-nav-links { display: none; }
  .rf-footer { padding: 48px 16px 24px; }
  .rf-footer-grid { grid-template-columns: 1fr; gap: 32px; }
}