/*
Theme Name: Sharpland Market
Theme URI: https://sharpland.com/
Author: OpenAI for Sharpland Art & Permaculture
Description: Lightweight, mobile-first WooCommerce theme for Sharpland Art & Permaculture.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: sharpland-market
*/

:root {
  --shp-ink: #263125;
  --shp-forest: #36533b;
  --shp-leaf: #6f8a54;
  --shp-cream: #f7f1e4;
  --shp-paper: #fffdf8;
  --shp-clay: #b86442;
  --shp-gold: #d4a84f;
  --shp-border: #d8d0bf;
  --shp-radius: 18px;
  --shp-shadow: 0 12px 34px rgba(38,49,37,.10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--shp-ink);
  background: var(--shp-paper);
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.6;
}
img { max-width: 100%; height: auto; }
a { color: var(--shp-forest); }
.container { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,253,248,.96);
  border-bottom: 1px solid var(--shp-border);
  backdrop-filter: blur(10px);
}
.header-inner { min-height: 76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-branding { display:flex; align-items:center; min-width:0; }
.site-branding a { color: var(--shp-ink); text-decoration:none; font-weight:700; font-size:clamp(1.05rem,2.3vw,1.35rem); }
.site-branding .custom-logo-link { display:flex; align-items:center; line-height:0; }
.site-branding .custom-logo { display:block; width:auto; max-width:min(320px, 44vw); max-height:62px; object-fit:contain; }
.site-title { line-height:1.15; }
.site-nav { display:flex; align-items:center; gap:22px; font-family: Arial, sans-serif; font-size:.94rem; }
.site-nav a { text-decoration:none; font-weight:700; }
.cart-link { padding:10px 15px; border:1px solid var(--shp-forest); border-radius:999px; }

.hero {
  min-height: 72vh;
  display:grid;
  align-items:center;
  background:
    linear-gradient(90deg, rgba(38,49,37,.88), rgba(38,49,37,.40)),
    var(--shp-forest);
  color:#fff;
  background-size:cover;
  background-position:center;
}
.hero-inner { padding: 90px 0; max-width:760px; }
.eyebrow { font-family:Arial,sans-serif; text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; font-weight:700; }
.hero h1 { font-size:clamp(2.8rem,7vw,6rem); line-height:.98; margin:.15em 0 .25em; }
.hero p { font-size:clamp(1.1rem,2.2vw,1.4rem); max-width:680px; }
.button, .wp-element-button, button, input[type="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 20px;
  border:0;
  border-radius:999px;
  background:var(--shp-clay);
  color:#fff !important;
  text-decoration:none;
  font-family:Arial,sans-serif;
  font-weight:700;
  cursor:pointer;
}
.button.secondary { background:transparent; border:1px solid rgba(255,255,255,.7); }
.button-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }

.section { padding:82px 0; }
.section.alt { background:var(--shp-cream); }
.section-heading { max-width:760px; margin-bottom:36px; }
.section-heading h2 { font-size:clamp(2rem,4vw,3.5rem); line-height:1.05; margin:0 0 12px; }
.section-heading p { font-size:1.08rem; }

.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.card { background:#fff; border:1px solid var(--shp-border); border-radius:var(--shp-radius); overflow:hidden; box-shadow:var(--shp-shadow); }
.card-content { padding:24px; }
.card h3 { margin:.1em 0 .35em; font-size:1.5rem; }
.card p:last-child { margin-bottom:0; }

.order-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; counter-reset:steps; }
.order-step { position:relative; padding:30px; border-radius:var(--shp-radius); background:#fff; border:1px solid var(--shp-border); }
.order-step:before { counter-increment:steps; content:counter(steps); display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--shp-leaf); color:#fff; font-weight:700; font-family:Arial,sans-serif; }
.order-step h3 { margin:16px 0 8px; }

.notice-box { padding:24px; border-left:5px solid var(--shp-gold); background:#fff8e6; border-radius:0 var(--shp-radius) var(--shp-radius) 0; }

.woocommerce ul.products { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.woocommerce ul.products:before, .woocommerce ul.products:after { display:none; }
.woocommerce ul.products li.product { width:auto !important; margin:0 !important; float:none !important; padding:18px; background:#fff; border:1px solid var(--shp-border); border-radius:var(--shp-radius); box-shadow:var(--shp-shadow); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:1.35rem; color:var(--shp-ink); }
.woocommerce div.product { padding:40px 0; }
.woocommerce-message, .woocommerce-info { border-top-color:var(--shp-leaf); background:var(--shp-cream); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { padding:12px; border:1px solid var(--shp-border); border-radius:10px; background:#fff; }

.site-footer { padding:50px 0; background:var(--shp-ink); color:#fff; }
.site-footer a { color:#fff; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:30px; }

@media (max-width: 850px) {
  .site-nav a:not(.cart-link) { display:none; }
  .site-branding .custom-logo { max-width:52vw; max-height:54px; }
  .cards, .order-steps, .woocommerce ul.products, .footer-grid { grid-template-columns:1fr; }
  .section { padding:62px 0; }
  .hero { min-height:64vh; }
}