/** * Sanitarija Commerce V4.4 account experience. */ body.woocommerce-account .site-main{background:#f4f7fa} body.woocommerce-account .smk-page-header{margin-bottom:24px} body.woocommerce-account .smk-page-header h1{color:#153654;font-size:34px;line-height:1.18} /* Logged-out login and registration page. */ body.woocommerce-account:not(.logged-in) .woocommerce{display:block!important;width:100%!important;max-width:1060px;margin:0 auto!important} body.woocommerce-account:not(.logged-in) .woocommerce>.woocommerce-notices-wrapper{width:100%} body.woocommerce-account:not(.logged-in) #customer_login.u-columns.col2-set{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%!important;margin:0!important} body.woocommerce-account:not(.logged-in) #customer_login .u-column1, body.woocommerce-account:not(.logged-in) #customer_login .u-column2{float:none!important;width:auto!important;min-width:0;margin:0!important;padding:28px!important;border:1px solid #dfe7ef;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(17,49,82,.07)} body.woocommerce-account:not(.logged-in) #customer_login h2{margin:0 0 22px;padding-bottom:15px;border-bottom:1px solid #e8edf2;color:#153654;font-size:22px;line-height:1.25;font-weight:800} body.woocommerce-account:not(.logged-in) #customer_login form.woocommerce-form{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} body.woocommerce-account:not(.logged-in) #customer_login .form-row{float:none!important;width:100%!important;margin:0 0 15px!important;padding:0!important} body.woocommerce-account:not(.logged-in) #customer_login label{display:block;margin:0 0 7px;color:#415b72;font-size:12px;line-height:1.45;font-weight:700} body.woocommerce-account:not(.logged-in) #customer_login input[type="text"], body.woocommerce-account:not(.logged-in) #customer_login input[type="email"], body.woocommerce-account:not(.logged-in) #customer_login input[type="password"], body.woocommerce-account:not(.logged-in) #customer_login input.input-text{box-sizing:border-box;width:100%!important;min-width:0;min-height:48px;padding:10px 12px!important;border:1px solid #d6e0e9!important;border-radius:8px!important;background:#fbfcfe!important;color:#173650;font-size:13px;line-height:1.4;box-shadow:none!important} body.woocommerce-account:not(.logged-in) #customer_login input:focus{border-color:#1e64c8!important;background:#fff!important;outline:0;box-shadow:0 0 0 3px rgba(30,100,200,.1)!important} body.woocommerce-account:not(.logged-in) #customer_login .password-input{display:block;width:100%} body.woocommerce-account:not(.logged-in) #customer_login .show-password-input{right:12px;top:50%;transform:translateY(-50%)} body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;margin:3px 0 13px} body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme input{width:16px;height:16px;margin:0} body.woocommerce-account:not(.logged-in) #customer_login button.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:0 20px!important;border-radius:8px!important;background:#1760c6!important;color:#fff!important;font-size:13px!important;font-weight:800!important;box-shadow:0 8px 19px rgba(23,96,198,.19)} body.woocommerce-account:not(.logged-in) #customer_login button.button:hover{background:#104fa9!important;color:#fff!important} body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword{margin:14px 0 0;text-align:center} body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword a{color:#1760c6;font-size:12px;font-weight:700} body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text{margin:15px 0 0;padding:13px 14px;border-radius:8px;background:#f5f8fb;color:#62778a;font-size:11px;line-height:1.65} body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text p{margin:0} body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-link{color:#1760c6;font-weight:700;text-decoration:underline} /* CAPTCHA extensions use different markup; keep every variant readable and inside its card. */ body.woocommerce-account:not(.logged-in) #customer_login img{max-width:100%;height:auto} body.woocommerce-account:not(.logged-in) #customer_login canvas, body.woocommerce-account:not(.logged-in) #customer_login iframe{max-width:100%} body.woocommerce-account:not(.logged-in) #customer_login [class*="captcha"], body.woocommerce-account:not(.logged-in) #customer_login [id*="captcha"]{box-sizing:border-box;max-width:100%} body.woocommerce-account:not(.logged-in) #customer_login [class*="captcha"] input, body.woocommerce-account:not(.logged-in) #customer_login [id*="captcha"] input{box-sizing:border-box;max-width:100%;min-height:42px;border:1px solid #d6e0e9;border-radius:7px} /* Logged-in customer area layout. */ body.logged-in.woocommerce-account .woocommerce{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;grid-template-areas:"profile content" "navigation content"!important;gap:16px 24px!important;align-items:start;width:100%;max-width:1180px;margin:0 auto} body.logged-in.woocommerce-account .smk-account-profile{grid-area:profile;display:flex;align-items:center;gap:12px;min-width:0;padding:18px;border:1px solid #dfe7ef;border-radius:14px;background:linear-gradient(135deg,#153654,#1e64c8);color:#fff;box-shadow:0 12px 30px rgba(17,49,82,.12)} body.logged-in.woocommerce-account .smk-account-avatar{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.14);font-size:18px;font-weight:800} body.logged-in.woocommerce-account .smk-account-profile-copy{display:block;min-width:0} body.logged-in.woocommerce-account .smk-account-profile-copy strong, body.logged-in.woocommerce-account .smk-account-profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.logged-in.woocommerce-account .smk-account-profile-copy strong{font-size:14px;line-height:1.35} body.logged-in.woocommerce-account .smk-account-profile-copy small{margin-top:3px;color:rgba(255,255,255,.76);font-size:10px} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation{grid-area:navigation;position:sticky;top:18px;float:none!important;width:auto!important;overflow:hidden;margin:0!important;padding:8px!important;border:1px solid #dfe7ef;border-radius:14px;background:#fff;box-shadow:0 9px 25px rgba(17,49,82,.06)} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0;padding:0;list-style:none} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li a{position:relative;display:flex;align-items:center;min-height:44px;padding:10px 34px 10px 13px;border:0!important;border-radius:9px;color:#415b72;font-size:12px;font-weight:700;transition:background .18s,color .18s,transform .18s} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li a:after{content:'›';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#9dafbd;font-size:18px;font-weight:400} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#eef6ff;color:#1760c6;transform:translateX(2px)} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:after, body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li a:hover:after{color:#1760c6} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{margin-top:7px;padding-top:7px;border-top:1px solid #e8edf2} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{color:#b63d48} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:#fff1f2;color:#9d2431} body.logged-in.woocommerce-account .woocommerce-MyAccount-content{grid-area:content;float:none!important;width:auto!important;min-width:0;min-height:480px;margin:0!important;padding:28px!important;border:1px solid #dfe7ef;border-radius:14px;background:#fff;box-shadow:0 9px 25px rgba(17,49,82,.06)} /* Endpoint heading. */ .smk-account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:-2px 0 24px;padding:0 0 20px;border-bottom:1px solid #e8edf2} .smk-account-eyebrow{display:block;margin-bottom:6px;color:#1760c6;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .smk-account-section-head h2{margin:0;color:#153654;font-size:25px;line-height:1.22;font-weight:800} .smk-account-section-head p{max-width:680px;margin:8px 0 0;color:#62778a;font-size:12px;line-height:1.65} /* Dashboard. */ body.smk-account-endpoint-dashboard .woocommerce-MyAccount-content>p{display:none} .smk-account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:22px} .smk-account-stats article{min-width:0;padding:18px;border:1px solid #e0e8ef;border-radius:11px;background:#f8fafc} .smk-account-stats span{display:block;margin-bottom:9px;color:#6d8193;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em} .smk-account-stats strong{display:block;overflow:hidden;color:#153654;font-size:19px;line-height:1.25;font-weight:800;text-overflow:ellipsis} .smk-account-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px} .smk-account-quick-links a{position:relative;display:block;min-height:112px;padding:18px 42px 18px 18px;border:1px solid #dce6ef;border-radius:11px;background:#fff;color:#153654;box-shadow:0 7px 20px rgba(17,49,82,.04);transition:border-color .18s,box-shadow .18s,transform .18s} .smk-account-quick-links a:after{content:'→';position:absolute;right:18px;top:18px;color:#1760c6;font-size:19px;font-weight:700} .smk-account-quick-links a:hover{border-color:#bad2ed;box-shadow:0 11px 25px rgba(17,49,82,.09);transform:translateY(-2px)} .smk-account-quick-links strong,.smk-account-quick-links span{display:block} .smk-account-quick-links strong{font-size:13px;font-weight:800} .smk-account-quick-links span{margin-top:7px;color:#718597;font-size:10px;line-height:1.5} /* Shared account typography and controls. */ body.logged-in.woocommerce-account .woocommerce-MyAccount-content p, body.logged-in.woocommerce-account .woocommerce-MyAccount-content address{color:#536b7e;font-size:12px;line-height:1.7} body.logged-in.woocommerce-account .woocommerce-MyAccount-content a{color:#1760c6} body.logged-in.woocommerce-account .woocommerce-MyAccount-content h2, body.logged-in.woocommerce-account .woocommerce-MyAccount-content h3{color:#153654;font-weight:800} body.logged-in.woocommerce-account .woocommerce-MyAccount-content h2{font-size:21px} body.logged-in.woocommerce-account .woocommerce-MyAccount-content h3{font-size:16px} body.logged-in.woocommerce-account .woocommerce-MyAccount-content .button, body.logged-in.woocommerce-account .woocommerce-MyAccount-content button.button, body.logged-in.woocommerce-account .woocommerce-MyAccount-content input.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px!important;border-radius:7px!important;background:#1760c6!important;color:#fff!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content .button:hover, body.logged-in.woocommerce-account .woocommerce-MyAccount-content button.button:hover{background:#104fa9!important;color:#fff!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content .form-row{float:none!important;box-sizing:border-box;margin:0 0 15px!important;padding:0!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content label{display:block;margin:0 0 7px;color:#415b72;font-size:11px;font-weight:700} body.logged-in.woocommerce-account .woocommerce-MyAccount-content input.input-text, body.logged-in.woocommerce-account .woocommerce-MyAccount-content input[type="text"], body.logged-in.woocommerce-account .woocommerce-MyAccount-content input[type="email"], body.logged-in.woocommerce-account .woocommerce-MyAccount-content input[type="password"], body.logged-in.woocommerce-account .woocommerce-MyAccount-content input[type="tel"], body.logged-in.woocommerce-account .woocommerce-MyAccount-content textarea, body.logged-in.woocommerce-account .woocommerce-MyAccount-content select, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .select2-selection--single{box-sizing:border-box;width:100%;min-height:46px;padding:9px 12px!important;border:1px solid #d6e0e9!important;border-radius:7px!important;background:#fbfcfe!important;color:#173650;font-size:12px;box-shadow:none!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content textarea{min-height:100px;resize:vertical} body.logged-in.woocommerce-account .woocommerce-MyAccount-content input:focus, body.logged-in.woocommerce-account .woocommerce-MyAccount-content textarea:focus, body.logged-in.woocommerce-account .woocommerce-MyAccount-content select:focus{border-color:#1e64c8!important;background:#fff!important;outline:0;box-shadow:0 0 0 3px rgba(30,100,200,.1)!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content .password-input{display:block;width:100%} body.logged-in.woocommerce-account .woocommerce-MyAccount-content legend{width:100%;margin:8px 0 18px;padding:0 0 12px;border-bottom:1px solid #e6edf3;color:#153654;font-size:15px;font-weight:800} body.logged-in.woocommerce-account .woocommerce-MyAccount-content fieldset{margin:24px 0 0;padding:22px;border:1px solid #e0e8ef;border-radius:10px;background:#f8fafc} /* Orders list. */ body.logged-in.woocommerce-account table.woocommerce-orders-table{width:100%;margin:0!important;border:1px solid #e0e8ef!important;border-collapse:separate!important;border-spacing:0;border-radius:10px!important;overflow:hidden;background:#fff} body.logged-in.woocommerce-account table.woocommerce-orders-table thead{background:#f4f7fa} body.logged-in.woocommerce-account table.woocommerce-orders-table th{padding:12px 13px!important;border:0!important;border-bottom:1px solid #e0e8ef!important;color:#6a7f91;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.045em} body.logged-in.woocommerce-account table.woocommerce-orders-table td{padding:14px 13px!important;border:0!important;border-bottom:1px solid #edf1f4!important;color:#405a70;font-size:11px;vertical-align:middle} body.logged-in.woocommerce-account table.woocommerce-orders-table tbody tr:last-child td{border-bottom:0!important} body.logged-in.woocommerce-account table.woocommerce-orders-table tbody tr:hover{background:#fbfdff} body.logged-in.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a{font-size:12px;font-weight:800} body.logged-in.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{white-space:nowrap;text-align:right} body.logged-in.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button{min-height:34px;margin:2px;padding:0 11px!important;font-size:9px!important} body.logged-in.woocommerce-account .woocommerce-pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:18px} body.logged-in.woocommerce-account .woocommerce-pagination .button{min-width:100px} body.logged-in.woocommerce-account .woocommerce-message, body.logged-in.woocommerce-account .woocommerce-info, body.logged-in.woocommerce-account .woocommerce-error{margin:0 0 18px!important;padding:15px 16px 15px 45px!important;border:1px solid #dce7f1!important;border-top:1px solid #dce7f1!important;border-radius:9px;background:#f4f9ff;color:#38566e;font-size:11px;line-height:1.6} /* Address overview and address edit. */ body.logged-in.woocommerce-account .woocommerce-Addresses.col2-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin:0} body.logged-in.woocommerce-account .woocommerce-Addresses .woocommerce-Address{float:none!important;width:auto!important;min-width:0;margin:0;padding:20px;border:1px solid #e0e8ef;border-radius:11px;background:#f9fbfd} body.logged-in.woocommerce-account .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #e2e9ef} body.logged-in.woocommerce-account .woocommerce-Address-title h2{float:none!important;margin:0;font-size:16px} body.logged-in.woocommerce-account .woocommerce-Address-title a.edit{float:none!important;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border:1px solid #c9d9e8;border-radius:6px;background:#fff;font-size:10px;font-weight:800} body.logged-in.woocommerce-account .woocommerce-Address address{margin:0;color:#526b7e;font-style:normal} body.logged-in.woocommerce-account form .woocommerce-address-fields__field-wrapper, body.logged-in.woocommerce-account form.edit-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px} body.logged-in.woocommerce-account form .woocommerce-address-fields__field-wrapper .form-row-wide, body.logged-in.woocommerce-account form.edit-account .form-row-wide, body.logged-in.woocommerce-account form.edit-account fieldset, body.logged-in.woocommerce-account form.edit-account>p:last-child{grid-column:1/-1} body.logged-in.woocommerce-account form .woocommerce-address-fields>p:last-child{margin-top:6px!important} /* Individual order details. */ body.logged-in.woocommerce-account .woocommerce-order-details{margin:0 0 24px} body.logged-in.woocommerce-account .woocommerce-order-details__title, body.logged-in.woocommerce-account .woocommerce-customer-details>h2{margin:0 0 14px!important;font-size:18px!important} body.logged-in.woocommerce-account table.woocommerce-table--order-details{margin:0!important;border:1px solid #e0e8ef!important;border-radius:10px!important} body.logged-in.woocommerce-account table.woocommerce-table--order-details th, body.logged-in.woocommerce-account table.woocommerce-table--order-details td{padding:13px!important;border-color:#edf1f4!important;font-size:11px} body.logged-in.woocommerce-account table.woocommerce-table--order-details thead{background:#f4f7fa} body.logged-in.woocommerce-account table.woocommerce-table--order-details tfoot th{color:#526b7e} body.logged-in.woocommerce-account table.woocommerce-table--order-details tfoot tr:last-child{background:#eef6ff} body.logged-in.woocommerce-account table.woocommerce-table--order-details tfoot tr:last-child th, body.logged-in.woocommerce-account table.woocommerce-table--order-details tfoot tr:last-child td{color:#153654;font-size:13px;font-weight:800} body.logged-in.woocommerce-account .woocommerce-customer-details{margin-top:24px} body.logged-in.woocommerce-account .woocommerce-customer-details .woocommerce-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} body.logged-in.woocommerce-account .woocommerce-customer-details .woocommerce-column{float:none!important;width:auto!important;min-width:0;padding:20px;border:1px solid #e0e8ef;border-radius:11px;background:#f9fbfd} body.logged-in.woocommerce-account .woocommerce-customer-details address{padding:0!important;border:0!important;background:transparent!important} body.logged-in.woocommerce-account .woocommerce-customer-details address p{margin:7px 0 0} /* Payment methods and downloads. */ body.logged-in.woocommerce-account table.woocommerce-MyAccount-paymentMethods, body.logged-in.woocommerce-account table.woocommerce-table--order-downloads{margin:0 0 18px!important;border:1px solid #e0e8ef!important;border-radius:10px!important} body.logged-in.woocommerce-account table.woocommerce-MyAccount-paymentMethods th, body.logged-in.woocommerce-account table.woocommerce-MyAccount-paymentMethods td, body.logged-in.woocommerce-account table.woocommerce-table--order-downloads th, body.logged-in.woocommerce-account table.woocommerce-table--order-downloads td{padding:13px!important;font-size:11px} @media(max-width:1024px){ body.logged-in.woocommerce-account .woocommerce{grid-template-columns:220px minmax(0,1fr)!important;gap:14px 18px!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content{padding:24px!important} .smk-account-stats,.smk-account-quick-links{grid-template-columns:1fr 1fr} .smk-account-stats article:last-child,.smk-account-quick-links a:last-child{grid-column:1/-1} } @media(max-width:760px){ body.woocommerce-account .site-main{padding-top:30px} body.woocommerce-account .smk-page-header h1{font-size:28px} body.woocommerce-account:not(.logged-in) #customer_login.u-columns.col2-set{grid-template-columns:1fr;gap:16px} body.woocommerce-account:not(.logged-in) #customer_login .u-column1, body.woocommerce-account:not(.logged-in) #customer_login .u-column2{padding:20px!important;border-radius:11px} body.woocommerce-account:not(.logged-in) #customer_login h2{font-size:20px} body.logged-in.woocommerce-account .woocommerce{display:block!important;width:100%!important} body.logged-in.woocommerce-account .smk-account-profile{margin-bottom:12px} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation{position:static;overflow-x:auto;margin:0 0 14px!important;padding:6px!important;white-space:nowrap;-webkit-overflow-scrolling:touch} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:5px;width:max-content;min-width:100%} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li{display:block} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li a{min-height:38px;padding:8px 12px;border:1px solid transparent!important;font-size:10px} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li a:after{display:none} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{border-color:#c9dcf0!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{margin:0;padding:0;border:0} body.logged-in.woocommerce-account .woocommerce-MyAccount-content{min-height:0;padding:20px!important;border-radius:11px} .smk-account-section-head{margin-bottom:19px;padding-bottom:16px} .smk-account-section-head h2{font-size:21px} .smk-account-section-head p{font-size:11px} .smk-account-stats,.smk-account-quick-links{grid-template-columns:1fr} .smk-account-stats article:last-child,.smk-account-quick-links a:last-child{grid-column:auto} body.logged-in.woocommerce-account .woocommerce-Addresses.col2-set, body.logged-in.woocommerce-account .woocommerce-customer-details .woocommerce-columns, body.logged-in.woocommerce-account form .woocommerce-address-fields__field-wrapper, body.logged-in.woocommerce-account form.edit-account{grid-template-columns:1fr} body.logged-in.woocommerce-account form .woocommerce-address-fields__field-wrapper .form-row-wide, body.logged-in.woocommerce-account form.edit-account .form-row-wide, body.logged-in.woocommerce-account form.edit-account fieldset, body.logged-in.woocommerce-account form.edit-account>p:last-child{grid-column:auto} body.logged-in.woocommerce-account table.woocommerce-orders-table thead{display:none} body.logged-in.woocommerce-account table.woocommerce-orders-table, body.logged-in.woocommerce-account table.woocommerce-orders-table tbody, body.logged-in.woocommerce-account table.woocommerce-orders-table tr, body.logged-in.woocommerce-account table.woocommerce-orders-table td{display:block;width:100%;box-sizing:border-box} body.logged-in.woocommerce-account table.woocommerce-orders-table{border:0!important;background:transparent} body.logged-in.woocommerce-account table.woocommerce-orders-table tr{margin:0 0 12px;border:1px solid #e0e8ef;border-radius:9px;background:#fff;overflow:hidden} body.logged-in.woocommerce-account table.woocommerce-orders-table td{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 12px!important;text-align:right!important} body.logged-in.woocommerce-account table.woocommerce-orders-table td:before{float:none!important;margin:0;color:#718597;font-size:9px;font-weight:800;text-align:left;text-transform:uppercase} body.logged-in.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{display:block;text-align:left!important} body.logged-in.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions:before{display:none} body.logged-in.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button{margin:3px 3px 0 0} body.logged-in.woocommerce-account table.woocommerce-table--order-details{display:table} } @media(max-width:420px){ body.logged-in.woocommerce-account .woocommerce-MyAccount-content{padding:17px!important} body.logged-in.woocommerce-account .smk-account-profile{padding:15px} .smk-account-section-head h2{font-size:19px} .smk-account-stats strong{font-size:17px} } /* V4.4.5 live-account refinements. */ body.logged-in.woocommerce-account .site-main{padding:34px 0 60px} body.logged-in.woocommerce-account .smk-page-header{display:none!important} body.logged-in.woocommerce-account .woocommerce{ grid-template-columns:280px minmax(0,1fr)!important; gap:18px 28px!important; max-width:1320px; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content{min-height:500px;padding:32px!important} /* WooCommerce and older theme rules may re-enable col-1/col-2 floats after account-v44.css. Use an explicit grid and fixed placement for both cards. */ body.logged-in.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-flow:row!important; align-items:stretch!important; gap:20px!important; width:100%!important; margin:0!important; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses:before, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses:after{display:none!important;content:none!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses>.u-column1, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses>.col-1{ grid-column:1!important; grid-row:1!important; float:none!important; width:100%!important; max-width:none!important; margin:0!important; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses>.u-column2, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses>.col-2{ grid-column:2!important; grid-row:1!important; float:none!important; width:100%!important; max-width:none!important; margin:0!important; } body.logged-in.woocommerce-account .woocommerce-Address-title a.edit{ flex:0 0 auto; min-width:max-content; padding:0 13px!important; white-space:nowrap!important; } body.logged-in.woocommerce-account .woocommerce-Address address{font-size:12px;line-height:1.75} @media(max-width:1024px){ body.logged-in.woocommerce-account .woocommerce{grid-template-columns:235px minmax(0,1fr)!important;gap:15px 20px!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content{padding:26px!important} } @media(max-width:760px){ body.logged-in.woocommerce-account .site-main{padding:24px 0 48px} body.logged-in.woocommerce-account .woocommerce-MyAccount-content{padding:20px!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses{grid-template-columns:1fr!important;gap:14px!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses>.u-column1, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses>.u-column2, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses>.col-1, body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses>.col-2{grid-column:1!important;grid-row:auto!important} } /* V4.4.5 account-details completion. */ body.logged-in.woocommerce-account.smk-account-endpoint-edit-account form.edit-account .woocommerce-form-row span em{ display:block; margin-top:7px; color:#718597; font-size:10px; line-height:1.55; font-style:normal; } body.logged-in.woocommerce-account.smk-account-endpoint-edit-account form.edit-account fieldset{ grid-column:1/-1; display:grid; grid-template-columns:1fr; gap:0; } body.logged-in.woocommerce-account.smk-account-endpoint-edit-account form.edit-account fieldset .form-row{ width:100%!important; } body.logged-in.woocommerce-account.smk-account-endpoint-edit-account form.edit-account>p:last-child{ display:flex; justify-content:flex-start; margin:6px 0 0!important; } body.logged-in.woocommerce-account.smk-account-endpoint-edit-account form.edit-account>p:last-child .button{ min-width:190px; } @media(max-width:760px){ body.logged-in.woocommerce-account.smk-account-endpoint-edit-account form.edit-account>p:last-child .button{width:100%} }