/* Match the existing service/archive title bar while retaining native checkout steps. */
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account) :is(.wd-page-title,.wd-page-title-bg){background:#ecdfca;}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account) .wd-page-title{padding:38px 0;margin-bottom:32px;}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account) .wd-page-title .entry-title{color:#242424;font-size:36px;line-height:1.2;}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account) .wd-page-title :is(.woocommerce-breadcrumb,.woocommerce-breadcrumb a,.wd-checkout-steps,.wd-checkout-steps a){color:#595044;}
:is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account) .wd-page-title .wd-checkout-steps .active{color:#242424;}
.grde-whatsapp{position:fixed;right:20px;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:350;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 3px 12px #0003;transition:background-color .2s;}
.grde-whatsapp:hover{color:#fff;background:#158a43;}
.grde-whatsapp:focus-visible{outline:3px solid #242424;outline-offset:4px;}
.grde-whatsapp svg{display:block;flex-shrink:0;}
@media(max-width:767px){
 :is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account) .wd-page-title{padding:28px 0;margin-bottom:24px;}
 :is(body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account) .wd-page-title .entry-title{font-size:28px;}
 .grde-whatsapp{right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));}
}

/* Customer-service welcome panel; only its green link leaves the website. */
button.grde-whatsapp{padding:0;min-height:0;border:0;cursor:pointer;text-transform:none;}
.grde-whatsapp-badge{position:absolute;right:-3px;top:-4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e43d4a;color:#fff;border:2px solid #fff;font:600 11px/1 Arial,sans-serif;}
.grde-whatsapp-panel[hidden],.grde-whatsapp-badge[hidden]{display:none!important;}
.grde-whatsapp-panel{position:fixed;z-index:351;right:20px;bottom:calc(158px + env(safe-area-inset-bottom,0px));width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 180px);overflow:auto;background:#f1f1f1;border-radius:16px;box-shadow:0 8px 32px #0003;color:#242424;text-align:left;font-size:16px;line-height:1.5;}
.grde-whatsapp-header{position:relative;display:flex;align-items:center;gap:14px;padding:20px 44px 20px 20px;background:#11877b;color:#fff;}
.grde-whatsapp-avatar{display:flex;flex:0 0 56px;width:56px;height:56px;align-items:center;justify-content:center;background:#fff;border-radius:50%;overflow:hidden;}
.grde-whatsapp-avatar img{display:block;width:46px;height:46px;object-fit:contain;}
.grde-whatsapp-profile{min-width:0;display:flex;flex-direction:column;gap:2px;}
.grde-whatsapp-profile strong{color:#fff;font-size:18px;line-height:1.3;}
.grde-whatsapp-status{color:#d5f1eb;font-size:14px;font-style:italic;}
button.grde-whatsapp-close{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;min-height:0;width:36px;height:36px;padding:0;border:0;border-radius:4px;background:transparent;color:#d5f1eb;font:32px/1 Arial,sans-serif;cursor:pointer;}
button.grde-whatsapp-close:hover{background:#ffffff1a;color:#fff;}
.grde-whatsapp-body{padding:20px;min-height:190px;background-color:#eee8df;background-image:radial-gradient(#d9d0c2 1px,transparent 1px);background-size:16px 16px;}
.grde-whatsapp-message{position:relative;background:#fff;padding:14px 16px 10px;border-radius:0 12px 12px 12px;box-shadow:0 1px 3px #0002;}
.grde-whatsapp-message:before{content:"";position:absolute;left:-10px;top:0;border-top:12px solid #fff;border-left:10px solid transparent;}
.grde-whatsapp-message p{margin:0;color:#242424;font-size:16px;line-height:1.5;}
.grde-whatsapp-time{display:block;text-align:right;font-size:12px;color:#666;margin-top:6px;}
.grde-whatsapp-actions{padding:16px;background:#f1f1f1;}
a.grde-whatsapp-start{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 16px;border-radius:30px;background:#05ca53;color:#fff;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;text-align:center;}
.grde-whatsapp-start svg{width:24px;height:24px;flex:0 0 24px;}
a.grde-whatsapp-start:hover{background:#158a43;color:#fff;}
:is(.grde-whatsapp-close,.grde-whatsapp-start):focus-visible{outline:3px solid #242424;outline-offset:-4px;}
@media(max-width:767px){.grde-whatsapp-panel{right:16px;bottom:calc(148px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 164px);}.grde-whatsapp-header{padding:18px 40px 18px 18px;gap:12px;}.grde-whatsapp-profile strong{font-size:17px;}.grde-whatsapp-body{padding:18px;min-height:160px;}}
@media(max-height:500px){.grde-whatsapp-panel{bottom:12px;max-height:calc(100dvh - 24px);}.grde-whatsapp-body{min-height:0;}}

/* Native Woodmart button rules are emitted later than the shared stylesheet. */
body button.grde-whatsapp{position:fixed;display:flex;border:0;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 3px 12px #0003;}
body button.grde-whatsapp:focus-visible{outline:3px solid #242424;outline-offset:4px;}
body button.grde-whatsapp:hover{background:#158a43;color:#fff;}