/* Ontook customer area. All presentation is scoped; native account actions stay intact. */
.ontook-account{--account-ink:#1c2b24;--account-muted:#637168;--account-line:#dfe6e0;--account-mint:#c8f3dd;--account-paper:#f5f7f4;background:var(--account-paper);color:var(--account-ink);display:flex;flex:1;flex-direction:column;min-height:100vh;line-height:1.55}
.ontook-account *{box-sizing:border-box}
.ontook-account a{color:inherit;text-decoration:none}
.ontook-account a:focus-visible,.ontook-account button:focus-visible,.ontook-account input:focus-visible,.ontook-account select:focus-visible,.ontook-account textarea:focus-visible{outline:3px solid #287654;outline-offset:4px}
.ontook-account .account-symbols{position:absolute;width:0;height:0;overflow:hidden}
.ontook-account .account-icon{display:inline-block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.ontook-account .account-wrap{width:min(1280px,calc(100% - 80px))}
.ontook-account .account-header{border-bottom:1px solid var(--account-line);background:#fff}
.ontook-account .account-header .account-wrap{min-height:88px}
.ontook-account .account-header img{width:160px;height:auto}
.ontook-account .account-header nav{align-items:center;gap:30px;font-size:13px;font-weight:600}
.ontook-account .account-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.ontook-account .account-header nav a:last-child{border-left:1px solid var(--account-line);padding-left:28px}
.ontook-account main.account-wrap{margin:38px auto 64px;flex:1}
.ontook-account .account-page-heading{margin-bottom:30px}
.ontook-account .account-eyebrow{font-size:10px!important;font-weight:700;letter-spacing:1.9px;line-height:1.5!important;margin:0 0 10px!important}
.ontook-account .account-page-heading .account-eyebrow{color:var(--account-muted)}
.ontook-account .account-page-heading h1{font-size:36px;letter-spacing:-1.6px;line-height:1.2;margin:0 0 8px;font-weight:800}
.ontook-account .account-page-heading h1 span{color:#398b65}
.ontook-account .account-page-heading>p:last-child{color:var(--account-muted);margin:0;font-size:13px}
.ontook-account .account-workspace>.woocommerce{display:grid;grid-template-columns:232px minmax(0,1fr);gap:32px;align-items:start}
.ontook-account .account-workspace>.woocommerce::before,.ontook-account .account-workspace>.woocommerce::after{display:none}
.ontook-account .account-workspace>.woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.ontook-account .woocommerce-MyAccount-navigation{width:auto;float:none;min-width:0}
.ontook-account .account-profile{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--account-line);padding:4px 6px 24px;margin-bottom:24px}
.ontook-account .account-avatar{width:44px;height:44px;display:grid;place-items:center;background:#e2ece4;border:1px solid #d1ded4;border-radius:50%;flex:none}
.ontook-account .account-profile>div{min-width:0}
.ontook-account .account-profile strong{display:block;font-size:14px;overflow-wrap:anywhere}
.ontook-account .account-profile div span{display:block;font-size:11px;color:var(--account-muted);margin-top:3px}
.ontook-account .account-nav-caption{font-size:9px;letter-spacing:1.8px;color:var(--account-muted);margin:0 14px 12px;font-weight:700}
.ontook-account .woocommerce-MyAccount-navigation ul{display:grid;gap:4px;list-style:none;margin:0;padding:0}
.ontook-account .woocommerce-MyAccount-navigation li{margin:0;padding:0}
.ontook-account .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:9px;font-size:13px;font-weight:600;min-height:48px}
.ontook-account .woocommerce-MyAccount-navigation li a:hover{background:#e9eee8}
.ontook-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--account-ink);color:#fff}
.ontook-account .woocommerce-MyAccount-navigation .is-active .account-icon{color:var(--account-mint)}
.ontook-account .woocommerce-MyAccount-navigation-link--customer-logout{border-top:1px solid var(--account-line);padding-top:10px!important;margin-top:12px!important}
.ontook-account .account-nav-help{background:#eaf0e8;border:1px solid #dce6d9;border-radius:12px;margin:32px 0 0;padding:22px}
.ontook-account .account-nav-help>strong{display:block;margin-top:14px;font-size:15px}
.ontook-account .account-nav-help p{font-size:12px;color:var(--account-muted);margin:7px 0 18px}
.ontook-account .account-nav-help a{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.ontook-account .woocommerce-MyAccount-content{float:none;width:auto;min-width:0;background:#fff;border:1px solid var(--account-line);border-radius:14px;padding:32px;overflow-wrap:anywhere;box-shadow:0 3px 10px #18322003}
.ontook-account .account-overview .woocommerce-MyAccount-content{padding:0;border:0;background:transparent;box-shadow:none}
.ontook-account .account-welcome{position:relative;overflow:hidden;isolation:isolate;background:var(--account-ink);border-radius:16px;color:#fff;padding:35px 40px;min-height:292px}
.ontook-account .account-welcome>div{position:relative;z-index:1}
.ontook-account .account-welcome .account-eyebrow{color:var(--account-mint)}
.ontook-account .account-welcome h2{font-size:35px;line-height:1.2;letter-spacing:-1.3px;font-weight:700;max-width:620px;margin:14px 0}
.ontook-account .account-welcome h2 span{color:var(--account-mint);overflow-wrap:anywhere}
.ontook-account .account-welcome p:not(.account-eyebrow){font-size:13px;color:#c1cfc6;margin:0 0 23px;line-height:1.65}
.ontook-account .account-welcome-mark{position:absolute;right:35px;top:50%;transform:translateY(-50%) rotate(-14deg);width:220px;height:220px;object-fit:contain;filter:invert(1);mix-blend-mode:screen;opacity:.12;pointer-events:none}
.ontook-account .account-primary{display:inline-flex;align-items:center;gap:24px;background:var(--account-mint);color:var(--account-ink);font-size:12px;font-weight:700;border-radius:7px;padding:12px 17px;min-height:44px}
.ontook-account .account-primary:hover{background:#dcfae9}
.ontook-account .account-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 26px}
.ontook-account .account-shortcuts>a{padding:21px;background:#fff;border:1px solid var(--account-line);border-radius:12px;min-width:0}
.ontook-account .account-shortcuts>a:hover{border-color:#6d9e81;box-shadow:0 3px 12px #143c2010}
.ontook-account .account-icon-tile{width:38px;height:38px;border-radius:10px;background:#eff4ee;display:grid;place-items:center;color:#386a4e}
.ontook-account .account-shortcuts strong{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;margin:15px 0 6px}
.ontook-account .account-shortcuts strong span{font-weight:400;color:#637168}
.ontook-account .account-shortcuts>a>span:last-child{font-size:11px;color:var(--account-muted);display:block}
.ontook-account .account-orders-card{border:1px solid var(--account-line);border-radius:14px;background:#fff;overflow:hidden}
.ontook-account .account-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 26px 21px}
.ontook-account .account-section-heading .account-eyebrow{color:var(--account-muted);font-size:9px!important;margin-bottom:6px!important}
.ontook-account .account-section-heading h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:0}
.ontook-account .account-section-heading>a{font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.ontook-account .account-recent-orders{margin:0;padding:0 26px 8px;list-style:none}
.ontook-account .account-recent-orders li{display:grid;grid-template-columns:42px minmax(100px,1fr) minmax(94px,auto) minmax(82px,auto) 36px;align-items:center;gap:16px;border-top:1px solid #e9ede8;padding:20px 0;margin:0}
.ontook-account .account-order-icon{width:42px;height:46px;border:1px solid #e9ede8;border-radius:8px;display:grid;place-items:center;background:#f7f8f5;color:#6b776a}
.ontook-account .account-order-reference>a{font-size:13px;font-weight:700;display:block}
.ontook-account .account-order-reference>a:hover{text-decoration:underline}
.ontook-account .account-order-reference>span{font-size:11px;color:var(--account-muted);display:block;margin-top:4px}
.ontook-account .account-order-status{font-size:10px;font-weight:600;padding:5px 10px;border-radius:30px;background:#f0f2ef;justify-self:start;line-height:1.5}
.ontook-account .account-status-processing,.ontook-account .account-status-completed{background:#e7f3e9;color:#2b653c}
.ontook-account .account-status-on-hold,.ontook-account .account-status-pending{background:#fff3d8;color:#805b16}
.ontook-account .account-status-failed,.ontook-account .account-status-cancelled{background:#fae9e4;color:#943e2f}
.ontook-account .account-order-total{font-size:13px;text-align:right}
.ontook-account .account-order-view{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--account-line);border-radius:50%}
.ontook-account .account-order-view:hover{background:var(--account-mint)}
.ontook-account .account-order-view .account-icon{width:16px;height:16px}
.ontook-account .account-empty{text-align:center;padding:32px 24px 42px;border-top:1px solid var(--account-line)}
.ontook-account .account-empty .account-icon-tile{margin:0 auto;width:52px;height:52px}
.ontook-account .account-empty h3{font-size:19px;margin:18px 0 8px;letter-spacing:-.3px}
.ontook-account .account-empty p{font-size:13px;color:var(--account-muted);margin:0 0 20px}
.ontook-account .account-text-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.ontook-account .account-bottom-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.ontook-account .account-bottom-cards section{padding:25px 26px;border:1px solid var(--account-line);border-radius:12px}
.ontook-account .account-bottom-cards .account-icon{color:#53745b}
.ontook-account .account-bottom-cards h2{font-size:15px;margin:13px 0 8px}
.ontook-account .account-bottom-cards p{font-size:12px;color:var(--account-muted);line-height:1.7;margin:0 0 18px}
.ontook-account .account-bottom-cards a{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.ontook-account .account-footer{padding:26px max(40px,calc((100% - 1280px)/2));display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--account-muted);background:transparent;border-top:1px solid var(--account-line)}
.ontook-account .account-footer>div{display:flex;gap:24px;flex-wrap:wrap}
.ontook-account .account-footer a:hover{text-decoration:underline}
/* Style the existing WooCommerce forms and lists, without replacing their validation or actions. */
.ontook-account .woocommerce-MyAccount-content h2{line-height:1.35}
.ontook-account .woocommerce-MyAccount-content>p{font-size:14px}
.ontook-account .woocommerce-MyAccount-content>p a,.ontook-account .woocommerce-Address-title .edit{color:#246441;text-decoration:underline;text-underline-offset:3px}
.ontook-account .woocommerce table.shop_table{width:100%;border:1px solid var(--account-line);border-radius:10px;font-size:12px;margin:0 0 24px}
.ontook-account .woocommerce table.shop_table th{font-weight:700;background:#f6f8f4}
.ontook-account .woocommerce table.shop_table td,.ontook-account .woocommerce table.shop_table th{padding:14px 12px;border-color:var(--account-line)}
.ontook-account .woocommerce table.shop_table a:not(.button){text-decoration:underline;text-underline-offset:3px}
.ontook-account .woocommerce button.button,.ontook-account .woocommerce a.button,.ontook-account .account-signin button{background:var(--account-ink);color:white;border:0;border-radius:7px;padding:12px 18px;font-size:13px;font-weight:600;line-height:1.5;min-height:44px}
.ontook-account .woocommerce button.button:hover,.ontook-account .woocommerce a.button:hover,.ontook-account .account-signin button:hover{background:#31553e;color:white}
.ontook-account .woocommerce table .button{padding:8px 10px;min-height:36px;font-size:11px;margin:3px}
.ontook-account .woocommerce input.input-text,.ontook-account .woocommerce select,.ontook-account .woocommerce textarea{border:1px solid #cdd8ce;border-radius:7px;min-height:48px;background:#fff;padding:11px 13px;color:var(--account-ink);font-size:14px}
.ontook-account .woocommerce label{font-weight:600;font-size:12px}
.ontook-account .woocommerce fieldset{border-color:var(--account-line);border-radius:10px;margin:28px 0;padding:22px}
.ontook-account .woocommerce legend{font-size:15px;font-weight:700;padding:0 6px}
.ontook-account .woocommerce .woocommerce-Addresses .woocommerce-Address{padding:20px;border:1px solid var(--account-line);border-radius:10px;background:#fafbf8}
.ontook-account .woocommerce-Addresses address{font-size:13px;color:var(--account-muted)}
.ontook-account .woocommerce-Addresses h2,.ontook-account .woocommerce-Addresses h3{font-size:17px;margin:0 0 18px}
.ontook-account .woocommerce .woocommerce-info,.ontook-account .woocommerce .woocommerce-message,.ontook-account .woocommerce .woocommerce-error{background:#edf4ee;border-radius:8px;font-size:13px;line-height:1.7;border-top-color:#3f7954}
.ontook-account .woocommerce .woocommerce-error{background:#fff2ef;border-top-color:#ae4c3b}
.ontook-account .woocommerce .woocommerce-Pagination{display:flex;justify-content:space-between;gap:16px}
.ontook-account .account-password>.woocommerce{display:block;max-width:650px;margin:auto;background:#fff;padding:32px;border:1px solid var(--account-line);border-radius:14px}
.ontook-account .account-signin{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden;background:#fff;border:1px solid var(--account-line);border-radius:16px;min-height:390px}
.ontook-account .account-signin-intro{background:var(--account-ink);color:#fff;padding:50px}
.ontook-account .account-signin-intro .account-eyebrow{color:var(--account-mint)}
.ontook-account .account-signin-intro h2{font-size:42px;line-height:1.15;letter-spacing:-1.5px;margin:22px 0}
.ontook-account .account-signin-intro p:not(.account-eyebrow){font-size:14px;max-width:340px;color:#c1cfc6;margin-bottom:30px}
.ontook-account .account-signin-intro>.account-icon{width:17px;height:17px;color:var(--account-mint);margin-right:8px}
.ontook-account .account-signin-intro>span{font-size:11px;margin-right:16px;white-space:nowrap}
.ontook-account .account-signin-action{padding:50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.ontook-account .account-signin-action h2{font-size:25px;letter-spacing:-.6px;margin:22px 0 4px}
.ontook-account .account-signin-action p{font-size:13px;color:var(--account-muted);margin:8px 0 26px}
.ontook-account .account-signin-action button{display:flex;gap:28px;align-items:center;text-align:left}
.ontook-account .account-signin-action>a{font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:901px) and (max-width:1100px){
    .ontook-account .account-wrap{width:calc(100% - 48px)}
    .ontook-account .account-workspace>.woocommerce{grid-template-columns:200px minmax(0,1fr);gap:22px}
    .ontook-account .account-recent-orders li{gap:10px;grid-template-columns:minmax(100px,1fr) minmax(90px,auto) minmax(65px,auto) 30px}
    .ontook-account .account-order-icon{display:none}
    .ontook-account .account-shortcuts>a{padding:16px}
}
@media(max-width:900px){
    .ontook-account .account-wrap{width:calc(100% - 40px)}
    .ontook-account .account-workspace>.woocommerce{grid-template-columns:minmax(0,1fr);gap:22px}
    .ontook-account .account-profile,.ontook-account .account-nav-caption,.ontook-account .account-nav-help{display:none}
    .ontook-account .woocommerce-MyAccount-navigation{margin:0;overflow-x:auto;padding-bottom:5px}
    .ontook-account .woocommerce-MyAccount-navigation ul{display:flex;gap:6px;width:max-content;min-width:100%;border-bottom:1px solid var(--account-line);padding-bottom:12px}
    .ontook-account .woocommerce-MyAccount-navigation li a{white-space:nowrap;padding:11px 13px;font-size:12px}
    .ontook-account .woocommerce-MyAccount-navigation-link--customer-logout{border:0;margin:0!important;padding:0!important}
    .ontook-account .account-signin-intro,.ontook-account .account-signin-action{padding:32px}
}
@media(max-width:600px){
    .ontook-account .account-wrap{width:calc(100% - 32px)}
    .ontook-account .account-header .account-wrap{min-height:72px}
    .ontook-account .account-header img{width:125px}
    .ontook-account .account-header nav{gap:14px;font-size:11px}
    .ontook-account .account-header nav a:last-child{padding-left:14px}
    .ontook-account .account-header .account-back{display:none}
    .ontook-account main.account-wrap{margin:26px auto 36px}
    .ontook-account .account-page-heading{margin-bottom:24px}
    .ontook-account .account-page-heading h1{font-size:30px}
    .ontook-account .account-workspace>.woocommerce{gap:16px}
    .ontook-account .account-welcome{padding:27px 24px;min-height:0;border-radius:12px}
    .ontook-account .account-welcome h2{font-size:30px;letter-spacing:-1px}
    .ontook-account .account-welcome-mark{width:160px;height:160px;right:-42px;opacity:.08}
    .ontook-account .account-shortcuts{grid-template-columns:1fr;gap:9px;margin:14px 0 20px}
    .ontook-account .account-shortcuts>a{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:14px;padding:16px 18px;align-items:center;border-radius:10px}
    .ontook-account .account-shortcuts .account-icon-tile{grid-row:1/3}
    .ontook-account .account-shortcuts strong{margin:0 0 2px;font-size:13px}
    .ontook-account .account-section-heading{padding:22px 18px;gap:10px}
    .ontook-account .account-section-heading h2{font-size:19px}
    .ontook-account .account-section-heading>a{font-size:10px}
    .ontook-account .account-recent-orders{padding:0 18px 4px}
    .ontook-account .account-recent-orders li{grid-template-columns:minmax(0,1fr) auto 30px;gap:12px 8px;padding:19px 0}
    .ontook-account .account-order-icon{display:none}
    .ontook-account .account-order-reference{grid-column:1/3}
    .ontook-account .account-order-status{grid-row:2;grid-column:1}
    .ontook-account .account-order-total{grid-row:2;grid-column:2/4}
    .ontook-account .account-order-view{grid-row:1;grid-column:3;width:30px;height:30px}
    .ontook-account .account-bottom-cards{grid-template-columns:1fr;gap:12px;margin-top:18px}
    .ontook-account .account-bottom-cards section{padding:23px}
    .ontook-account .account-footer{padding:24px 16px;flex-direction:column;gap:10px;font-size:10px;align-items:center}
    .ontook-account .account-footer>div{gap:18px;justify-content:center}
    .ontook-account .woocommerce-MyAccount-content{padding:20px;overflow:auto}
    .ontook-account .account-overview .woocommerce-MyAccount-content{overflow:visible}
    .ontook-account .woocommerce .col2-set .col-1,.ontook-account .woocommerce .col2-set .col-2{float:none;width:100%;margin-bottom:16px}
    .ontook-account .woocommerce fieldset{padding:16px}
    .ontook-account .woocommerce table.shop_table td,.ontook-account .woocommerce table.shop_table th{padding:12px 9px}
    .ontook-account .account-password>.woocommerce{padding:24px}
    .ontook-account .account-signin{grid-template-columns:1fr}
    .ontook-account .account-signin-intro,.ontook-account .account-signin-action{padding:28px}
    .ontook-account .account-signin-intro h2{font-size:34px}
    .ontook-account .account-signin-intro>span{font-size:10px;margin-right:8px}
    .ontook-account .account-signin-action h2{font-size:22px}
    .ontook-account .account-signin-action button{gap:16px;font-size:12px}
}