/* Shared storefront action style. Navigation, quantity and tab controls keep their roles. */
body{--shg-button-bg:#80523e;--shg-button-hover:#65412f;--shg-button-text:#fff}
body :is(a.button,button.button,input.button,input[type=submit].button,.product-open,.wpforms-submit),
body.woocommerce :is(a.button,button.button,input.button,#respond input#submit),
body.woocommerce-page :is(a.button,button.button,input.button,.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button),
body.woocommerce.single-product div.product form.cart .button,
body.woocommerce ul.products li.product a.button,
body .store-main .product-open,
body .store-main .showcase-group .hero .button{
 background:var(--shg-button-bg);border:1px solid var(--shg-button-bg);color:var(--shg-button-text);border-radius:999px;box-shadow:none;font-family:var(--sans);font-weight:500;text-decoration:none;
}
body :is(a.button,button.button,input.button,input[type=submit].button,.product-open,.wpforms-submit):hover:not(:disabled),
body.woocommerce :is(a.button,button.button,input.button,#respond input#submit):hover:not(:disabled),
body.woocommerce-page :is(a.button,button.button,input.button,.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button):hover:not(:disabled),
body.woocommerce.single-product div.product form.cart .button:hover:not(:disabled),
body.woocommerce ul.products li.product a.button:hover,
body .store-main .product-open:hover,
body .store-main .showcase-group .hero .button:hover{
 background:var(--shg-button-hover);border-color:var(--shg-button-hover);color:var(--shg-button-text);
}
body :is(a.button,button.button,input.button,.product-open,.wpforms-submit):focus-visible,
body.woocommerce-page .wc-block-components-button:focus-visible{outline:3px solid #80523e;outline-offset:3px}
body :is(button.button,input.button,.wpforms-submit):disabled,
body.woocommerce .button.disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:no-preference){
 body :is(a.button,button.button,input.button,.product-open,.wpforms-submit),
 body.woocommerce-page .wc-block-components-button:not(.is-link){transition:background-color .2s,border-color .2s,color .2s}
}

/* A single inset chevron prevents the native arrow clipping on rounded selects. */
body.woocommerce .woocommerce-ordering select{
 appearance:none;-webkit-appearance:none;
 background-color:#fffdf9;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2380523e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;
 padding:10px 48px 10px 18px;cursor:pointer;
}
body.woocommerce .woocommerce-ordering select:focus-visible{outline:2px solid #80523e;outline-offset:3px}

/* Filters retain their selected state with the same brand hover color. */
body .collection-tabs button:hover,body .collection-tabs button.is-active,
body .collection-tabs button[aria-pressed=true]{background:#80523e;border-color:#80523e;color:#fff}
body .collection-tabs button:focus-visible{outline:2px solid #80523e;outline-offset:3px}

/* Small, deliberate feedback across benefit items, product cards and actions. */
.catalog-promises>a:focus-visible{outline:2px solid #80523e;outline-offset:4px;border-radius:6px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .catalog-promises>div,.catalog-promises>a{transition:color .22s ease}
 .catalog-promises>div svg,.catalog-promises>a svg{transition:transform .25s ease,color .25s ease}
 .catalog-promises>div:hover svg,.catalog-promises>a:hover svg,.catalog-promises>a:focus-visible svg{transform:translateY(-3px);color:#65412f}
 .catalog-promises>a:hover{color:#65412f}
 .product-grid .product-card,body.woocommerce ul.products li.product{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
 .product-grid .product-card:hover,body.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 9px 24px #3e2d2214;border-color:#cdbdaf}
 body :is(a.button,.product-open) svg,body.woocommerce ul.products li.product a.button::after{transition:transform .22s ease}
 body :is(a.button,.product-open):hover svg,body.woocommerce ul.products li.product a.button:hover::after{transform:translateX(4px)}
 .collection-tabs button{transition:background-color .2s ease,border-color .2s ease,color .2s ease}
}

/* Every interactive button responds over its entire hit area, including icon buttons. */
@media(hover:hover) and (pointer:fine){
 body :is(button:not(:disabled),input[type=submit]:not(:disabled),a.button,.product-open,[role=button]):hover{
  filter:brightness(.92);
 }
 body :is(button:not(:disabled),input[type=submit]:not(:disabled),a.button,.product-open,[role=button]):active{
  filter:brightness(.84);
 }
 .catalog-promises>a:hover{background-color:#80523e0d;border-radius:6px}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body :is(button:not(:disabled),input[type=submit]:not(:disabled),a.button,.product-open,[role=button]){transition:filter .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
}

/* Homepage slider tabs and the four informational benefits. */
.store-main .showcase-group .slider-choice:focus-visible{outline:2px solid #80523e;outline-offset:4px;border-radius:6px}
@media(hover:hover) and (pointer:fine){
 .store-main .showcase-group .slider-choice:hover{opacity:1;color:#65412f}
 .store-main .showcase-group .slider-choice:hover strong{color:#65412f}
 .store-main .showcase-group .slider-choice:hover::after{transform:scaleX(1)}
 .store-main .showcase-group .benefits>div:hover strong{color:#65412f}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .store-main .showcase-group .slider-choice .choice-symbol,
 .store-main .showcase-group .benefits .benefit-icon{transition:transform .24s ease,color .24s ease,background-color .24s ease,border-color .24s ease}
 .store-main .showcase-group .slider-choice:hover .choice-symbol{transform:translateY(-3px);background:#80523e17;border-color:#80523e}
 .store-main .showcase-group .benefits>div:hover .benefit-icon{transform:translateY(-3px);color:#65412f}
 .store-main .showcase-group .benefits strong{transition:color .2s ease}
}

/* Make the complete product action visibly respond, not only its arrow. */
@media(hover:hover) and (pointer:fine){
 body .product-grid .product-open:hover,
 body .store-main .product-open:hover,
 body.woocommerce ul.products li.product a.button:hover{
  background:#3f2d25;border-color:#3f2d25;color:#fff;filter:none;
  box-shadow:0 5px 14px #3f2d2538;cursor:pointer;
 }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body .product-grid .product-open,body.woocommerce ul.products li.product a.button{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
 body .product-grid .product-open:hover,body.woocommerce ul.products li.product a.button:hover{transform:translateY(-2px)}
}