/* WA Catalog – tema navy biru (warna logo Goel Glass). Ganti warna di variabel ini. */
:root{
  --wac-primary:#2A3B8F;
  --wac-primary-dark:#1B2560;
  --wac-accent:#1677BA;
  --wac-ink:#141A2E;
  --wac-muted:#66708A;
  --wac-line:#DFE3EC;
  --wac-soft:#F4F6FA;
  --wac-wa:#1F8F4E;
  --wac-display:"Bodoni Moda",Georgia,serif;
  --wac-body:"Jost","Helvetica Neue",Arial,sans-serif;
  --wac-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
body{font-family:var(--wac-body)}

/* ---------- Header menu ---------- */
.wac-menu{position:relative;font-family:var(--wac-body)}
.wac-menu-list{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}
.wac-menu-list li{position:relative;margin:0}
.wac-menu-list a{display:block;padding:10px 14px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--wac-muted);text-decoration:none}
.wac-menu-list a:hover,.wac-menu-list .current-menu-item>a,.wac-menu-list .current-menu-ancestor>a{color:var(--wac-primary)}
.wac-menu-list .menu-item-has-children>a::after{content:"▾";margin-left:6px;font-size:10px}
.wac-menu-list .sub-menu{list-style:none;margin:0;padding:8px 0;position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--wac-line);border-top:2px solid var(--wac-primary);box-shadow:0 12px 30px rgba(20,26,46,.08);display:none;z-index:50}
.wac-menu-list li:hover>.sub-menu,.wac-menu-list li:focus-within>.sub-menu{display:block}
.wac-menu-list .sub-menu a{text-transform:none;letter-spacing:0;font-size:14px;color:var(--wac-ink);padding:9px 18px}
.wac-menu-list .sub-menu a:hover{background:var(--wac-soft);color:var(--wac-primary)}
.wac-menu-toggle{display:none;border:1px solid var(--wac-line);background:#fff;color:var(--wac-ink);padding:8px 14px;font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
@media(max-width:900px){
  .wac-menu-toggle{display:block;margin-left:auto}
  .wac-menu-list{display:none;position:absolute;right:0;top:calc(100% + 10px);width:min(320px,90vw);flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--wac-line);z-index:60;padding:6px 0}
  .wac-menu.is-open .wac-menu-list{display:flex}
  .wac-menu-list a{padding:13px 18px;border-bottom:1px solid var(--wac-line)}
  .wac-menu-list .sub-menu{position:static;box-shadow:none;border:0;padding:0 0 0 14px}
  .wac-menu-list li.is-open>.sub-menu{display:block}
  .wac-menu-list li:hover>.sub-menu{display:none}
  .wac-menu-list li.is-open:hover>.sub-menu{display:block}
}

