/*
Theme Name: Jerusalem Olive Oil Public Surface
Theme URI: http://localhost:18082
Author: Dobby / Palace
Description: Local WordPress/WooCommerce public-surface clone of the visible Jerusalem Olive Oil site.
Version: 0.2.0
Text Domain: jo-oil-demo
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
*/

:root {
  --jo-gold: #c9a646;
  --jo-gold-dark: #9a7522;
  --jo-cream: #f3ecd8;
  --jo-black: #030303;
  --jo-ink: #242424;
  --jo-muted: #6e6e6e;
  --jo-line: #ededed;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  direction: rtl;
  text-align: right;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans Hebrew", sans-serif;
  color: var(--jo-ink);
  background: #fff;
  line-height: 1.65;
}
a { color: inherit; }
img { max-width: 100%; height: auto; }
.jo-wrap { width: min(1180px, calc(100% - 34px)); margin: 0 auto; }

.jo-promo-bar { background: #c49a39; color: #111; font-size: 14px; }
.promo-inner { min-height: 34px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.promo-inner nav { display:flex; gap:22px; align-items:center; }
.promo-inner a { color:#111; text-decoration:none; font-weight:600; }
.promo-inner strong { font-weight: 800; }

.site-header { background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; z-index:40; }
.admin-bar .site-header { top: 32px; }
.real-like-header { min-height:104px; display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap:24px; padding: 6px 0; }
.split-nav { display:flex; gap:19px; align-items:center; flex-wrap:wrap; }
.split-nav-right { justify-content:flex-start; }
.split-nav-left { justify-content:flex-end; }
.split-nav a { color:#222; text-decoration:none; font-size:15px; font-weight:500; white-space:nowrap; }
.split-nav a:hover, .split-nav a:first-child { color: var(--jo-gold-dark); }
.center-logo { display:flex; align-items:center; justify-content:center; text-decoration:none; min-width:156px; }
.center-logo img { width:132px; height:auto; display:block; }
.cart-link { font-family: Arial, sans-serif; font-size:24px !important; color:#111 !important; }
main.site-main { padding: 0; }

.jo-clone-hero { min-height:520px; display:grid; grid-template-columns: 1.08fr .92fr; background:#050505; color:#fff; }
.jo-hero-visual { position:relative; overflow:hidden; min-height:520px; background:
  linear-gradient(90deg, rgba(0,0,0,.02), rgba(0,0,0,.55)),
  url('https://jerusalemoliveoil.co.il/wp-content/uploads/2025/09/Untitled-design-8-1024x1024.jpg') center/cover no-repeat;
}
.jo-hero-video { display:none; }
.jo-hero-copy { padding:80px 62px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background:#060606; }
.jo-hero-copy h2 { color:#fff; margin:0 0 20px; font-weight:400; }
.jo-hero-copy > h2:first-child { color:#c9a646; font-size: clamp(28px, 3vw, 45px); }
.jo-main-hero-title { font-size: clamp(25px, 3.2vw, 44px); line-height:1.28; max-width:650px; }
.jo-actions { margin-top: 22px; }
.jo-button, .wp-block-button__link, .button, button.button, input[type="submit"] {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 12px 24px !important;
  background: var(--jo-gold) !important;
  color:#111 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow:none !important;
}
.jo-button:hover, .button:hover, button.button:hover, input[type="submit"]:hover { background:#d7b958 !important; color:#111 !important; }

.jo-public-section { width:min(1180px, calc(100% - 34px)); margin:72px auto; }
.jo-section-title-with-leaf { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin-bottom:34px; }
.jo-section-title-with-leaf img { width:70px; height:auto; object-fit:contain; margin-bottom:6px; opacity:.92; }
.jo-section-title-with-leaf h1 { color:#222; font-size:clamp(31px,4vw,50px); font-weight:400; line-height:1.12; margin:0; }
.jo-section-title-with-leaf h2 { color:#222; font-size:clamp(21px,2.4vw,32px); font-weight:400; line-height:1.35; max-width:850px; margin:10px auto 0; }
.jo-public-product-row { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:46px 28px; }
.jo-public-product-card { text-align:center; }
.jo-product-image { display:flex; align-items:center; justify-content:center; min-height:210px; padding:8px; background:#fff; text-decoration:none; }
.jo-product-image img { aspect-ratio:1/1; object-fit:contain; width:100%; max-height:220px; }
.jo-public-product-card h2 { margin:14px 0 8px; font-size:18px; line-height:1.35; font-weight:500; color:#333; }
.jo-public-product-card h2 a { color:#333; text-decoration:none; }
.jo-card-price { color:#333 !important; font-size:18px !important; font-weight:500 !important; margin:0 0 10px !important; }
.jo-card-link { display:inline-block; color:#111 !important; background:transparent !important; padding:0 !important; font-size:13px !important; font-weight:700 !important; text-decoration:none !important; }
.jo-card-link:before { content:none; }

.jo-wide-image-strip { width:min(1180px, calc(100% - 34px)); margin:64px auto; text-align:center; }
.jo-wide-image-strip img { display:block; width:100%; height:auto; }
.jo-quality-section { background:#f8f4e8; padding:70px 0; }
.jo-quality-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; align-items:center; }
.jo-quality-image { text-align:center; }
.jo-quality-image img { max-height:360px; width:auto; }
.jo-quality-grid h2, .jo-awards-section h2, .jo-story-grid h2 { font-size:clamp(30px,4vw,48px); font-weight:400; color:#222; margin:0 0 14px; }
.jo-awards-section { padding:70px 0; text-align:center; }
.jo-awards-main { width:min(430px,100%); margin:10px auto 32px; display:block; }
.jo-medal-image-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:22px; align-items:center; }
.jo-medal-image-grid img { max-height:150px; object-fit:contain; margin:auto; }
.jo-story-section { background:#fff; padding:65px 0; }
.jo-story-grid { display:grid; grid-template-columns: 1fr 1fr; gap:44px; align-items:center; }
.jo-story-image { min-height:330px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.jo-story-image img { width:100%; height:100%; object-fit:cover; }
.jo-story-grid a { color:#111; font-weight:700; text-decoration:none; border-bottom:1px solid var(--jo-gold); }
.jo-article-row { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.jo-article-card { background:#fff; border-top:3px solid var(--jo-gold); box-shadow:0 14px 42px rgba(0,0,0,.07); padding:24px; min-height:190px; }
.jo-article-card h2 { font-size:22px; font-weight:500; margin:0 0 10px; }
.jo-article-card h2 a { color:#222; text-decoration:none; }

.woocommerce ul.products { display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:48px 28px; }
.woocommerce ul.products:before, .woocommerce ul.products:after { display:none; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:auto !important; margin:0 !important; padding:0 !important; text-align:center; float:none !important; background:#fff; border:0; box-shadow:none; }
.woocommerce ul.products li.product a img { aspect-ratio:1/1; object-fit:contain; margin-bottom:12px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color:#333; font-size:18px; font-weight:500; min-height:3em; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color:#333; font-size:18px; font-weight:500; }
.woocommerce ul.products li.product .button { background:transparent !important; color:#111 !important; padding:0 !important; text-decoration:none !important; font-weight:700 !important; box-shadow:none !important; font-size:13px !important; }
.woocommerce ul.products li.product .button:before { content:none; }
.woocommerce div.product { box-shadow:none; border:0; background:#fff; border-radius:0; max-width:1180px; margin:42px auto; padding:0; }
.woocommerce div.product .product_title { color:#333; font-weight:400; font-size:clamp(32px,5vw,54px); }
.woocommerce div.product div.images img { object-fit:contain; }
.entry-card, .type-page, .type-post { width:min(980px, calc(100% - 34px)); margin:50px auto; }

.site-footer.real-footer { background:#020202; color:#eee; margin-top:70px; padding:0; }
.site-footer a { color:#eee; text-decoration:none; }
.footer-grid-real { display:grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap:34px; padding:58px 0 38px; }
.footer-grid-real h3 { color:var(--jo-gold); font-weight:500; margin-top:0; }
.footer-logo-img { width:145px; height:auto; display:block; margin-bottom:14px; }
.social-demo { color:var(--jo-gold); letter-spacing:8px; }
.awards-strip { border-top:1px solid #222; border-bottom:1px solid #222; padding:18px 0; display:flex; gap:18px; align-items:center; justify-content:center; flex-wrap:wrap; }
.awards-strip span { color:#fff; margin-left:18px; }
.awards-strip img { width:58px; height:58px; object-fit:contain; }
.copyright-demo { color:#aaa; text-align:center; padding:18px 0 26px; font-size:13px; }

@media(max-width:1000px){
  .admin-bar .site-header{top:0}.real-like-header{grid-template-columns:1fr}.split-nav,.split-nav-left,.split-nav-right{justify-content:center}.jo-clone-hero,.jo-quality-grid,.jo-story-grid{grid-template-columns:1fr}.jo-hero-visual{min-height:360px;order:2}.jo-hero-copy{order:1}.jo-public-product-row,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.jo-medal-image-grid{grid-template-columns:repeat(3,1fr)}.footer-grid-real{grid-template-columns:1fr 1fr}.jo-article-row{grid-template-columns:1fr}
}
@media(max-width:650px){
  .promo-inner{justify-content:center}.promo-inner nav{display:none}.center-logo img{width:110px}.jo-public-product-row,.woocommerce ul.products{grid-template-columns:1fr}.jo-hero-copy{padding:42px 24px}.jo-medal-image-grid{grid-template-columns:repeat(2,1fr)}.footer-grid-real{grid-template-columns:1fr}
}