/*
Theme Name: Deans Hill Farm
Theme URI: https://example.com/deans-hill-farm
Author: Deans Hill Farm
Author URI: https://example.com
Description: A clean, modern theme for family farms — built for Deans Hill Farm in Garden Hill, Ontario, with room for the house build, the barn, the apiary, and the vegetable garden. Fully editable through the WordPress Customizer.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deans-hill-farm
*/

/* ---------- Variables (overridden inline from Customizer, see inc/customizer.php) ---------- */
:root{
  --dhf-green:#33472a;
  --dhf-green-light:#5c7a45;
  --dhf-yellow:#e8c25a;
  --dhf-cream:#fbfaf5;
  --dhf-ink:#25301c;
  --dhf-text:#4a4a42;
  --dhf-muted:#8a8a7e;
  --dhf-border:rgba(0,0,0,.08);
  --dhf-heading-font:'Sora', system-ui, sans-serif;
  --dhf-body-font:'Work Sans', system-ui, sans-serif;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#fff;
  color:var(--dhf-text);
  font-family:var(--dhf-body-font);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;height:auto}
a{color:var(--dhf-green-light);text-decoration:none;transition:color .15s ease}
a:hover{color:var(--dhf-yellow)}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--dhf-heading-font);color:var(--dhf-ink);font-weight:400;line-height:1.2;margin:0}
p{margin:0}
button{font-family:inherit;cursor:pointer}
.screen-reader-text{position:absolute!important;left:-9999px;top:-9999px}

