/* ---------- Phones and tablets ---------- */
@media (max-width:768px){
	.kl-acc-bg{padding:24px 16px;}
	html body .kl-acc{grid-template-columns:1fr;gap:16px;}

	/* menu becomes a row of chips that wraps (no sideways scrolling) */
	html body .kl-acc .kl-acc-nav{position:static;padding:10px!important;}
	html body .kl-acc .kl-acc-nav ul:where(:not(.kb-book *)){flex-direction:row;flex-wrap:wrap;gap:8px;}
	html body .kl-acc .kl-acc-nav li a:where(:not(.kb-book *)){min-height:40px;padding:8px 14px!important;border:1px solid var(--kl-divider);border-radius:var(--kl-radius-pill)!important;font-size:11px!important;box-shadow:none;}
	html body .kl-acc .kl-acc-nav li.is-active a:where(:not(.kb-book *)){background:var(--kl-ink)!important;color:#fff!important;border-color:var(--kl-ink);box-shadow:none;}
	html body .kl-acc .kl-acc-nav li.kl-nav-logout:where(:not(.kb-book *)){margin:0!important;padding:0!important;border:0!important;}

	html body .kl-acc .kl-acc-content{padding:24px 20px!important;}
	html body .kl-acc .kl-acc-content h2.kl-dash-title:where(:not(.kb-book *)){font-size:26px!important;}
	html body .kl-acc .kl-shortcuts{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;}
	html body .kl-acc a.kl-shortcut:where(:not(.kb-book *)){flex-direction:column;gap:10px;min-height:0;padding:14px!important;}
	html body .kl-acc .kl-shortcut-text small:where(:not(.kb-book *)){display:none;}

	/* rows become small cards with labels */
	html body .kl-acc .kl-list{margin:0 0 20px;}
	html body .kl-acc .kl-list-head{display:none;}
	html body .kl-acc .kl-list-row{grid-template-columns:1fr!important;row-gap:8px;padding:16px;margin:0 0 10px;border:1px solid var(--kl-divider);border-radius:var(--kl-radius-card);}
	html body .kl-acc .kl-c[data-label]{display:flex;justify-content:flex-end;align-items:baseline;flex-wrap:wrap;gap:4px 8px;text-align:right;}
	html body .kl-acc .kl-c[data-label]::before{content:attr(data-label);margin-right:auto;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kl-muted);text-align:left;}
	html body .kl-acc .kl-c[data-label] small:where(:not(.kb-book *)){display:inline;margin:0;}
	html body .kl-acc .kl-c[data-label] small:where(:not(.kb-book *))::before{content:"\00b7\00a0";}
	html body .kl-acc .kl-c-actions{justify-content:stretch;margin-top:4px;}
	html body .kl-acc .kl-c-actions a.button:where(:not(.kb-book *)){flex:1;min-height:44px;}
	html body .kl-acc .kl-list-items{--kl-cols:1fr;}
	html body .kl-acc .kl-totals{max-width:none;}

	html body .kl-acc .kl-acc-content :is(form.woocommerce-EditAccountForm,.woocommerce-address-fields__field-wrapper):where(:not(.kb-book *)){grid-template-columns:minmax(0,1fr);}
	html body .kl-acc .kl-acc-content :is(.woocommerce-message,.woocommerce-info,.woocommerce-error):has(> .button){flex-direction:column-reverse;align-items:stretch;}
	html body .kl-acc .kl-acc-content .wc-block-components-notice-banner__content:has(> .button){flex-direction:column-reverse;align-items:stretch;}
	html body .kl-acc .kl-acc-content :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner__content) > a.button{width:100%!important;min-height:44px!important;}
}

/* ---------- Computer (mouse, wide screen): smaller, tighter sizes (same idea as the login card) ---------- */
@media (min-width:769px) and (hover:hover) and (pointer:fine){
	html body .kl-acc{font-size:14px;}
	html body .kl-acc .kl-acc-content{padding:32px 36px!important;font-size:14px;}
	html body .kl-acc .kl-acc-nav li a:where(:not(.kb-book *)){min-height:38px;padding:8px 12px!important;font-size:11px!important;}
	html body .kl-acc .kl-acc-content h2.kl-dash-title:where(:not(.kb-book *)){font-size:26px!important;}
	html body .kl-acc .kl-acc-content .kl-dash-sub{font-size:14px!important;margin-bottom:28px!important;}
	html body .kl-acc .kl-c{font-size:14px!important;}
	html body .kl-acc .kl-list-row{padding:13px 12px;}
	html body .kl-acc .kl-acc-content :is(a.button,button:not(.show-password-input),input[type=submit],.woocommerce-Button):where(:not(.kb-book *)){min-height:40px;padding:9px 18px!important;font-size:11px!important;}
	html body .kl-acc .kl-acc-content a.button.kl-act:where(:not(.kb-book *)){min-height:34px;padding:6px 12px!important;}
	html body .kl-acc .kl-acc-content :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=url],input[type=search],select):where(:not(.kb-book *)){height:40px!important;font-size:14px!important;padding:0 12px!important;}
	html body .kl-acc .kl-acc-content select:where(:not(.kb-book *)){padding-right:36px!important;}
	html body .kl-acc .kl-acc-content textarea:where(:not(.kb-book *)){font-size:14px!important;}
	html body .kl-acc .kl-acc-content .select2-container .select2-selection--single{height:40px!important;}
	html body .kl-acc .kl-acc-content .select2-container .select2-selection__rendered{line-height:38px!important;font-size:14px!important;}
	html body .kl-acc .kl-acc-content .select2-container .select2-selection__arrow{height:38px!important;}
	html body .kl-acc .kl-acc-content label:where(:not(.kb-book *)){font-size:13px!important;margin-bottom:6px!important;}
	html body .kl-acc .kl-acc-content :is(.form-row,.woocommerce-form-row):where(:not(.kb-book *)){margin-bottom:16px!important;}
	html body .kl-acc .kl-acc-content input[type=checkbox]:where(:not(.kb-book *)){flex-basis:18px;width:18px!important;min-width:18px;height:18px!important;border-radius:5px;}
	html body .kl-acc a.kl-shortcut:where(:not(.kb-book *)){min-height:68px;padding:14px!important;}
	html body .kl-acc .kl-shortcut-icon{width:36px;height:36px;}
	html body .kl-acc .kl-shortcut-text b:where(:not(.kb-book *)){font-size:12px!important;}
	html body .kl-acc .kl-total-row{font-size:14px!important;}
}

/* ---------- Reduced motion: no movement ---------- */
@media (prefers-reduced-motion:reduce){
	html body .kl-acc, html body .kl-acc *:where(:not(.kb-book *)), html body .kl-acc *:where(:not(.kb-book *))::before, html body .kl-acc *:where(:not(.kb-book *))::after{animation:none!important;transition:none!important;}
	html body .kl-acc :is(a,button,input)[class]:is(:hover,:active):where(:not(.kb-book *)), html body .kl-acc a.kl-shortcut:hover:where(:not(.kb-book *)), html body .kl-acc .kl-acc-content :is(a.button,button,input[type=submit]):is(:hover,:active):where(:not(.kb-book *)){transform:none!important;}
}