/*
Theme Name: Scheria
Theme URI: https://scheriaoliveoil.com
Author: Scheria (designer build), wrapped for WordPress
Description: Single-page brand theme for Scheria extra virgin olive oil. Wraps the designer's static HTML/CSS/JS build so WordPress and WooCommerce keep running underneath it.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: Proprietary
Text Domain: scheria
*/

:root{--green:#2B3320;--deep:#2B3320;--paper:#EEEAE4;--gold:#EEEAE4;--ink:#2B3320}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #ab872b;outline-offset:6px}.skip{position:fixed;top:-100px;background:white;z-index:10;padding:10px}.skip:focus{top:0}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:5;border-bottom:1px solid #2b33201a}.brand img{width:165px;height:66px;object-fit:contain}nav{display:flex;gap:38px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{color:#4D5940}.nav-cta{border:1px solid #2b332050;padding:10px 20px}.nav-cta span{margin-left:16px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:46% 54%;min-height:660px;background:var(--green);color:var(--paper)}.hero-copy{padding:72px 11% 25px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;margin:0 0 26px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.09;letter-spacing:-.04em;margin:0}h1{font-size:clamp(54px,5.8vw,86px)}h2{font-size:clamp(40px,4.5vw,64px)}em{font-weight:400;color:inherit}h1 em,.table em{color:var(--gold)}.intro{max-width:370px;margin:28px 0 32px;color:#edf0e5;font-size:17px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 23px;font-size:14px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.light{background:var(--paper);color:var(--green)}.dark{background:var(--green);color:var(--paper)}.hero-bottom{border-top:1px solid #ffffff40;width:100%;margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.05em}.hero-image{position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:22px;right:24px;padding:7px 12px;background:#eeeae4de;color:var(--green);font-size:11px;letter-spacing:.12em}.ribbon{display:flex;justify-content:center;align-items:center;gap:55px;padding:20px;border-bottom:1px solid #2b332030;font-size:11px;letter-spacing:.14em}.ribbon i{font-style:normal;font-size:18px}.section{padding:105px 7%}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%}.story-text p{margin:0 0 19px;color:#566259}.story-text .lead{font-family:Georgia,serif;font-size:26px;line-height:1.4;color:var(--green)}.text-link{display:inline-flex;gap:32px;border-bottom:1px solid currentColor;padding-bottom:7px;margin-top:17px;font-size:14px}.oil{display:grid;grid-template-columns:1fr 1fr;background:#EEEAE4}.oil-photo{display:flex;align-items:center;overflow:hidden;background:#2B3320}.oil-photo img{width:100%;height:100%;object-fit:cover}.oil-copy{padding:80px 13% 80px 12%}.oil-copy>p:not(.eyebrow){margin:26px 0;color:#536157}.specs{margin:30px 0 35px}.specs>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #2b332028}.specs span{font-size:10px;letter-spacing:.1em}.specs strong{font-size:15px;font-weight:400}.specs small{font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px;gap:40px}.section-heading>p{color:#536157;font-size:15px}.places{display:grid;grid-template-columns:1fr 1fr;gap:5%}.place-image{height:330px;position:relative;overflow:hidden}.place-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.place-image:hover img{transform:scale(1.035)}.place-image>span{position:absolute;bottom:0;left:0;padding:10px 16px;background:var(--paper);font-size:10px;letter-spacing:.11em}.place-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 18px}.place-title h3{font-size:33px}.place-title>span{font-size:13px;color:#7a8175}.places article>p{color:#536157;font-size:15px;margin:0 0 15px}.table{display:grid;grid-template-columns:40% 60%;background:var(--green);color:var(--paper)}.table>img{width:100%;height:620px;object-fit:cover;object-position:center 55%}.table>div{padding:75px 13%}.table p:not(.eyebrow){color:#e0e6db;max-width:430px;margin:28px 0}.table-note{font-size:11px;letter-spacing:.11em;display:block;line-height:1.9;margin-top:25px}.table .text-link{color:var(--gold)}footer{padding:55px 7% 23px}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:45px}.footer-wordmark{font-family:Georgia,serif;font-size:55px;line-height:1}.footer-wordmark span{font-family:Arial,sans-serif;font-size:9px;display:block;letter-spacing:.15em;margin-top:12px}.footer-main p{font-family:Georgia,serif;font-size:24px;line-height:1.35}.footer-main>a:last-child{font-size:14px}.footer-bottom{border-top:1px solid #2b332025;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#5e695f}.footer-bottom>span:last-child{letter-spacing:.1em}@media(min-width:1600px){body{max-width:1920px;margin:auto}.hero{min-height:780px}}@media(max-width:1000px){nav{gap:22px}.hero-copy{padding:55px 9% 22px}.hero{min-height:600px}.hero-bottom{flex-direction:column}.oil-copy{padding:60px 9%}.section{padding:75px 6%}.story{gap:6%}.table>div{padding:60px 9%}.table>img{height:100%}}@media(max-width:700px){header{height:80px;padding:0 6%}.brand img{width:135px;height:54px}.menu-toggle{display:flex;gap:12px;align-items:center;background:transparent;border:1px solid #2b332040;padding:7px 12px;font-size:14px;color:var(--green)}nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);padding:20px 6% 28px;border-bottom:1px solid #2b332040;flex-direction:column;align-items:stretch;gap:16px}nav.open{display:flex}html{scroll-padding-top:80px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 25px;min-height:515px}h1{font-size:62px}.hero-image{height:350px}.hero-image img{object-fit:cover}.hero-bottom{flex-direction:row;margin-top:40px;font-size:10px}.eyebrow{font-size:10px}.ribbon{gap:15px;font-size:8px;letter-spacing:.06em;padding:18px 10px}.ribbon i{font-size:12px}.section{padding:65px 7%}.story,.oil,.places,.table{grid-template-columns:1fr}.story{gap:35px}.oil-photo{height:340px}.oil-copy{padding:50px 7%}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:25px}.places{gap:40px}.place-image{height:280px}.table>img{height:350px}.table>div{padding:50px 7% 60px}.footer-main{flex-wrap:wrap;gap:25px;padding-bottom:30px}.footer-main p{font-size:21px}.footer-main>a:last-child{width:100%}.footer-bottom{flex-direction:column;gap:10px}h2{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Scheria brand and photography refinements */
.brand img{width:140px;height:56px}
.hero{grid-template-columns:42% 58%}
.hero-image{display:flex;align-items:center;background:var(--deep)}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.oil{grid-template-columns:56% 44%}
.oil-photo{background:var(--deep)}
.oil-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.oil-copy{padding:70px 10%}
.table{grid-template-columns:46% 54%}
.table>img{height:100%;min-height:640px;object-position:65% center}
.table>div{padding:70px 10%}
.table h2{font-size:clamp(38px,4.1vw,60px)}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-tagline{font-size:12px;letter-spacing:.12em;text-decoration:none}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:6;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--paper);border-radius:50%;background:var(--deep);color:var(--paper);box-shadow:0 4px 18px #0003;transition:transform .2s}
.back-to-top[hidden]{display:none}
.back-to-top:hover{transform:translateY(-3px)}
@media(max-width:700px){
.brand img{width:125px;height:50px}
.hero,.oil,.table{grid-template-columns:1fr}
.hero-image,.oil-photo{height:auto}
.hero-image img,.oil-photo img{width:100%;height:100%;object-fit:cover}
.oil-copy{padding:50px 7%}
.table>img{height:390px;min-height:0;object-position:65% 45%}
.table>div{padding:50px 7% 60px}
.table h2{font-size:clamp(36px,8vw,48px)}
.footer-main{align-items:flex-start}
.back-to-top{right:16px;bottom:16px}
.footer-bottom{padding-right:40px}
}

