/*
Theme Name: YOR Home
Theme URI: https://yor-home.com
Author: YOR Home
Author URI: https://yor-home.com
Description: A lightweight, luxury real-estate starter theme built for Elementor Free. Minimal header, footer and page templates so every page can be designed visually inside Elementor. Brand palette: dark navy, charcoal & gold.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: yor-home
Tags: real-estate, business, elementor, custom-menu, featured-images, full-width-template, threaded-comments, translation-ready
*/

/* ==========================================================================
   YOR HOME — Brand Tokens
   Keep this file intentionally minimal. Design pages inside Elementor.
   ========================================================================== */
:root {
  --yor-navy:   #07111F;
  --yor-dark:   #0D1B2A;
  --yor-gold:   #C9A86A;
  --yor-gold-2: #D4AF37;
  --yor-white:  #FFFFFF;
  --yor-off:    #F7F7F5;
  --yor-muted:  #EAEAEA;
}

/* ---- Base reset ---- */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'Inter', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--yor-navy);
  background: var(--yor-white);
  line-height: 1.7;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  line-height: 1.2;
  color: var(--yor-navy);
}
a { color: var(--yor-gold-2); text-decoration: none; }
a:hover { color: var(--yor-gold); }
img { max-width: 100%; height: auto; }

/* ---- Skip link (accessibility) ---- */
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 100000;
  background: var(--yor-navy); color: #fff; padding: 10px 16px;
}
.skip-link:focus { left: 8px; top: 8px; }

/* ==========================================================================
   Minimal default header / footer
   These only show when you DON'T build a custom Elementor header/footer.
   ========================================================================== */
.yor-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 24px; background: var(--yor-navy);
  position: sticky; top: 0; z-index: 999;
}
.yor-logo a {
  font-family: 'Cormorant Garamond', serif; font-size: 1.6rem;
  font-weight: 600; color: #fff; letter-spacing: .06em;
}
.yor-logo a span { color: var(--yor-gold); }
.yor-nav ul { display: flex; gap: 28px; list-style: none; margin: 0; padding: 0; }
.yor-nav a {
  color: rgba(255,255,255,.8); font-size: .8rem; letter-spacing: .12em;
  text-transform: uppercase; font-family: 'Montserrat', sans-serif;
}
.yor-nav a:hover { color: var(--yor-gold); }

.yor-footer {
  background: #030D17; color: rgba(255,255,255,.45);
  padding: 40px 24px; text-align: center; font-size: .85rem;
}
.yor-footer a { color: var(--yor-gold); }

/* ---- Content width for default (non-Elementor) pages ---- */
.yor-content {
  max-width: 880px; margin: 0 auto; padding: 60px 24px;
}

/* ---- Buttons (used by 404 + fallbacks) ---- */
.yor-btn {
  display: inline-block; padding: 14px 32px;
  background: linear-gradient(135deg, var(--yor-gold), var(--yor-gold-2));
  color: var(--yor-navy); font-weight: 600; border-radius: 2px;
  text-transform: uppercase; letter-spacing: .1em; font-size: .8rem;
  font-family: 'Montserrat', sans-serif;
}
.yor-btn:hover { color: var(--yor-navy); opacity: .9; }

/* ---- WordPress core alignment / caption classes ---- */
.alignleft  { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 0 auto 1em; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: .85rem; color: #777; text-align: center; }
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden;
  padding: 0; position: absolute; word-wrap: normal !important;
}
