/* PT Site Refresh: volume-discount nudge (cart banner). DRAFT. Compact version (07-Nov-2026).
   Every rule is scoped under body.ptsr, so nothing applies while the design switch is off. */

body.ptsr .ptsr-nudge{
	position:relative;box-sizing:border-box;display:grid;gap:8px;margin:0 0 18px;padding:12px 16px 10px 20px;
	background:linear-gradient(135deg,#F7FAFE 0%,#EAF1FB 100%);border:1px solid #BFD0EE;border-radius:12px;
	box-shadow:inset 4px 0 0 #64AA53;color:#1A202C;font-family:var(--ptsr-body,'Roboto',system-ui,sans-serif);
}
body.ptsr .ptsr-nudge *{box-sizing:border-box;}
body.ptsr .ptsr-nudge p{margin:0;}

/* head: badge | message | saving | button, all on one row when there is room */
body.ptsr .ptsr-nudge__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;}
/* small, quiet: a soft blue disc with the percentage in brand blue (decorative; the title and the meter carry the message) */
body.ptsr .ptsr-nudge__badge{
	flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
	background:#E3ECFA;border:1px solid #C5D5EE;color:#134095;font-family:var(--ptsr-display,'Roboto Condensed','Roboto',sans-serif);font-weight:700;font-size:13px;line-height:1;
}
body.ptsr .ptsr-nudge__copy{flex:1 1 200px;min-width:0;}
body.ptsr .ptsr-nudge__title{font-family:var(--ptsr-display,'Roboto Condensed','Roboto',sans-serif);font-weight:700;font-size:17px;line-height:1.2;color:#134095;}
body.ptsr .ptsr-nudge__text{margin-top:2px !important;font-size:14px;line-height:1.4;color:#1A202C;}
body.ptsr .ptsr-nudge__save{
	flex:0 0 auto;padding:4px 10px;border-radius:999px;background:#fff;border:1.5px solid #64AA53;color:#1A202C;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;
}
body.ptsr .ptsr-nudge__cta{
	flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:999px;
	background:#134095;color:#fff !important;font-size:13px;font-weight:600;line-height:1;text-decoration:none !important;border:0;white-space:nowrap;
}
body.ptsr .ptsr-nudge__cta:hover{background:#0E3278;color:#fff;}
body.ptsr .ptsr-nudge__cta:focus-visible{outline:3px solid #134095;outline-offset:3px;}

/* level meter */
body.ptsr .ptsr-nudge__steps{display:flex;list-style:none;margin:0;padding:0;}
body.ptsr .ptsr-nudge__step{position:relative;flex:1 1 0;min-width:0;padding:20px 2px 0;text-align:center;}
body.ptsr .ptsr-nudge__step::before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:3px;border-radius:2px;background:#D2DCEA;}
body.ptsr .ptsr-nudge__step:first-child::before{display:none;}
body.ptsr .ptsr-nudge__dot{position:absolute;z-index:1;top:1px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;border:2.5px solid #A0AEC0;}
body.ptsr .ptsr-nudge__pct{display:block;font-family:var(--ptsr-display,'Roboto Condensed','Roboto',sans-serif);font-weight:700;font-size:15px;line-height:1.1;color:#4A5568;}
body.ptsr .ptsr-nudge__qty{display:block;margin-top:1px;font-size:12px;line-height:1.25;color:#4A5568;}
body.ptsr .ptsr-nudge__step.is-reached::before{background:#64AA53;}
body.ptsr .ptsr-nudge__step.is-reached .ptsr-nudge__dot{background:#64AA53;border-color:#64AA53;}
body.ptsr .ptsr-nudge__step.is-reached .ptsr-nudge__pct{color:#134095;}
body.ptsr .ptsr-nudge__step.is-next .ptsr-nudge__dot{border-color:#134095;box-shadow:0 0 0 3px rgba(19,64,149,.16);}
body.ptsr .ptsr-nudge__step.is-next .ptsr-nudge__pct{color:#134095;}
body.ptsr .ptsr-nudge__step.is-next .ptsr-nudge__qty{color:#1A202C;font-weight:500;}

body.ptsr .ptsr-nudge__fine{font-size:12px;line-height:1.4;color:#4A5568;}

@media (prefers-reduced-motion:no-preference){
	body.ptsr .ptsr-nudge__cta,body.ptsr .ptsr-nudge__dot,body.ptsr .ptsr-nudge__step::before{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;}
}

/* the cart banner sits inside the white cart card */
body.ptsr.woocommerce-cart form.woocommerce-cart-form .ptsr-nudge{margin:0 0 20px;}

@media (max-width:700px){
	body.ptsr .ptsr-nudge{padding:12px 12px 10px 16px;border-radius:10px;box-shadow:inset 3px 0 0 #64AA53;}
	body.ptsr .ptsr-nudge__copy{flex-basis:calc(100% - 50px);}
	body.ptsr .ptsr-nudge__save{order:3;}
	body.ptsr .ptsr-nudge__cta{order:4;flex:1 1 auto;}
	body.ptsr .ptsr-nudge__pct{font-size:14px;}
	body.ptsr .ptsr-nudge__qty{font-size:12px;font-weight:500;}
	/* number only on a phone; the word stays available to screen readers */
	body.ptsr .ptsr-nudge__unit{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
}