/*
Theme Name: Meeland Storefront
Template: storefront
Version: 1.0.5
Text Domain: meeland-storefront
*/
:root {
  --ml-ink: #242326;
  --ml-muted: #646166;
  --ml-green: #2f3f38;
  --ml-sage: #dbe8df;
  --ml-coral: #de6a5b;
  --ml-blush: #f1dfdf;
  --ml-paper: #fafaf7;
}
html, body { overflow-x: hidden; }
body {
  background: var(--ml-paper);
  color: var(--ml-ink);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}
a { color: var(--ml-green); }
.site-header {
  border-bottom: 1px solid #dfe5df;
  background: rgba(255,255,255,.96);
}
.site-branding .site-title a {
  color: var(--ml-ink);
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}
.site-branding .site-description { color: var(--ml-muted); }
.storefront-primary-navigation { background: #fff; }
.main-navigation ul li a, .site-header-cart .cart-contents { color: var(--ml-ink); }
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .wc-block-components-button, .added_to_cart {
  border-radius: 8px;
  background: var(--ml-green);
  color: #fff;
  font-weight: 700;
  box-shadow: none;
}
.button:hover, button:hover, input[type="submit"]:hover { background: #1f2d28; color: #fff; }
.home .site-content .col-full { max-width: none; padding: 0; margin: 0; }
.home .content-area, .home .site-main, .home .hentry, .home .entry-content { margin: 0; width: 100%; }
.home .entry-header { display: none; }
.meeland-hero, .meeland-hero * { box-sizing: border-box; }
.meeland-hero {
  min-height: 640px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  padding: 130px clamp(24px, 8vw, 128px) 72px;
}
.meeland-hero__content {
  max-width: 500px;
  margin-top: 82px;
}
.meeland-kicker {
  margin: 0 0 14px;
  color: var(--ml-coral);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0;
}
.meeland-hero h1 {
  max-width: 500px;
  margin: 0 0 18px;
  color: var(--ml-ink);
  font-size: clamp(34px, 3.8vw, 52px);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: 0;
}
.meeland-hero p:not(.meeland-kicker) {
  margin: 0 0 28px;
  max-width: 540px;
  color: #535156;
  font-size: 20px;
  line-height: 1.5;
}
.meeland-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.meeland-button, .meeland-button-secondary {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 800;
}
.meeland-button { background: var(--ml-green); color: #fff; }
.meeland-button-secondary { border: 2px solid var(--ml-green); color: var(--ml-green); background: rgba(255,255,255,.78); }
.meeland-section { padding: 72px clamp(22px, 7vw, 112px); }
.meeland-section h2 { margin: 0 0 16px; font-size: clamp(30px, 3.2vw, 46px); line-height: 1.1; color: var(--ml-ink); letter-spacing: 0; }
.meeland-section p { color: var(--ml-muted); font-size: 18px; line-height: 1.7; }
.meeland-intro { background: #fff; }
.meeland-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 34px; }
.meeland-card {
  display: block;
  overflow: hidden;
  border: 1px solid #dde5df;
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
  color: var(--ml-ink);
}
.meeland-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.meeland-card__body { padding: 22px; }
.meeland-card h3 { margin: 0 0 8px; font-size: 24px; letter-spacing: 0; }
.meeland-card p { margin: 0; font-size: 16px; }
.meeland-band { background: var(--ml-sage); }
.meeland-split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; align-items: start; }
.meeland-list { margin: 18px 0 0; padding-left: 20px; color: var(--ml-muted); font-size: 18px; line-height: 1.8; }
.meeland-products .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  background: #fff;
  border: 1px solid #dde5df;
  border-radius: 8px;
  padding: 14px 14px 18px;
  text-align: left;
}
.woocommerce ul.products li.product img { border-radius: 6px; }
.woocommerce-loop-product__title { color: var(--ml-ink); font-weight: 800; letter-spacing: 0; }
.price { color: var(--ml-green) !important; font-weight: 800; }
.site-footer { background: var(--ml-green); color: #eef5ef; }
.site-footer a { color: #fff; }
.page:not(.home) .entry-title, .woocommerce-products-header__title.page-title { font-size: clamp(34px, 4vw, 56px); letter-spacing: 0; }
.storefront-handheld-footer-bar { display: none; }
@media (max-width: 900px) {
  .meeland-hero { min-height: auto; display: block; background-size: 900px auto; background-repeat: no-repeat; background-position: center top; padding: 380px 22px 56px; }
  .meeland-hero__content { width: 100%; max-width: 560px; margin-top: 0; padding: 0; background: transparent; border-radius: 0; }
  .meeland-grid, .meeland-split { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .meeland-hero { min-height: auto; padding: 350px 18px 46px; background-size: 720px auto; background-position: 70% top; }
  .meeland-hero__content { width: calc(100vw - 36px); max-width: calc(100vw - 36px); margin-top: 0; }
  .meeland-hero h1 { font-size: 36px; line-height: 1.06; }
  .meeland-hero p:not(.meeland-kicker) { max-width: calc(100vw - 36px); overflow-wrap: normal; }
  .meeland-hero p:not(.meeland-kicker), .meeland-section p, .meeland-list { font-size: 16px; }
  .meeland-section { padding: 48px 18px; }
  .meeland-actions a { width: 100%; justify-content: center; }
}
.woocommerce-page #secondary { display: none; }
.woocommerce-page #primary { width: 100%; float: none; margin-right: 0; }
.woocommerce-shop .site-content .col-full,
.tax-product_cat .site-content .col-full,
.single-product .site-content .col-full { max-width: 1120px; }
.woocommerce ul.products li.product img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: #f7faf7;
}
