/* Dental Solutions: store-level Custom CSS. Source of truth: template/extra/store-custom.css in the theme repo. Paste the whole file after edits. */
:root{--ds-teal:#13575C;--ds-mint:#7DDE92;--ds-ink:#1B1B1B;--ds-muted:#4A6066;--ds-border:#DDE8E9;--ds-light:#E8F3F4;--ds-enamel:#F8FFE5;--ds-aqua-deep:#2F7B78;--ds-error:#B42318;--ds-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--ds-serif:"EB Garamond",Garamond,Georgia,serif}

/* page */
body.zpmyorder-body,.zpmyorder-body{font-family:var(--ds-sans)!important;color:var(--ds-ink);background:#fff!important}
.zpmyorder-section{background:#fff!important}
.zpmyorder-section .zpcontainer,.zpmyorder-header-section .zpcontainer,.zpmo-navbar-container .zpcontainer{max-width:none!important;padding-inline:100px!important}
@media (max-width:1199px){.zpmyorder-section .zpcontainer,.zpmyorder-header-section .zpcontainer,.zpmo-navbar-container .zpcontainer{padding-inline:24px!important}}

/* header: teal band, logo centred, user on the right */
.zpmyorder-header-section{background:var(--ds-teal)!important;padding:16px 0!important;border:0!important;box-shadow:none!important}
.zpmo-brand-header-container{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}
.zpmo-brand-header-innercontainer{grid-column:2;display:flex;justify-content:center}
.zpmo-userinfo{grid-column:3;justify-self:end}
.zpmo-brand-header{display:flex;align-items:center}
.zpmo-brand-logo img{height:44px!important;width:auto!important;max-height:none!important}
.zpmo-brand-name{display:none!important}
.zpmo-userinfo{display:flex;align-items:center;gap:16px;font-size:14px}
.zpmo-portal-username{color:#fff!important}
.zpmo-portal-signout{color:var(--ds-mint)!important;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;border:0!important;padding:0!important;margin:0!important}
.zpmo-portal-signout:hover{color:#fff!important}

/* section nav: light band like the main nav, no icons */
.zpmo-navbar-section-container,.zpmo-navbar-container{background:var(--ds-light)!important;border:0!important;box-shadow:none!important}
.zpmo-navbar{display:flex;gap:32px;margin:0!important;padding:0!important;list-style:none}
.zpmo-navtab{margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
.zpmo-navtab a{display:inline-flex;align-items:center;gap:8px;padding:22px 0 16px!important;font-size:14px;color:var(--ds-ink)!important;background:transparent!important;border-radius:0!important;box-shadow:inset 0 -2px 0 0 transparent;transition:box-shadow .15s;text-decoration:none!important}
.zpmo-navtab a svg{display:none!important}
.zpmo-navtab a:hover,.zpmo-navbar .zpmo-navtab.zpmo-navtab-active a,.zpmo-navbar .zpmo-navtab.zpmo-navtab-active a span{color:var(--ds-teal)!important;-webkit-text-fill-color:var(--ds-teal)!important;background:transparent!important;box-shadow:inset 0 -2px 0 0 var(--ds-teal)}
.zpmo-navbar .zpmo-navtab.zpmo-navtab-active a span{box-shadow:none}
.zpmo-navtab.zpmo-navtab-active a{font-weight:600}
.zpmo-navtab a span{color:inherit!important;background:transparent!important}
.zpmo-navtab a,.zpmo-navtab a:focus{outline:0!important}
.zpmo-navtab a:focus-visible{outline:2px solid var(--ds-teal)!important;outline-offset:2px}
.zpmo-res-menu-label{color:var(--ds-teal)}

/* content */
#userAccountContentArea{padding:40px 0 96px}
.theme-myorders,h2.theme-myorders,.zpmo-address-title span{font-family:var(--ds-serif)!important;font-weight:400!important;font-size:32px!important;color:var(--ds-teal)!important;letter-spacing:0}
.theme-myorders svg,.zpmo-myorders-header svg,.zpmo-address-title svg{display:none!important}
.zpmo-dashboard-cell,.zpmo-address-card,.zpmo-order-card,.zpmo-orders-list-container .zpmo-order{background:#fff!important;border:1px solid var(--ds-border)!important;border-radius:10px!important;box-shadow:none!important}
.zpmo-dashboard-header{padding:16px 20px!important;border-bottom:1px solid var(--ds-border)!important;background:transparent!important;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ds-aqua-deep);display:flex;align-items:center;justify-content:space-between}
.zpmo-dashboard-content-row{border:0!important;border-bottom:1px solid var(--ds-border)!important}
.zpmo-dashboard-content-label{color:var(--ds-muted)!important;font-size:13px}
.zpmo-dashboard-content-value{color:var(--ds-ink)!important;font-weight:600}
.zpmo-address-book-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border:0!important;padding-bottom:0!important}
.zpmo-address-book-header::after,.zpmo-address-book-container hr,.zpmo-address-form-container hr{display:none!important}
.zpmo-address-form-container,.zpmo-address-form{border-top:0!important}

/* buttons: one mint primary per view, the rest outlined */
.zpmyorder-section .zpbutton,.zpmo-button,.zpmyorder-section button,.zpmyorder-section input[type=submit],.zpmyorder-section input[type=button]{display:inline-flex!important;align-items:center;justify-content:center;height:40px!important;padding:0 18px!important;border:0!important;border-radius:4px!important;background:var(--ds-mint)!important;color:var(--ds-teal)!important;font:600 12px/1 var(--ds-sans)!important;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:none!important;text-decoration:none!important}
.zpmyorder-section .zpbutton:hover,.zpmo-button:hover{background:#66D07E!important}
.zpmyorder-section .zpbutton-type-secondary,.zpmyorder-section .zpbutton-outline,#newAddressBtn,#userProfileEditBtn,#userAddrCancelBtn,.zpmyorder-section button[type=reset],.zpmyorder-section .zpbutton-type-link{background:#fff!important;color:var(--ds-teal)!important;border:1px solid var(--ds-border)!important}
.zpmo-button svg,.zpmyorder-section .zpbutton svg{fill:currentColor;width:12px;height:12px;margin-right:6px}

/* forms */
.zpmyorder-section label{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--ds-muted)}
.zpmyorder-section input[type=text],.zpmyorder-section input[type=email],.zpmyorder-section input[type=password],.zpmyorder-section input[type=tel],.zpmyorder-section input[type=number],.zpmyorder-section select,.zpmyorder-section textarea{height:44px;border:1px solid var(--ds-border)!important;border-radius:4px!important;padding:0 12px!important;font:14px var(--ds-sans)!important;color:var(--ds-ink);background:#fff;box-shadow:none!important}
.zpmyorder-section textarea{height:auto;padding:10px 12px!important}
.zpmyorder-section input:focus,.zpmyorder-section select:focus,.zpmyorder-section textarea:focus{border-color:var(--ds-teal)!important;outline:0;box-shadow:0 0 0 3px rgba(19,87,92,.12)!important}
.zpmo-phone-wrapper{display:flex;gap:8px;align-items:stretch}
.country-code-display{position:relative!important;display:block!important;width:96px!important;height:44px!important;flex:0 0 96px!important;margin:0!important}
.zpmo-country-display{position:absolute!important;inset:0!important;width:100%!important;height:44px!important;padding:0 28px 0 12px!important;font-size:14px!important}
.zpmo-country-code-select{position:absolute!important;inset:0!important;width:100%!important;height:44px!important;opacity:0!important;cursor:pointer;z-index:2}
.country-code-display .zpmo-select-arrow{position:absolute!important;right:10px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none;width:auto!important;height:auto!important;z-index:1}
.zpmo-phone-wrapper #address_phone_input{flex:1 1 auto;height:44px!important}
.zpmo-address-mandatory,[class*=mandatory],.zpmyorder-section label span{color:var(--ds-teal)!important}

/* validation: brick red, not browser red */
.zpmyorder-section [class*=error],.zpmyorder-section [class*=Error],.zpmyorder-section .zpform-error-msg{color:var(--ds-error)!important;font-size:12px!important;margin-top:4px}
.zpmyorder-section input.error,.zpmyorder-section .hb-form-error,.zpmyorder-section input[aria-invalid=true],.zpmyorder-section .zpmo-field-error input{border-color:var(--ds-error)!important}

/* empty states */
.zpmo-empty-status-container{padding:64px 24px!important;text-align:center}
.zpmo-empty-status-svg{display:none!important}
.zpmo-empty-status-container h2,.zpmo-empty-status-container h3,.zpmo-empty-status-heading{font-family:var(--ds-serif)!important;font-weight:400!important;font-size:28px!important;color:var(--ds-teal)!important;margin:0 0 8px!important}
.zpmo-empty-status-container p,.zpmo-empty-status-text{font-size:14px;color:var(--ds-muted)!important;margin:0 0 20px!important}

/* links */
.zpmyorder-section a:not(.zpbutton):not(.zpmo-button){color:var(--ds-teal)}