/*
Theme Name: Tolan Products Catalogue
Theme URI: https://tolanproducts.com
Author: Tolan Products
Description: Professional food-industry WooCommerce catalogue theme for Tolan Products.
Version: 3.0.0
Text Domain: tolan-products
*/
:root{
 --green:#b6d51b;
 --green-deep:#6f8e13;
 --forest:#26321d;
 --ink:#181b17;
 --cream:#f7f4eb;
 --sand:#ebe4d4;
 --white:#fff;
 --muted:#6a7065;
 --line:#e4ddcf;
 --gold:#b79852;
 --shadow:0 18px 45px rgba(22,27,20,.11);
 --radius:26px;
 --container:1220px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;
 font-family:Inter,Arial,sans-serif;
 color:var(--ink);
 background:#fff;
 line-height:1.65
}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
.container{width:min(var(--container),calc(100% - 36px));margin:auto}
.site-header{
 position:sticky;top:0;z-index:80;
 background:rgba(255,255,255,.96);
 backdrop-filter:blur(14px);
 border-bottom:1px solid rgba(0,0,0,.06)
}
.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.custom-logo-link img,.brand img{width:112px;max-height:68px;object-fit:contain}
.site-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;align-items:center}
.site-nav a{font-weight:800;font-size:.94rem}
.site-nav a:hover{color:var(--green-deep)}
.menu-toggle{display:none;border:0;background:none;font-size:1.6rem}
.btn,.header-cta,.button,.woocommerce a.button,.woocommerce button.button{
 display:inline-flex!important;align-items:center;justify-content:center;
 min-height:50px;padding:0 24px!important;border-radius:999px!important;
 font-weight:800!important;border:1px solid transparent!important;
 transition:.22s ease!important;line-height:1!important
}
.btn-dark,.header-cta,.woocommerce a.button,.woocommerce button.button{background:var(--ink)!important;color:#fff!important}
.btn-green{background:var(--green)!important;color:#10140c!important}
.btn-outline{border-color:var(--ink)!important;background:transparent!important;color:var(--ink)!important}
.btn:hover,.header-cta:hover,.button:hover{transform:translateY(-2px)}
.eyebrow{
 display:inline-block;text-transform:uppercase;letter-spacing:.14em;
 font-size:.76rem;font-weight:900;color:var(--green-deep);margin-bottom:12px
}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.05;margin:0 0 18px}
h1{font-size:clamp(3.2rem,7vw,6.6rem)}
h2{font-size:clamp(2.3rem,4.5vw,4.2rem)}
h3{font-size:1.5rem}
.hero{
 padding:92px 0 80px;
 background:
  linear-gradient(120deg,rgba(24,27,23,.92),rgba(38,50,29,.88)),
  radial-gradient(circle at 80% 20%,rgba(182,213,27,.25),transparent 30%);
 color:white;
 overflow:hidden
}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}
.hero p{font-size:1.16rem;max-width:680px;color:#d9ddd5}
.hero .eyebrow{color:var(--green)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero .btn-outline{border-color:#fff!important;color:#fff!important}
.hero-visual{
 min-height:470px;border-radius:36px;padding:34px;
 background:
  linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03)),
  linear-gradient(135deg,#4b5f32,#1d2616);
 border:1px solid rgba(255,255,255,.14);
 display:grid;place-items:center;
 box-shadow:0 28px 80px rgba(0,0,0,.28);
 position:relative;overflow:hidden
}
.hero-visual:before,.hero-visual:after{
 content:"";position:absolute;border-radius:50%;background:var(--green);opacity:.18
}
.hero-visual:before{width:220px;height:220px;right:-70px;top:-70px}
.hero-visual:after{width:130px;height:130px;left:-30px;bottom:20px}
.hero-visual img{max-height:340px;position:relative;z-index:2;filter:drop-shadow(0 20px 30px rgba(0,0,0,.22))}
.hero-badges{
 display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
 margin-top:34px;max-width:700px
}
.hero-badge{padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.06)}
.hero-badge strong{display:block;font-size:1.1rem}
.hero-badge span{font-size:.85rem;color:#cfd5ca}
.section{padding:94px 0}
.section-soft{background:var(--cream)}
.section-dark{background:var(--forest);color:#fff}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:40px}
.section-head p{max-width:620px;color:var(--muted)}
.section-dark .section-head p{color:#cdd3c8}
.grid{display:grid;gap:24px}
.categories{grid-template-columns:repeat(3,1fr)}
.features{grid-template-columns:repeat(4,1fr)}
.category-card,.info-card{
 background:#fff;border:1px solid var(--line);border-radius:var(--radius);
 overflow:hidden;box-shadow:0 8px 28px rgba(31,33,31,.04);transition:.22s
}
.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.category-image{
 height:235px;background:
 linear-gradient(135deg,#eff1df,#dfe5bd);
 overflow:hidden;display:grid;place-items:center;position:relative
}
.category-image:after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(to top,rgba(0,0,0,.12),transparent 55%)
}
.category-image img{width:100%;height:100%;object-fit:cover}
.category-body,.info-card{padding:28px}
.category-body p,.info-card p{color:var(--muted)}
.info-card{position:relative}
.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--green)}
.info-card .number{font-size:2.2rem;font-weight:900;color:var(--green-deep)}
.brand-story{
 display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center
}
.story-panel{
 background:linear-gradient(145deg,#e9eed2,#f8f5ec);
 border-radius:32px;padding:44px;min-height:430px;display:grid;place-items:center
}
.story-panel img{max-height:300px}
.story-copy p{color:var(--muted)}
.wholesale{
 background:
  linear-gradient(130deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),
  var(--ink);
 color:#fff;border-radius:36px;padding:62px;
 display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center;
 box-shadow:var(--shadow)
}
.wholesale p{color:#d4d8d1}
.market-strip{
 display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px
}
.market-pill{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);font-weight:800;text-align:center}
.page-hero{padding:74px 0;background:linear-gradient(135deg,var(--cream),#fff)}
.site-footer{background:#111410;color:#fff;padding:66px 0 26px;margin-top:70px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:46px}
.footer-logo{width:125px;filter:brightness(0) invert(1)}
.site-footer p,.site-footer a{color:#c7ccc3}
.site-footer a:hover{color:var(--green)}
.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:24px;color:#aeb4aa;font-size:.88rem}

/* WooCommerce */
.woocommerce .woocommerce-result-count{color:var(--muted)}
.woocommerce .woocommerce-ordering select{
 padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#fff
}
.woocommerce ul.products{
 display:grid!important;grid-template-columns:repeat(4,1fr);
 gap:24px;margin:0!important
}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{
 width:auto!important;margin:0!important;float:none!important;background:#fff;
 border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
 box-shadow:0 8px 28px rgba(31,33,31,.04);transition:.22s
}
.woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.woocommerce ul.products li.product a img{
 height:285px;object-fit:contain;margin:0!important;padding:20px;background:#f5f1e8
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
 font-family:Georgia,"Times New Roman",serif;font-size:1.38rem!important;
 padding:22px 20px 8px!important;color:var(--ink)
}
.woocommerce ul.products li.product .button{margin:10px 20px 22px!important}
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:58px}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important}
.woocommerce div.product div.images{
 background:var(--cream);border-radius:30px;padding:30px;border:1px solid var(--line)
}
.woocommerce div.product .product_title{font-size:clamp(2.7rem,5vw,5rem)}
.woocommerce-product-details__short-description{color:var(--muted);font-size:1.08rem}
.woocommerce div.product .product_meta{border-top:1px solid var(--line);padding-top:18px}
.woocommerce-tabs{grid-column:1/-1}
.catalog-inquiry{margin-top:22px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--green)!important}
@media(max-width:980px){
 .hero-grid,.brand-story,.wholesale,.woocommerce div.product{grid-template-columns:1fr}
 .categories{grid-template-columns:repeat(2,1fr)}
 .features{grid-template-columns:repeat(2,1fr)}
 .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
 .site-nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line)}
 .site-nav.open{display:block}
 .site-nav ul{flex-direction:column;align-items:flex-start;padding:24px}
 .menu-toggle{display:block}.header-cta{display:none}
}
@media(max-width:650px){
 .categories,.features,.footer-grid,.woocommerce ul.products,.hero-badges,.market-strip{grid-template-columns:1fr}
 .section{padding:66px 0}.hero{padding:68px 0}.hero-visual{min-height:320px}.wholesale{padding:34px}
}