/* ---------- Layout helpers ---------- */
.dhf-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.dhf-eyebrow{font:600 12px/1 var(--dhf-body-font);letter-spacing:.14em;text-transform:uppercase;color:var(--dhf-green-light)}
.dhf-eyebrow.on-dark{color:var(--dhf-yellow)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:26px;font:500 13px/1 var(--dhf-body-font);border:1px solid transparent;white-space:nowrap}
.btn-primary{background:var(--dhf-ink);color:#fff}
.btn-primary:hover{background:var(--dhf-green-light);color:#fff}
.btn-outline{border-color:var(--dhf-ink);color:var(--dhf-ink)}
.btn-outline:hover{background:var(--dhf-ink);color:#fff}
.btn-gold{background:var(--dhf-yellow);color:var(--dhf-ink)}
.btn-gold:hover{background:var(--dhf-ink);color:var(--dhf-yellow)}
.chip{display:inline-block;font:600 11px/1 var(--dhf-body-font);letter-spacing:.03em;padding:6px 13px;border-radius:20px;text-transform:uppercase}
.chip-green{background:var(--dhf-green-light);color:#fff}
.chip-yellow{background:var(--dhf-yellow);color:var(--dhf-ink)}

/* ---------- Site header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--dhf-border)}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1240px;margin:0 auto}
.site-branding{display:flex;align-items:center;gap:12px}
.site-branding img{max-height:44px;width:auto}
.site-title{font:600 20px/1 var(--dhf-heading-font);color:var(--dhf-ink)}
.site-title a{color:inherit}
.site-title a:hover{color:var(--dhf-green-light)}
.site-description{display:none}
.main-navigation{display:flex;align-items:center;gap:30px}
.main-navigation ul{display:flex;gap:28px;align-items:center}
.main-navigation a{font:400 14px/1 var(--dhf-body-font);color:#3a3a34}
.main-navigation a:hover{color:var(--dhf-green-light)}
.main-navigation .current-menu-item>a{color:var(--dhf-green-light);font-weight:500}
.menu-toggle{display:none;background:none;border:none;padding:6px;flex-direction:column;gap:4px}
.menu-toggle span{width:22px;height:2px;background:var(--dhf-ink)}
.site-header{border-bottom:3px solid var(--dhf-yellow)}
.header-cta{background:var(--dhf-yellow);color:var(--dhf-ink)!important;padding:9px 18px;border-radius:20px;font-weight:500!important}
.header-cta:hover{background:var(--dhf-ink);color:var(--dhf-yellow)!important}

@media (max-width:900px){
  .main-navigation{position:fixed;inset:70px 0 0 0;background:#fff;flex-direction:column;align-items:flex-start;padding:24px 32px;display:none;overflow-y:auto}
  .main-navigation.is-open{display:flex}
  .main-navigation ul{flex-direction:column;gap:16px;width:100%}
  .menu-toggle{display:flex}
}

/* ---------- Hero (home) ---------- */
.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--dhf-cream);align-items:stretch}
.hero-copy{padding:80px 56px;display:flex;flex-direction:column;justify-content:center}
.hero-copy h1{font-size:50px;font-weight:400;margin:16px 0 20px;max-width:520px}
.hero-copy p{font-size:16px;max-width:420px;color:var(--dhf-text);margin-bottom:28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-media{position:relative;min-height:420px;border-radius:0 0 0 40px;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-media{border-radius:0;min-height:280px}
  .hero-copy{padding:48px 24px}
  .hero-copy h1{font-size:36px}
}

/* ---------- Feature rows (stacked — full-width photo, copy below) ---------- */
.feature-row{display:flex;flex-direction:column}
.feature-row.alt{background:var(--dhf-cream)}
.feature-row-media{min-height:520px;overflow:hidden;position:relative;order:0!important}
.feature-row-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.feature-row-copy{padding:56px;order:1!important;max-width:760px}
.feature-row-copy .dhf-eyebrow{margin-bottom:14px}
.feature-row-copy h2{font-size:32px;margin:0 0 16px;font-weight:300}
.feature-row-copy p{max-width:640px;margin-bottom:22px}
.feature-row-copy .row-link{font:500 13px/1 var(--dhf-body-font);color:var(--dhf-ink);border-bottom:1px solid var(--dhf-ink);padding-bottom:5px;width:fit-content}
.feature-row-copy .row-link:hover{color:var(--dhf-green-light);border-color:var(--dhf-green-light)}
@media (max-width:900px){
  .feature-row-media{min-height:280px}
  .feature-row .feature-row-media{order:0!important}
  .feature-row .feature-row-copy{order:1!important;padding:44px 24px}
  .feature-row-media{min-height:260px}
}

/* ---------- Story band ---------- */
.story-band{display:flex;align-items:center;gap:48px;padding:64px 56px;background:var(--dhf-ink);border-top:4px solid var(--dhf-yellow)}
.story-media{flex:none;width:320px;height:220px;border-radius:16px;overflow:hidden;position:relative}
.story-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.story-copy h2{color:#fff;font-size:26px;font-weight:300;max-width:560px}
.story-copy .row-link{color:var(--dhf-yellow);border-bottom:1px solid var(--dhf-yellow);font:500 13px/1 var(--dhf-body-font);padding-bottom:5px;width:fit-content;display:inline-block;margin-top:18px}
.story-copy .row-link:hover{color:#fff;border-color:#fff}
@media (max-width:700px){.story-band{flex-direction:column;padding:48px 24px}.story-media{width:100%;height:200px}}

/* ---------- Section hero (interior pages: house/barn/apiary/garden) ---------- */
.section-hero{position:relative;min-height:380px;display:flex;align-items:flex-end;background:var(--dhf-ink)}
.section-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.section-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,26,14,.75),rgba(20,26,14,.05) 60%)}
.section-hero-inner{position:relative;z-index:1;padding:56px;max-width:1240px;margin:0 auto;width:100%}
.section-hero-inner .dhf-eyebrow{margin-bottom:12px}
.section-hero-inner h1{color:#fff;font-size:44px;font-weight:300;max-width:760px}
.section-content{max-width:760px;margin:0 auto;padding:64px 32px}
.section-content p{margin-bottom:1.2em}
.section-content h2{font-size:26px;font-weight:400;margin:1.6em 0 .6em}
.section-content .wp-block-gallery,.section-content .gallery{margin:2em 0;gap:10px}
.section-content .gallery img,.section-content .wp-block-gallery img{border-radius:10px}

/* ---------- Generic page ---------- */
.page-header{padding:64px 32px 0;max-width:760px;margin:0 auto}
.page-header h1{font-size:38px;font-weight:300}
.page-content{max-width:760px;margin:0 auto;padding:24px 32px 64px}
.page-content p{margin-bottom:1.2em}

/* ---------- Contact info box ---------- */
.contact-box{background:var(--dhf-cream);border-radius:16px;padding:32px;margin-top:40px;display:grid;gap:10px}
.contact-box h3{font-size:18px;margin-bottom:6px}
.contact-box div{font-size:15px}

/* ---------- Journal (blog) ---------- */
.journal-heading{max-width:1240px;margin:0 auto;padding:64px 32px 0}
.journal-heading h2{font-size:28px;font-weight:400}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1240px;margin:0 auto;padding:32px 32px 72px}
.post-card{border-radius:16px;overflow:hidden;border:1px solid var(--dhf-border)}
.post-card-media{position:relative;height:190px;background:var(--dhf-cream)}
.post-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post-card-body{padding:22px 24px;background:var(--dhf-cream)}
.post-card-date{font:500 11px/1 var(--dhf-body-font);letter-spacing:.06em;text-transform:uppercase;color:var(--dhf-green-light);margin-bottom:10px}
.post-card h3{font-size:19px;font-weight:400;margin-bottom:8px}
.post-card p{font-size:13.5px;color:var(--dhf-text)}
@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.card-grid{grid-template-columns:1fr}}

.single-post-header{max-width:760px;margin:0 auto;padding:64px 32px 0}
.single-post-header .post-card-date{margin-bottom:14px}
.single-post-header h1{font-size:38px;font-weight:300}
.single-post-media{max-width:900px;margin:32px auto 0;border-radius:14px;overflow:hidden}
.single-post-content{max-width:760px;margin:0 auto;padding:32px 32px 64px}
.single-post-content p{margin-bottom:1.2em}

.pagination{display:flex;gap:10px;justify-content:center;padding:0 32px 64px}
.pagination a,.pagination span{padding:9px 16px;border:1px solid var(--dhf-border);border-radius:8px;font-size:13px;color:var(--dhf-ink)}
.pagination .current{background:var(--dhf-ink);color:#fff;border-color:var(--dhf-ink)}

/* ---------- 404 & search ---------- */
.no-results{max-width:640px;margin:0 auto;padding:100px 32px;text-align:center}
.no-results h1{font-size:32px;margin-bottom:16px}
.search-form{display:flex;gap:10px;margin-top:24px;justify-content:center}
.search-form input[type="search"]{flex:1;max-width:340px;padding:12px 16px;border:1px solid var(--dhf-border);border-radius:8px;font-size:15px}
.search-form button{padding:12px 20px;border-radius:8px;background:var(--dhf-ink);color:#fff;border:none}

/* ---------- Footer ---------- */
.site-footer{background:var(--dhf-cream);border-top:1px solid var(--dhf-border)}
.footer-widgets{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;max-width:1240px;margin:0 auto;padding:56px 32px 32px}
.footer-widgets h2,.footer-widgets .widgettitle{font:600 13px/1 var(--dhf-body-font);color:var(--dhf-ink);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}
.footer-brand .site-title{margin-bottom:10px;display:block}
.footer-brand p{font-size:13px;color:var(--dhf-muted);line-height:1.7}
.footer-widgets ul li{margin-bottom:10px;font-size:13.5px}
.footer-widgets ul li a{color:var(--dhf-text)}
.footer-social{display:flex;gap:14px;margin-top:14px}
.footer-social a{font-size:13px;border:1px solid var(--dhf-border);padding:6px 12px;border-radius:16px;color:var(--dhf-ink)}
.footer-social a:hover{background:var(--dhf-ink);color:#fff;border-color:var(--dhf-ink)}
.site-info{border-top:1px solid var(--dhf-border);padding:20px 32px;text-align:center;font-size:12.5px;color:var(--dhf-muted)}
@media (max-width:900px){.footer-widgets{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.footer-widgets{grid-template-columns:1fr}}