/* POS public UX: pagination, account controls and accessible focus. */
body.pos-public-polish .row_pagination{display:block!important;clear:both;margin:18px 0;max-width:100%}
body.pos-public-polish .pagination{display:flex!important;flex-wrap:wrap;gap:6px;padding:0;margin:0;max-width:100%;float:none!important}
body.pos-public-polish .pagination>li{display:block;float:none;margin:0}
body.pos-public-polish .pagination>li>a,body.pos-public-polish .pagination>li>span{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:9px 13px;border:1px solid #d8ddda;border-radius:5px;background:#fff;color:#252824;font-size:14px;line-height:1.3;text-decoration:none}
body.pos-public-polish .pagination>li.active>a{background:#252824;color:#fff;border-color:#252824;font-weight:700}
body.pos-public-polish .pagination>li.disabled{display:none}
body.pos-public-polish .pagination>li>a:hover{background:#eef1ec;color:#252824;border-color:#9da88b}
body.pos-public-polish .pagination>li.active>a:hover{background:#252824;color:#fff}
body.pos-public-polish .modal-footer>a,body.pos-public-polish .modal-body a:not(.btn){color:#40541c;text-decoration:underline;text-underline-offset:3px}
body.pos-public-polish .modal-footer>a:hover,body.pos-public-polish .modal-body a:not(.btn):hover{color:#252824}
body.pos-public-polish .modal-title{color:#252824;line-height:1.3}
body.pos-public-polish .pos-password-field{position:relative}
body.pos-public-polish .pos-password-field input{padding-right:95px!important}
body.pos-public-polish .pos-password-toggle{position:absolute;right:4px;top:4px;bottom:4px;border:0;border-left:1px solid #d8ddda;border-radius:0 4px 4px 0;min-width:82px;padding:6px 10px;background:#f1f3ef;color:#283026;font:600 12px/1.2 Arial,sans-serif;cursor:pointer}
body.pos-public-polish .pos-password-toggle:hover{background:#e5eadd}
body.pos-public-polish .modal .form-control:focus{border-color:#718d21;box-shadow:0 0 0 3px rgba(113,141,33,.16)}
body.pos-public-polish .pos-password-toggle:focus-visible,body.pos-public-polish .pagination a:focus-visible{outline:3px solid #718d21;outline-offset:3px}
body.pos-public-polish .pos-page-position{font-size:13px;line-height:1.5;color:#4b554c;margin:0 0 9px}
body.pos-public-polish .modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
body.pos-public-polish .modal-footer:before,body.pos-public-polish .modal-footer:after{display:none}
body.pos-public-polish .modal-footer .btn{margin:0;min-height:44px}
@media(max-width:767px){body.pos-public-polish .row_pagination{margin:16px 0}body.pos-public-polish .pagination{gap:5px}body.pos-public-polish .pagination>li>a{min-width:44px;padding:9px 12px}body.pos-public-polish .modal-footer>a{flex-basis:100%;text-align:left;padding:8px 0}body.pos-public-polish .modal .modal-content{border-radius:10px}body.pos-public-polish .modal .modal-body{padding:18px}}
@media(prefers-reduced-motion:reduce){body.pos-public-polish .modal.fade .modal-dialog{transition:none!important}}

.pos-category-guide{background:#f4f4f3;border:1px solid #dededb;border-radius:8px;padding:22px;margin:20px 0;color:#292d29}.pos-category-guide h2{font-size:24px!important;line-height:1.25!important;color:#292d29!important;margin:0 0 12px}.pos-category-guide h3{font-size:19px!important;color:#292d29!important;margin:24px 0 12px}.pos-category-guide p,.pos-category-guide li{font-size:16px;line-height:1.65}.pos-category-guide ul{padding-left:22px}.pos-category-guide a{color:#465800!important;text-decoration:underline;text-underline-offset:3px}.pos-category-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-bottom:0}.pos-category-links a{display:inline-flex;align-items:center;min-height:44px}.pos-category-guide a:focus-visible{outline:3px solid #839600;outline-offset:4px}@media(max-width:600px){.pos-category-guide{padding:18px}.pos-category-guide h2{font-size:21px!important}}