/* Balanced footer lockup */
.footer-brand{width:250px;max-width:100%;align-items:center;gap:8px}
.footer-brand .brand{display:block;width:100%}
.footer-brand .brand img{width:250px;height:100px;object-fit:contain}
.footer-tagline{font-size:10px;letter-spacing:.11em;line-height:1.6;text-align:center;white-space:nowrap;text-decoration:none}
@media(max-width:700px){.footer-brand{width:220px}.footer-brand .brand img{width:220px;height:88px}}

/* ---------------------------------------------------------------------------
   WordPress / WooCommerce pages.
   The design is a single page and defines no generic content container, so
   anything WordPress renders on its own (shop, cart, checkout, account, posts)
   gets a minimal one here rather than sitting edge-to-edge.
   --------------------------------------------------------------------------- */
.wp-content{padding:70px 7% 90px;max-width:1200px;margin:0 auto}
.wp-content h1{font-size:clamp(38px,4.5vw,58px);margin:0 0 30px}
.wp-content a{text-decoration:underline;text-underline-offset:3px}
.wp-content .woocommerce-message,.wp-content .woocommerce-info,.wp-content .woocommerce-error{background:#fff;border-top:3px solid var(--green);padding:14px 18px;list-style:none;margin:0 0 25px}
.wp-content .button,.wp-content a.button,.wp-content button.button{background:var(--green);color:var(--paper);border:0;padding:13px 22px;display:inline-block}
.admin-bar header{top:32px}
@media(max-width:782px){.admin-bar header{top:46px}}
@media(max-width:700px){.wp-content{padding:50px 7% 70px}}