/* ---------- Buttons ---------- */
.wac-btn,.wac-btn-line{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-family:var(--wac-body);font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;line-height:1.2;transition:background .2s,color .2s,border-color .2s}
.wac-btn{background:var(--wac-primary);color:#fff!important;border:1px solid var(--wac-primary)}
.wac-btn:hover{background:var(--wac-primary-dark);border-color:var(--wac-primary-dark)}
.wac-btn-line{background:#fff;color:var(--wac-ink)!important;border:1px solid var(--wac-line)}
.wac-btn-line:hover{border-color:var(--wac-ink)}
.wac-btn-lg{padding:16px 28px;font-size:13px}
.wac-btn svg{width:18px;height:18px}

/* ---------- Catalog ---------- */
.wac-katalog{font-family:var(--wac-body)}
.wac-search{display:flex;gap:0;max-width:420px;margin:0 0 20px}
.wac-search input{flex:1;min-width:0;border:0;border-bottom:1px solid var(--wac-ink);padding:10px 0;font:inherit;background:transparent;border-radius:0}
.wac-search input:focus{outline:none;border-color:var(--wac-primary)}
.wac-search button{border:0;background:var(--wac-ink);color:#fff;padding:0 18px;font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.wac-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.wac-chip{border:1px solid var(--wac-line);padding:9px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--wac-ink);text-decoration:none}
.wac-chip:hover{border-color:var(--wac-primary);color:var(--wac-primary)}
.wac-chip.is-active{background:var(--wac-primary);border-color:var(--wac-primary);color:#fff}
.wac-count{color:var(--wac-muted);font-size:14px;margin:0 0 20px}
.wac-empty{padding:48px 0;text-align:center;color:var(--wac-muted)}
.wac-pager ul{list-style:none;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:40px 0 0;padding:0}
.wac-pager a,.wac-pager span{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--wac-line);color:var(--wac-ink);text-decoration:none;font-variant-numeric:tabular-nums}
.wac-pager .current{background:var(--wac-primary);border-color:var(--wac-primary);color:#fff}

/* WooCommerce loop cards */
.woocommerce ul.products,.wac-katalog ul.products{display:grid!important;grid-template-columns:repeat(var(--wac-cols,3),minmax(0,1fr));gap:40px 22px;margin:0!important;padding:0!important}
.woocommerce ul.products.columns-2{--wac-cols:2}
.woocommerce ul.products.columns-3{--wac-cols:3}
.woocommerce ul.products.columns-4{--wac-cols:4}
.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;display:flex;flex-direction:column;gap:6px;text-align:left}
.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:cover;background:var(--wac-soft);margin:0 0 10px!important;transition:transform .5s ease}
.woocommerce ul.products li.product:hover a img{transform:scale(1.03)}
.woocommerce ul.products li.product .woocommerce-loop-product__link{display:flex;flex-direction:column;gap:4px;text-decoration:none;overflow:hidden}
.wac-cat{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wac-muted)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--wac-display)!important;font-weight:400;font-size:19px!important;line-height:1.25;color:var(--wac-ink);padding:0!important;margin:0!important}
.wac-spec{font-family:var(--wac-mono);font-size:12px;color:var(--wac-muted)}
.wac-sku{font-family:var(--wac-mono);font-size:10px;color:var(--wac-muted);opacity:.8}
.woocommerce ul.products li.product .price{color:var(--wac-ink)!important;font-weight:400;font-size:15px!important;margin:4px 0 0!important}
.wac-unit{color:var(--wac-muted);font-size:13px}
.wac-noprice{color:var(--wac-primary);font-size:14px}
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{background:#fff;color:var(--wac-primary);border-radius:0;min-height:0;min-width:0;line-height:1;padding:6px 10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;top:12px;left:12px;right:auto;margin:0}
.wac-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.wac-actions a{flex:1}
@media(max-width:1000px){.woocommerce ul.products{--wac-cols:2!important;gap:32px 14px}}
@media(max-width:420px){.woocommerce ul.products{--wac-cols:1!important}}

/* Single product */
.single-product .product_title{font-family:var(--wac-display);font-weight:400}
.single-product .summary .price{color:var(--wac-primary)!important;font-size:22px!important}
.wac-single{margin:20px 0}

/* Footer list */
.wac-list{list-style:none;margin:0;padding:0}
.wac-list a{color:inherit;text-decoration:none;display:block;padding:3px 0;opacity:.85}
.wac-list a:hover{opacity:1}

/* Floating WA */
.wac-float{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:999;width:58px;height:58px;border-radius:50%;background:var(--wac-wa);color:#fff!important;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}

/* Helper classes dipakai di template Elementor */
.wac-eyebrow .elementor-heading-title{font-family:var(--wac-body)!important;font-size:12px!important;letter-spacing:.24em!important;text-transform:uppercase;font-weight:500!important}
.wac-card{border:1px solid var(--wac-line);background:#fff}
.wac-stat .elementor-counter-number-wrapper{font-family:var(--wac-display);color:var(--wac-primary);font-size:44px;font-weight:400;line-height:1}
.wac-stat .elementor-counter-title{font-family:var(--wac-body);color:var(--wac-muted);font-size:13px;text-align:left}
.wac-stat .elementor-counter-number-wrapper{justify-content:flex-start}
.wac-client{border:1px solid var(--wac-line);min-height:110px}
.wac-faq .elementor-tab-title{font-family:var(--wac-display)!important;font-size:20px;font-weight:400;border:0!important;border-bottom:1px solid var(--wac-line)!important;padding:20px 0!important}
.wac-faq .elementor-toggle-item{border:0!important}
.wac-faq .elementor-tab-content{border:0!important;padding:0 0 20px!important;color:var(--wac-muted)}
.wac-faq .elementor-toggle-icon{color:var(--wac-primary)}
.wac-check ul{list-style:none;padding:0;margin:0}
@media(prefers-reduced-motion:reduce){.woocommerce ul.products li.product a img{transition:none}}
.wac-foot-cat .wac-list a{color:#B9C1D6}
.wac-foot-cat .wac-list a:hover{color:#fff}