/*
Theme Name: AgroWholesale Soft Luxury
Theme URI: https://agrowholesale.site/
Description: Soft-luxury Storefront child theme with custom wholesale header and mega-menu.
Author: AgroWholesale
Template: storefront
Version: 1.2.0
Text Domain: agrowholesale-soft-luxury
*/

:root {
  --agro-ivory:#F8F6F0; --agro-cream:#EFE9DC; --agro-white:#fff;
  --agro-green:#526B45; --agro-green-dark:#293F2C; --agro-green-soft:#E9EEE4;
  --agro-gold:#B89A69; --agro-gold-dark:#967744; --agro-text:#30352F;
  --agro-muted:#74766D; --agro-border:#E6DFD2;
  --agro-shadow:0 12px 30px rgba(49,55,39,.12);
}
html{scroll-behavior:smooth}
body{color:var(--agro-text);background:var(--agro-ivory);font-family:"Lato",Arial,sans-serif;line-height:1.6}
a{color:var(--agro-green-dark);text-underline-offset:3px}
a:hover,a:focus{color:var(--agro-gold-dark)}
h1,h2,h3,h4,h5,h6,.entry-title,.woocommerce-products-header__title{color:var(--agro-green-dark);font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.02em}
button,input[type=button],input[type=reset],input[type=submit],.button,.added_to_cart,a.button{
 background:var(--agro-green);border:1px solid var(--agro-green);border-radius:24px;color:#fff;font-weight:600;padding:.75em 1.35em;transition:.2s ease
}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.button:hover,.added_to_cart:hover,a.button:hover{background:var(--agro-gold-dark);border-color:var(--agro-gold-dark);color:#fff}
.site-header{display:none!important}

/* Custom header */
.agro-site-header{position:relative;z-index:100;background:var(--agro-ivory);border-bottom:1px solid var(--agro-border)}
.agro-topbar{background:var(--agro-green-dark);color:#f8f6f0;font-size:12px}
.agro-topbar-inner{max-width:1440px;margin:auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.agro-topbar-left,.agro-topbar-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.agro-topbar a{color:#f8f6f0;text-decoration:none}
.agro-topbar a:hover{color:#e5c994}
.agro-topbar-item:before{content:"✦";color:#d8bd87;margin-right:7px}
.agro-header-main{max-width:1440px;margin:auto;padding:18px 24px;display:grid;grid-template-columns:minmax(220px,330px) minmax(280px,1fr) auto;align-items:center;gap:28px}
.agro-brand{display:flex;align-items:center;min-width:0;text-decoration:none}
.agro-brand img{display:block;width:auto;max-width:100%;max-height:88px;object-fit:contain}
.agro-brand-text{font-family:Georgia,serif;font-size:34px;line-height:1.05;font-weight:700;white-space:nowrap;color:var(--agro-green-dark)}
.agro-brand-text span{color:var(--agro-gold-dark)}
.agro-brand-tagline{display:block;margin-top:5px;font:10px/1.3 Arial,sans-serif;letter-spacing:.06em;color:var(--agro-green-dark);white-space:normal}
.agro-search{display:flex;min-width:0;height:46px;background:#fff;border:1px solid var(--agro-border);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.035)}
.agro-search select{max-width:155px;min-width:120px;border:0;border-right:1px solid var(--agro-border);border-radius:0;background:#fff;padding:0 12px;color:var(--agro-text);font-size:13px}
.agro-search input[type=search]{min-width:0;flex:1;border:0;border-radius:0;padding:0 15px;box-shadow:none}
.agro-search button{border:0;border-radius:0 8px 8px 0;padding:0 19px;min-width:54px}
.agro-header-actions{display:flex;align-items:center;gap:20px}
.agro-header-action{display:flex;align-items:center;gap:8px;color:var(--agro-green-dark);text-decoration:none;white-space:nowrap;font-size:13px}
.agro-header-action strong{display:block;font-size:13px}
.agro-header-action small{display:block;color:var(--agro-muted);font-size:11px}
.agro-action-icon{font-size:25px;line-height:1}
.agro-cart-count{display:inline-flex;align-items:center;justify-content:center;background:var(--agro-gold-dark);color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;margin-left:-8px;margin-top:-18px}
.agro-nav-wrap{border-top:1px solid rgba(184,154,105,.22);background:rgba(255,255,255,.48)}
.agro-nav-inner{max-width:1440px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:18px}
.agro-mobile-toggle{display:none;background:var(--agro-green-dark);color:#fff;border:0;border-radius:7px;padding:10px 13px}
.agro-main-nav{flex:1;min-width:0}
.agro-main-nav ul{list-style:none;margin:0;padding:0}
.agro-main-nav > ul,.agro-main-nav > div > ul{display:flex;align-items:stretch;justify-content:space-between;gap:2px}
.agro-main-nav li{position:relative}
.agro-main-nav a{display:block;color:var(--agro-text);text-decoration:none;font-size:13px;font-weight:700;padding:16px 11px}
.agro-main-nav > ul > li > a:hover,.agro-main-nav > div > ul > li > a:hover,.agro-main-nav li.current-menu-item>a{color:var(--agro-green);background:var(--agro-green-soft);border-radius:8px}
.agro-quote-btn{flex:none;background:var(--agro-gold-dark);color:#fff!important;text-decoration:none;border-radius:22px;padding:11px 17px;font-size:13px;font-weight:700}
.agro-quote-btn:hover{background:var(--agro-green-dark);color:#fff}

/* Standard dropdown */
.agro-main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--agro-border);border-radius:0 0 12px 12px;box-shadow:var(--agro-shadow);padding:12px;z-index:9999}
.agro-main-nav li:hover>.sub-menu,.agro-main-nav li:focus-within>.sub-menu,.agro-main-nav li.agro-open>.sub-menu{display:block}
.agro-main-nav .sub-menu a{padding:8px 10px;font-weight:500;border-bottom:1px solid #f1ede5}
.agro-main-nav .sub-menu .sub-menu{left:100%;top:0}

/* Mega menu: add CSS class agro-mega-menu to the top-level menu item.
   Its direct children become columns; grandchildren are links in each column. */
.agro-main-nav li.agro-mega-menu{position:static}
.agro-main-nav li.agro-mega-menu>.sub-menu{
 display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:18px;
 left:24px;right:24px;top:100%;width:auto;max-width:1392px;margin:0 auto;
 padding:24px;background:#fffdf8;border:1px solid var(--agro-border);border-radius:0 0 16px 16px;
}
.agro-main-nav li.agro-mega-menu>.sub-menu>li{min-width:0;border-right:1px solid var(--agro-border);padding-right:14px}
.agro-main-nav li.agro-mega-menu>.sub-menu>li:last-child{border-right:0}
.agro-main-nav li.agro-mega-menu>.sub-menu>li>a{
 color:var(--agro-green-dark);font-family:Georgia,serif;font-weight:700;font-size:16px;
 background:var(--agro-green-soft);border:0;border-radius:20px;padding:8px 12px;margin-bottom:8px
}
.agro-main-nav li.agro-mega-menu>.sub-menu>li>.sub-menu{
 display:block;position:static;min-width:0;width:auto;padding:0;border:0;box-shadow:none;background:transparent
}
.agro-main-nav li.agro-mega-menu>.sub-menu>li>.sub-menu>li>a{padding:6px 10px;font-size:13px}
.agro-main-nav li.agro-mega-menu>.sub-menu>li>.sub-menu>li>a:after{content:"›";float:right;color:var(--agro-gold-dark);font-size:17px}
.agro-main-nav li.agro-mega-menu>.sub-menu>li>.sub-menu .sub-menu{display:none}

/* Footer and shop */
.site-footer{background:var(--agro-green-dark);color:var(--agro-ivory);padding-top:3em}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer a{color:var(--agro-ivory)}
.site-footer a:hover{color:#e5c994}
.site-info{border-top:1px solid rgba(248,246,240,.18);color:#ded9cc}
.site-content{background:var(--agro-ivory)}
.woocommerce-breadcrumb{color:var(--agro-muted)}
ul.products li.product{background:#fff;border:1px solid var(--agro-border);border-radius:12px;padding:13px;box-shadow:0 3px 12px rgba(49,55,39,.045);transition:.2s ease;overflow:hidden}
ul.products li.product:hover{box-shadow:var(--agro-shadow);transform:translateY(-2px)}
ul.products li.product img{border-radius:8px}
ul.products li.product .woocommerce-loop-product__title{color:var(--agro-green-dark);font-weight:600}
ul.products li.product .price{color:var(--agro-gold-dark);font-weight:700}
.woocommerce span.onsale{background:var(--agro-gold);color:#fff;border-radius:20px;min-height:auto;min-width:auto;padding:.45em .8em}
.woocommerce-message,.woocommerce-info{background:var(--agro-green-soft);color:var(--agro-green-dark);border-top-color:var(--agro-green)}
input[type=search],input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],select,textarea{background:#fff;border:1px solid var(--agro-border);border-radius:8px;color:var(--agro-text)}
.agro-skip-link{position:absolute;left:-9999px;top:auto}
.agro-skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:10000}

@media(max-width:1100px){
 .agro-header-main{grid-template-columns:230px minmax(220px,1fr);gap:16px}
 .agro-header-actions{grid-column:1/-1;justify-content:flex-end}
 .agro-main-nav a{padding:14px 7px;font-size:12px}
 .agro-nav-inner{gap:10px}
}
@media(max-width:767px){
 .agro-topbar-inner{padding:7px 13px;justify-content:center}
 .agro-topbar-left{justify-content:center;gap:7px}
 .agro-topbar-right{display:none}
 .agro-topbar-item{font-size:10px}
 .agro-header-main{display:grid;grid-template-columns:1fr auto;padding:13px;gap:12px}
 .agro-brand-text{font-size:27px}
 .agro-brand img{max-height:58px}
 .agro-search{grid-column:1/-1;grid-row:2;height:42px}
 .agro-search select{max-width:105px;min-width:90px;font-size:11px;padding:0 6px}
 .agro-header-actions{grid-column:2;grid-row:1;gap:10px}
 .agro-header-action .agro-action-label{display:none}
 .agro-action-icon{font-size:23px}
 .agro-nav-inner{display:block;padding:8px 13px}
 .agro-mobile-toggle{display:inline-block}
 .agro-main-nav{display:none;padding-top:8px}
 .agro-main-nav.agro-nav-visible{display:block}
 .agro-main-nav>ul,.agro-main-nav>div>ul{display:block}
 .agro-main-nav a{padding:11px 10px;font-size:14px;border-bottom:1px solid var(--agro-border)}
 .agro-main-nav .sub-menu{display:none;position:static;min-width:0;width:100%;box-shadow:none;border:0;border-radius:0;padding:0 0 0 13px;background:#f4f0e7}
 .agro-main-nav li.agro-open>.sub-menu{display:block}
 .agro-main-nav li.agro-mega-menu>.sub-menu{display:none;grid-template-columns:1fr;position:static;width:100%;max-width:none;margin:0;padding:5px 10px;background:#f4f0e7;border:0;box-shadow:none}
 .agro-main-nav li.agro-mega-menu.agro-open>.sub-menu{display:grid}
 .agro-main-nav li.agro-mega-menu>.sub-menu>li{border:0;padding:0}
 .agro-main-nav li.agro-mega-menu>.sub-menu>li>a{font-size:14px;margin:0;border-radius:0}
 .agro-main-nav li.agro-mega-menu>.sub-menu>li>.sub-menu{display:block;background:transparent}
 .agro-quote-btn{display:inline-block;margin:10px 0 4px}
}