/* Customer account area and guest order tracking. Uses the theme tokens from theme.css (--ink, --olive, --deep, --muted, --line, --cream, --pale, --font, --serif). */

/* ---------- Shared pieces ---------- */
.aoo-btn,
body.aoo-account-area .woocommerce a.aoo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border:1px solid #d2cdc2;border-radius:12px;background:#fff;color:var(--ink);font:750 14px/1.25 var(--font);text-align:center;text-decoration:none;white-space:normal;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.aoo-btn:hover,
body.aoo-account-area .woocommerce a.aoo-btn:hover{border-color:var(--olive);background:var(--pale);color:var(--deep)}
.aoo-btn--primary,
body.aoo-account-area .woocommerce a.aoo-btn--primary{border-color:var(--olive);background:var(--olive);color:#fff}
.aoo-btn--primary:hover,
body.aoo-account-area .woocommerce a.aoo-btn--primary:hover{border-color:var(--deep);background:var(--deep);color:#fff}

.aoo-badge{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;border-radius:999px;font:700 13px/1.2 var(--font);white-space:nowrap}
.aoo-badge--ok{background:#e4efd6;color:#2c3a1b}
.aoo-badge--info{background:#e8f0f7;color:#22405c}
.aoo-badge--warn{background:#fbefcf;color:#5e4204}
.aoo-badge--bad{background:#fbe5e1;color:#85261b}
.aoo-badge--muted{background:#eeebe4;color:#4e4a44}

.aoo-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.aoo-card h3{margin:0;font:700 clamp(19px,2.2vw,22px)/1.25 var(--serif)}
.aoo-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 14px}
.aoo-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.aoo-empty{text-align:left}
.aoo-empty h3{margin-bottom:8px}
.aoo-empty p{margin:0 0 6px;color:var(--muted)}

/* ---------- Notices ---------- */
body.aoo-account-area .woocommerce-message,
body.aoo-account-area .woocommerce-info,
body.aoo-account-area .woocommerce-error{margin:0 0 20px;padding:14px 18px 14px 50px;border:1px solid var(--line);border-top:1px solid #b8c99f;border-radius:14px;background:var(--pale);color:var(--ink);list-style:none;box-shadow:none}
body.aoo-account-area .woocommerce-message::before,
body.aoo-account-area .woocommerce-info::before{top:14px;left:18px;color:var(--olive)}
body.aoo-account-area .woocommerce-error{border-color:#e5b5ad;background:#fdf1ef}
body.aoo-account-area .woocommerce-error::before{top:14px;left:18px;color:#a3301f}
body.aoo-account-area .woocommerce-message a.button,
body.aoo-account-area .woocommerce-info a.button{float:none;margin:8px 0 0}

/* ---------- Logged out: login and register ---------- */

.aoo-auth{margin:0}
.aoo-auth--single{max-width:480px}
.aoo-auth-tabs{display:none}
.aoo-auth-panel{min-width:0;padding:24px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.aoo-auth-panel + .aoo-auth-panel{margin-top:20px;background:var(--pale);border-color:#d3e0c4}
body.aoo-account-area .aoo-auth-panel h2{margin:0 0 6px;font:700 clamp(22px,2.4vw,27px)/1.2 var(--serif);color:var(--ink)}
.aoo-auth-lead{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.55}
.aoo-auth-panel form{margin:0;padding:0;border:0;background:transparent}
.aoo-auth-panel .form-row{margin:0 0 16px;padding:0}
.aoo-auth-panel .form-row label{display:block;margin:0 0 6px;font-size:14px;font-weight:650;color:var(--ink)}
.aoo-auth-panel .required{color:#a3301f;text-decoration:none}
.aoo-auth-panel input.input-text{width:100%}
.aoo-auth-remember label{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;font-weight:600;cursor:pointer}
.aoo-auth-remember input[type=checkbox]{flex:0 0 auto;width:22px;height:22px;margin:0;accent-color:var(--olive)}
.aoo-auth-remember{margin-bottom:6px!important}
.aoo-auth-submit{margin:0!important}
body.aoo-account-area .aoo-auth-panel button.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:12px 20px;border:1px solid var(--olive);border-radius:12px;background:var(--olive);color:#fff;font:750 15px/1.25 var(--font);cursor:pointer;transition:background-color .16s ease,border-color .16s ease}
body.aoo-account-area .aoo-auth-panel button.button:hover{border-color:var(--deep);background:var(--deep);color:#fff;transform:none}
.aoo-auth-panel .woocommerce-LostPassword,
.aoo-auth-back{margin:14px 0 0;text-align:center}
.aoo-auth-panel .woocommerce-LostPassword a,
.aoo-auth-back a{display:inline-flex;align-items:center;min-height:44px;color:var(--olive);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.aoo-auth-panel .woocommerce-LostPassword a:hover,
.aoo-auth-back a:hover{color:var(--deep)}

/* Tabs on phones (with JS), both cards side by side from tablet up */
@media (max-width:767px){
	.aoo-js .aoo-auth--two .aoo-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 16px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}
	.aoo-auth-tab{min-height:46px;padding:8px 10px;border:0;border-radius:11px;background:transparent;color:#57534e;font:700 15px/1.2 var(--font)}
	.aoo-auth-tab.is-active{background:#fff;color:var(--deep);box-shadow:0 1px 6px rgba(44,58,27,.14)}
	.aoo-js .aoo-auth--two .aoo-auth-panel{display:none;margin-top:0}
	.aoo-js .aoo-auth--two .aoo-auth-panel.is-active{display:block}
}
@media (min-width:768px){
	.aoo-auth--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
	.aoo-auth-panel{padding:30px 28px}
	.aoo-auth-panel + .aoo-auth-panel{margin-top:0}
}

/* Reset password form (WooCommerce page without our wrapper) */
body.aoo-account-out form.woocommerce-ResetPassword.lost_reset_password{max-width:480px;margin:0 auto;padding:24px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}
body.aoo-account-out .woocommerce-ResetPassword .form-row{float:none;width:100%;margin:0 0 16px;padding:0}
body.aoo-account-out .woocommerce-ResetPassword .form-row label{display:block;margin:0 0 6px;font-weight:650}
body.aoo-account-out .woocommerce-ResetPassword button.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:1px solid var(--olive);border-radius:12px;background:var(--olive);color:#fff;font:750 15px/1.25 var(--font)}
body.aoo-account-out .woocommerce-ResetPassword button.button:hover{border-color:var(--deep);background:var(--deep)}

/* ---------- Logged in: layout ---------- */
/* WooCommerce adds clearfix ::before/::after to .woocommerce, .col2-set, .woocommerce-Addresses and .woocommerce-Address-title; inside our grid/flex boxes they become empty items and push the columns around. */
body.aoo-account-area.woocommerce-account .woocommerce::before,
body.aoo-account-area.woocommerce-account .woocommerce::after,
body.aoo-account-area.woocommerce-account .woocommerce .col2-set::before,
body.aoo-account-area.woocommerce-account .woocommerce .col2-set::after,
body.aoo-account-area.woocommerce-account .woocommerce .u-columns::before,
body.aoo-account-area.woocommerce-account .woocommerce .u-columns::after,
body.aoo-account-area.woocommerce-account .woocommerce .woocommerce-columns::before,
body.aoo-account-area.woocommerce-account .woocommerce .woocommerce-columns::after,
body.aoo-account-area.woocommerce-account .woocommerce .woocommerce-Addresses::before,
body.aoo-account-area.woocommerce-account .woocommerce .woocommerce-Addresses::after,
body.aoo-account-area.woocommerce-account .woocommerce .woocommerce-Address-title::before,
body.aoo-account-area.woocommerce-account .woocommerce .woocommerce-Address-title::after{content:none;display:none}
body.aoo-account-in .woocommerce{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1200px;margin:0}
body.aoo-account-in .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1}
body.aoo-account-in .woocommerce > .woocommerce-notices-wrapper:empty{display:none}
body.aoo-account-in .woocommerce-MyAccount-navigation,
body.aoo-account-in .woocommerce-MyAccount-content{float:none;width:auto;min-width:0;margin:0}
/* Phones: one row of pills that scrolls sideways inside its own box (the page never scrolls sideways). The edges fade to hint there is more. */
body.aoo-account-in .woocommerce-MyAccount-navigation ul{position:relative;display:flex;flex-wrap:nowrap;gap:8px;margin:0 calc(var(--aoo-gutter,16px) * -1);padding:2px var(--aoo-gutter,16px) 6px;overflow-x:auto;list-style:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--aoo-gutter,16px);scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--aoo-fade-l,0px),#000 calc(100% - var(--aoo-fade-r,28px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--aoo-fade-l,0px),#000 calc(100% - var(--aoo-fade-r,28px)),transparent 100%)}
body.aoo-account-in .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
body.aoo-account-in .woocommerce-MyAccount-navigation li{flex:0 0 auto;margin:0;scroll-snap-align:start}
body.aoo-account-in .woocommerce-MyAccount-navigation a{display:flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #d2cdc2;border-radius:999px;background:#fff;color:var(--ink);font:700 14px/1 var(--font);white-space:nowrap}
body.aoo-account-in .woocommerce-MyAccount-navigation a:hover{border-color:var(--olive);background:var(--pale);color:var(--deep)}
body.aoo-account-in .woocommerce-MyAccount-navigation li.is-active a{border-color:var(--olive);background:var(--olive);color:#fff}
body.aoo-account-in .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{border-style:dashed;color:#57534e}
@media (min-width:900px){
	body.aoo-account-in .woocommerce{grid-template-columns:260px minmax(0,1fr);gap:24px 40px;align-items:start}
	body.aoo-account-in .woocommerce-MyAccount-navigation{position:sticky;top:132px}
	body.aoo-account-in .woocommerce-MyAccount-navigation ul{flex-direction:column;gap:4px;margin:0;padding:8px;overflow:visible;border:1px solid var(--line);border-radius:16px;background:#fff;-webkit-mask-image:none;mask-image:none}
	body.aoo-account-in .woocommerce-MyAccount-navigation a{min-height:48px;padding:0 14px;border:0;border-radius:10px;font-size:15px;white-space:normal}
	body.aoo-account-in .woocommerce-MyAccount-navigation a:hover{border:0}
	body.aoo-account-in .woocommerce-MyAccount-navigation li.is-active a{background:var(--pale);color:var(--deep);box-shadow:inset 3px 0 0 var(--olive)}
	body.aoo-account-in .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
	body.aoo-account-in .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{border:0}
}
body.aoo-account-in .woocommerce-MyAccount-content > h2,
body.aoo-account-in .woocommerce-MyAccount-content h3{font-family:var(--serif)}
body.aoo-account-in .woocommerce-MyAccount-content > p:first-child{margin-top:0}

/* ---------- Dashboard ---------- */
.aoo-dash-hello{margin:0 0 6px;font:700 clamp(26px,3.4vw,34px)/1.15 var(--serif);letter-spacing:-.01em}
.aoo-dash-lead{margin:0 0 22px;color:var(--muted)}
.aoo-lastorder{margin-bottom:20px}
.aoo-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.aoo-facts div{min-width:0;padding:12px 14px;border-radius:12px;background:var(--cream)}
.aoo-facts dt{margin:0 0 2px;color:var(--muted);font-size:13px;font-weight:600}
.aoo-facts dd{margin:0;color:var(--ink);font-size:16px;font-weight:700;overflow-wrap:anywhere}
.aoo-lastorder-items{margin:14px 0 0;color:#3f3d39;font-size:15px}
.aoo-quick{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.aoo-quick a{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:12px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);transition:border-color .16s ease,background-color .16s ease}
.aoo-quick a:hover{border-color:var(--olive);background:var(--pale);color:var(--deep)}
.aoo-quick strong{font-size:16px}
.aoo-quick span{color:var(--muted);font-size:14px}
@media (min-width:700px){.aoo-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.aoo-facts{grid-template-columns:1fr 1fr}}

/* ---------- Tracking card ---------- */
.aoo-track{margin:0 0 22px;padding:18px 20px;border:1px solid #cfdcc0;border-radius:16px;background:var(--pale)}
.aoo-track--pending{background:var(--cream);border-color:var(--line)}
.aoo-track p{margin:0}
.aoo-track-title{margin-bottom:8px!important;color:var(--deep);font:700 17px/1.3 var(--serif)}
.aoo-track-number{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:#3f3d39;font-size:15px}
.aoo-track-code{padding:6px 12px;border:1px dashed #9db584;border-radius:9px;background:#fff;color:var(--ink);font-size:16px;letter-spacing:.03em;overflow-wrap:anywhere;user-select:all}
.aoo-track-copy{min-height:44px;padding:0 14px;border:1px solid #b8cba7;border-radius:10px;background:#fff;color:var(--deep);font:700 14px/1 var(--font)}
.aoo-track-copy:hover{background:var(--pale);border-color:var(--olive)}
.aoo-track-action{margin-top:14px!important}
.aoo-track--compact{margin:16px 0 0;padding:14px 16px}
.aoo-track--compact .aoo-track-title{font-size:16px}

/* ---------- Orders list ---------- */
table.aoo-orders{width:100%;border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:16px;background:#fff;overflow:hidden}
table.aoo-orders thead th{padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:var(--cream);color:#3f3d39;font-size:13px;font-weight:700;text-align:left}
table.aoo-orders td,table.aoo-orders tbody th{padding:14px;border:0;border-bottom:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:400;text-align:left;vertical-align:middle;background:#fff}
table.aoo-orders tbody tr:last-child td,table.aoo-orders tbody tr:last-child th{border-bottom:0}
table.aoo-orders tbody th a{font-weight:750;color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.aoo-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.aoo-row-actions .aoo-btn{min-height:44px;padding:8px 14px}
table.aoo-orders td.woocommerce-orders-table__cell-order-actions{text-align:right}
table.aoo-orders .woocommerce-orders-table__cell-order-number,table.aoo-orders .woocommerce-orders-table__cell-order-date,table.aoo-orders .woocommerce-orders-table__cell-order-total{white-space:nowrap}
.aoo-pager{display:flex;gap:10px;margin-top:16px}
/* Cards below 1200px (with the side menu the table needs about 800px). WooCommerce's own responsive-table CSS switches at 768px and out-ranks plain selectors (it hides the order-number cell, adds ": " and stripes), so these are prefixed. */
@media (max-width:1199px){
	body.aoo-account-in .woocommerce table.aoo-orders,
	body.aoo-account-in .woocommerce table.aoo-orders tbody{display:block;width:100%;border:0;background:transparent;overflow:visible}
	body.aoo-account-in .woocommerce table.aoo-orders thead{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr{display:block;margin:0 0 14px;padding:6px 16px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr td,
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr th{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid #f0ece3;background:transparent;text-align:right!important}
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr td::before,
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr th::before{content:attr(data-title);float:none;flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:600;text-align:left}
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr th a{display:inline-flex;align-items:center;min-height:44px;font-size:17px}
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr td.woocommerce-orders-table__cell-order-actions{display:block;padding:14px 0 0;border-bottom:0}
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr td.woocommerce-orders-table__cell-order-actions::before{content:none;display:none}
	.aoo-row-actions{justify-content:stretch}
	.aoo-row-actions .aoo-btn{flex:1 1 calc(50% - 8px)}
	.aoo-row-actions .aoo-btn.view{flex-basis:100%}
	.aoo-pager .aoo-btn{flex:1 1 0}
}

/* ---------- Order view ---------- */
.aoo-orderhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 20px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--cream)}
.aoo-orderhead p{margin:0}
.aoo-orderhead-title{font:700 clamp(20px,2.4vw,24px)/1.2 var(--serif)}
.aoo-orderhead-date{margin-top:2px!important;color:var(--muted);font-size:15px}
.aoo-order-again{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:20px 0 0}
.aoo-order-again span{flex:1 1 220px;color:var(--muted);font-size:14px}
.aoo-back{margin:22px 0 0}
.aoo-back a{display:inline-flex;align-items:center;min-height:44px;color:var(--olive);font-weight:650;text-decoration:underline;text-underline-offset:3px}
ol.notes{margin:0 0 22px;padding:0;list-style:none}
ol.notes li{margin:0 0 10px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}
ol.notes .meta{margin:0 0 4px;color:var(--muted);font-size:13px}
ol.notes .description p{margin:0}
body.aoo-account-area .woocommerce-order-details__title,
body.aoo-account-area .woocommerce-column__title,
body.aoo-account-area .woocommerce-customer-details h2,
body.aoo-account-area .woocommerce-MyAccount-content h2{margin:26px 0 12px;font:700 clamp(19px,2.2vw,22px)/1.25 var(--serif)}
body.aoo-account-area table.woocommerce-table--order-details{width:100%;border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:16px;background:#fff;overflow:hidden}
body.aoo-account-area table.woocommerce-table--order-details th,
body.aoo-account-area table.woocommerce-table--order-details td{padding:13px 16px;border:0;border-bottom:1px solid var(--line);font-size:15px;text-align:left;vertical-align:top}
body.aoo-account-area table.woocommerce-table--order-details thead th{background:var(--cream);color:#3f3d39;font-size:13px;font-weight:700}
body.aoo-account-area table.woocommerce-table--order-details tfoot th{font-weight:600;color:#3f3d39}
body.aoo-account-area table.woocommerce-table--order-details tfoot tr:last-child th,
body.aoo-account-area table.woocommerce-table--order-details tfoot tr:last-child td{border-bottom:0;font-weight:750}
body.aoo-account-area table.woocommerce-table--order-details td:last-child,
body.aoo-account-area table.woocommerce-table--order-details th:last-child{text-align:right}
body.aoo-account-area table.woocommerce-table--order-details .product-quantity{color:var(--muted);font-weight:600}
body.aoo-account-area table.woocommerce-table--order-details .product-name a{font-weight:650;color:var(--deep)}
body.aoo-account-area .woocommerce-columns--addresses{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
body.aoo-account-area .woocommerce-columns--addresses .woocommerce-column{float:none;width:auto;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
body.aoo-account-area .woocommerce-columns--addresses .woocommerce-column__title{margin-top:0}
body.aoo-account-area .woocommerce-columns--addresses address{margin:0;font-style:normal;line-height:1.65;color:#3f3d39}
@media (min-width:700px){body.aoo-account-area .woocommerce-columns--addresses{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Addresses, account details, payment methods ---------- */
body.aoo-account-in .woocommerce-Addresses{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
body.aoo-account-in .woocommerce-Addresses .woocommerce-Address{float:none;width:auto;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
body.aoo-account-in .woocommerce-Address-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 12px;margin:0 0 10px}
body.aoo-account-in .woocommerce-Address-title h2,
body.aoo-account-in .woocommerce-Address-title h3{flex:1 1 200px;min-width:0;margin:0;float:none;font:700 19px/1.25 var(--serif);text-align:left}
body.aoo-account-in .woocommerce-Address-title a.edit{float:none;flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #d2cdc2;border-radius:10px;color:var(--deep);font-size:14px;font-weight:700}
body.aoo-account-in .woocommerce-Address-title a.edit:hover{border-color:var(--olive);background:var(--pale)}
body.aoo-account-in .woocommerce-Address address{margin:0;font-style:normal;line-height:1.65;color:#3f3d39}
body.aoo-account-in .woocommerce-MyAccount-content > p:first-child + .woocommerce-Addresses{margin-top:8px}
@media (min-width:700px){body.aoo-account-in .woocommerce-Addresses{grid-template-columns:repeat(2,minmax(0,1fr))}}

body.aoo-account-in .woocommerce-address-fields__field-wrapper,
body.aoo-account-in form.woocommerce-EditAccountForm{display:flex;flex-wrap:wrap;gap:0 16px}
body.aoo-account-in .woocommerce-address-fields__field-wrapper .form-row,
body.aoo-account-in form.woocommerce-EditAccountForm .form-row{float:none;flex:1 1 100%;width:auto;min-width:0}
body.aoo-account-in .form-row-first,
body.aoo-account-in .form-row-last{float:none!important}
body.aoo-account-in form .form-row-first,
body.aoo-account-in form .form-row-last{flex:1 1 calc(50% - 8px)!important;width:auto!important}
body.aoo-account-in form.woocommerce-EditAccountForm fieldset{flex:1 1 100%;margin:8px 0 16px;padding:18px 18px 4px;border:1px solid var(--line);border-radius:16px}
body.aoo-account-in form.woocommerce-EditAccountForm legend{padding:0 8px;font:700 18px/1.3 var(--serif)}
body.aoo-account-in form .clear{display:none}
body.aoo-account-in form span em,
body.aoo-account-in form .woocommerce-input-wrapper + span{color:var(--muted);font-size:13px}
body.aoo-account-in form button.button,
body.aoo-account-in .woocommerce-MyAccount-content button.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 26px;border:1px solid var(--olive);border-radius:12px;background:var(--olive);color:#fff;font:750 15px/1.25 var(--font);cursor:pointer;transition:background-color .16s ease,border-color .16s ease}
body.aoo-account-in form button.button:hover,
body.aoo-account-in .woocommerce-MyAccount-content button.button:hover{border-color:var(--deep);background:var(--deep);color:#fff}
body.aoo-account-in #billing_country_field,
body.aoo-account-in #shipping_country_field{display:none!important}
body.aoo-account-in .woocommerce-MyAccount-content a.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid var(--olive);border-radius:12px;background:var(--olive);color:#fff;font:750 14px/1.25 var(--font)}
body.aoo-account-in .woocommerce-MyAccount-content a.button:hover{border-color:var(--deep);background:var(--deep);color:#fff}
body.aoo-account-in table.woocommerce-MyAccount-paymentMethods{width:100%;border:1px solid var(--line);border-radius:16px;border-collapse:separate;border-spacing:0}
body.aoo-account-in table.woocommerce-MyAccount-paymentMethods th,
body.aoo-account-in table.woocommerce-MyAccount-paymentMethods td{padding:12px 14px;border:0;border-bottom:1px solid var(--line);text-align:left}
@media (max-width:599px){body.aoo-account-in form .form-row-first,body.aoo-account-in form .form-row-last{flex-basis:100%!important}}

/* ---------- Guest order tracking page ---------- */
body.aoo-tracking-page main.aoo-page.aoo-container{max-width:640px}
body.aoo-tracking-page .aoo-entry-content > p:first-child{margin:0 0 20px;color:var(--muted)}
body.aoo-tracking-page form.woocommerce-form-track-order{margin:0 0 24px;padding:24px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}
body.aoo-tracking-page form.woocommerce-form-track-order > p:first-child{margin:0 0 18px;color:var(--muted)}
body.aoo-tracking-page form.woocommerce-form-track-order .form-row{float:none;width:100%;margin:0 0 16px;padding:0}
body.aoo-tracking-page form.woocommerce-form-track-order .form-row label{display:block;margin:0 0 6px;font-weight:650}
body.aoo-tracking-page form.woocommerce-form-track-order .clear{display:none}
body.aoo-tracking-page form.woocommerce-form-track-order button.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:1px solid var(--olive);border-radius:12px;background:var(--olive);color:#fff;font:750 15px/1.25 var(--font)}
body.aoo-tracking-page form.woocommerce-form-track-order button.button:hover{border-color:var(--deep);background:var(--deep)}
body.aoo-tracking-page .woocommerce-message,
body.aoo-tracking-page .woocommerce-error{margin:0 0 20px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--pale);list-style:none}
body.aoo-tracking-page .woocommerce-error{border-color:#e5b5ad;background:#fdf1ef}
body.aoo-tracking-page .woocommerce-message::before,body.aoo-tracking-page .woocommerce-error::before{display:none}
body.aoo-tracking-page .woocommerce-columns--addresses{display:none}

/* ---------- Overrides of the older account rules in theme.css ---------- */
body.woocommerce-account .woocommerce #customer_login.aoo-auth form.login,
body.woocommerce-account .woocommerce #customer_login.aoo-auth form.register{margin:0;padding:0;border:0;border-radius:0;background:transparent}
body.woocommerce-account #customer_login.aoo-auth .aoo-auth-remember input[type=checkbox]{width:22px;height:22px}
body.woocommerce-account #customer_login.aoo-auth h2{margin:0 0 6px}
body.aoo-account-out .woocommerce{max-width:none;margin-inline:0}
.aoo-auth{margin:0}
.aoo-auth--two{max-width:940px}
.aoo-auth-panel .woocommerce-privacy-policy-text p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.55}
body.aoo-account-out .aoo-auth form.woocommerce-ResetPassword.lost_reset_password{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent}
body.aoo-tracking-page form.woocommerce-form-track-order > p:first-child{display:none}
body.aoo-tracking-page .woocommerce-error:focus{outline:0}

/* Polish */
body.aoo-account-area .woocommerce-MyAccount-navigation a,
body.aoo-account-area .aoo-quick a,
body.aoo-account-area .aoo-btn,
body.aoo-account-area a.button{text-decoration:none}
.aoo-row-actions{align-items:stretch}
.aoo-row-actions .aoo-btn{margin:0}
.aoo-order-again{margin:20px 0 28px}

/* ---------- Generic fields in the account area (the body has no .woocommerce class here) ---------- */
body.aoo-account-area .woocommerce form .form-row{margin:0 0 16px;padding:0}
body.aoo-account-area .woocommerce form .form-row label{display:block;margin:0 0 6px;color:#292524;font-size:14px;font-weight:650;line-height:1.4}
body.aoo-account-area .woocommerce form .form-row .required{color:#a3301f;text-decoration:none}
body.aoo-account-area .woocommerce form .form-row input.input-text,
body.aoo-account-area .woocommerce form .form-row select,
body.aoo-account-area .woocommerce form .form-row textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid #d2cdc2;border-radius:10px;background:#fff;color:#292524;font-size:16px;box-shadow:none}
body.aoo-account-area .woocommerce form .form-row input.input-text:focus,
body.aoo-account-area .woocommerce form .form-row select:focus,
body.aoo-account-area .woocommerce form .form-row textarea:focus{border-color:var(--olive);outline:2px solid #759a4e3b;outline-offset:1px}
body.aoo-account-area .woocommerce form .form-row .woocommerce-input-wrapper{display:block}
body.aoo-account-area .woocommerce form .form-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--olive);vertical-align:middle}
body.aoo-account-area .woocommerce form .form-row .show-password-input{top:12px}
body.aoo-account-area .woocommerce-password-strength{margin-top:6px;padding:6px 10px;border-radius:8px;font-size:13px}
body.aoo-account-area .woocommerce form .form-row .select2-container{width:100%!important}
body.aoo-account-area .woocommerce-Address-title a.edit{text-decoration:none}

/* ---------- v1.1.2 polish: match the storefront (cream page, same container as header/footer), fix hierarchy and touch targets ---------- */
body.aoo-account-area{background:#faf9f6}
body.aoo-account-in main.aoo-page.aoo-container.aoo-page-wide,
body.aoo-account-out main.aoo-page.aoo-container.aoo-page-wide{max-width:var(--aoo-max,100rem)}
body.aoo-account-area .woocommerce-message,
body.aoo-account-area .woocommerce-info,
body.aoo-account-area .woocommerce-error,
body.aoo-account-area .woocommerce-notices-wrapper{scroll-margin-top:132px}

/* Dashboard */
body.aoo-account-in .woocommerce-MyAccount-content .aoo-dash-hello{margin:0 0 6px;font:700 clamp(26px,3.4vw,34px)/1.15 var(--serif);letter-spacing:-.01em}
.aoo-lastorder-items{overflow-wrap:anywhere}
.aoo-facts dd .woocommerce-Price-amount,
.woocommerce-Price-amount{white-space:nowrap}
.aoo-track--compact .aoo-track-action .aoo-btn{min-height:44px}
@media (max-width:480px){
	.aoo-facts div:nth-child(2){grid-column:1/-1;order:3}
	.aoo-card-actions .aoo-btn{flex:1 1 calc(50% - 5px)}
	.aoo-track-action .aoo-btn{width:100%}
	.aoo-track-copy{width:100%}
	.aoo-orderhead{padding:16px}
}
.aoo-back a,.aoo-auth-back a{padding-inline:2px}

/* Order view: address cards (WooCommerce draws its own box around <address>) and totals */
body.aoo-account-area .woocommerce-customer-details address,
body.aoo-account-area .woocommerce-Address address{padding:0;border:0;border-radius:0;background:transparent;overflow-wrap:anywhere}
body.aoo-account-area .woocommerce-customer-details--phone,
body.aoo-account-area .woocommerce-customer-details--email{margin:6px 0 0;padding-left:0}
body.aoo-account-area table.woocommerce-table--order-details td,
body.aoo-account-area table.woocommerce-table--order-details th{overflow-wrap:anywhere}
body.aoo-account-area .woocommerce-order-details{margin:0}
body.aoo-account-area .woocommerce-customer-details{margin:0}
body.aoo-account-area .woocommerce-order-details__title:first-child,
body.aoo-account-area .woocommerce-column__title:first-child{margin-top:0}
@media (max-width:480px){
	body.aoo-account-area table.woocommerce-table--order-details th,
	body.aoo-account-area table.woocommerce-table--order-details td{padding:12px}
}

/* Notices: 44px buttons, readable on phones */
body.aoo-account-area .woocommerce-message,
body.aoo-account-area .woocommerce-info,
body.aoo-account-area .woocommerce-error{line-height:1.5}
body.aoo-account-area .woocommerce-error li{margin:0 0 4px}
body.aoo-account-area .woocommerce-error li:last-child{margin-bottom:0}
body.aoo-account-area .woocommerce-message a.button,
body.aoo-account-area .woocommerce-info a.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border:1px solid var(--olive);border-radius:12px;background:var(--olive);color:#fff;font:750 14px/1.25 var(--font)}
body.aoo-account-area .woocommerce-message a.button:hover,
body.aoo-account-area .woocommerce-info a.button:hover{border-color:var(--deep);background:var(--deep);color:#fff}

/* Forms: clearer focus ring, full-width buttons on phones */
body.aoo-account-area .woocommerce form .form-row input.input-text:focus,
body.aoo-account-area .woocommerce form .form-row select:focus,
body.aoo-account-area .woocommerce form .form-row textarea:focus,
.aoo-auth-panel input.input-text:focus{border-color:var(--olive);outline:3px solid #77934d66;outline-offset:1px}
body.aoo-account-area .woocommerce form .form-row input.input-text[aria-invalid=true],
body.aoo-account-area .woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:#a3301f}
@media (max-width:599px){
	body.aoo-account-in form button.button,
	body.aoo-account-in .woocommerce-MyAccount-content button.button{width:100%}
	body.aoo-account-in .woocommerce-MyAccount-content a.button{width:100%}
	body.aoo-account-in .woocommerce-Address-title a.edit{width:100%;justify-content:center}
	body.aoo-account-in form.woocommerce-EditAccountForm fieldset{padding:16px 14px 2px}
	body.aoo-account-in table.woocommerce-MyAccount-paymentMethods{display:block;overflow-x:auto}
}

/* Login and register: same-height cards side by side */
@media (min-width:768px){
	.aoo-auth--two{align-items:stretch}
}
@media (min-width:900px){
	body.aoo-account-in form.woocommerce-EditAccountForm,
	body.aoo-account-in .woocommerce-address-fields{max-width:760px}
}

/* ---------- Product chips (orders list and dashboard) ---------- */
.aoo-items{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none}
.aoo-lastorder .aoo-items{margin:14px 0 0}
.aoo-item{min-width:0;margin:0;padding:0}
.aoo-item-link{display:flex;align-items:center;gap:12px;min-height:56px;padding:4px 12px 4px 4px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-align:left;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}
a.aoo-item-link:hover{border-color:var(--olive);background:var(--pale);color:var(--deep)}
.aoo-item-link.is-static{background:var(--cream)}
.aoo-item-img{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:9px;background:var(--cream);overflow:hidden}
.aoo-item-img img{display:block;width:48px;height:48px;max-width:none;margin:0;border-radius:9px;object-fit:cover}
.aoo-item-name{flex:1 1 auto;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:650 14px/1.35 var(--font);overflow-wrap:anywhere}
.aoo-item-qty{flex:0 0 auto;color:var(--muted);font:700 13px/1 var(--font);white-space:nowrap}
.aoo-item--more .aoo-item-link{justify-content:center;border-color:#cfdcc0;background:var(--pale);color:var(--deep);font:700 14px/1.2 var(--font)}
@media (min-width:560px){
	.aoo-items{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
}
/* In the orders list on phones/tablets the products take a full-width row of the card */
@media (max-width:1199px){
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr td.woocommerce-orders-table__cell-order-products{display:block;padding:12px 0;text-align:left!important;white-space:normal}
	body.aoo-account-in .woocommerce table.aoo-orders tbody tr td.woocommerce-orders-table__cell-order-products::before{display:block;margin:0 0 8px}
}
/* Table (>=1200px): a "Productos" column with one chip per line */
@media (min-width:1200px){
	table.aoo-orders td,table.aoo-orders tbody th{padding:12px 10px}
	table.aoo-orders thead th{padding:12px 10px}
	table.aoo-orders td.woocommerce-orders-table__cell-order-products{min-width:190px}
	table.aoo-orders .woocommerce-orders-table__cell-order-products .aoo-items{grid-template-columns:minmax(0,1fr);gap:6px}
	table.aoo-orders .woocommerce-orders-table__cell-order-products .aoo-item-link{min-height:48px;padding:3px 10px 3px 3px}
	table.aoo-orders .woocommerce-orders-table__cell-order-products .aoo-item-img,
	table.aoo-orders .woocommerce-orders-table__cell-order-products .aoo-item-img img{flex-basis:40px;width:40px;height:40px}
	table.aoo-orders .woocommerce-orders-table__cell-order-date{min-width:112px;white-space:normal}
	table.aoo-orders .woocommerce-orders-table__cell-order-total{min-width:104px;white-space:normal}
	table.aoo-orders td.woocommerce-orders-table__cell-order-actions{width:1%}
	table.aoo-orders td.woocommerce-orders-table__cell-order-actions .aoo-row-actions{flex-direction:column;align-items:stretch;flex-wrap:nowrap}
	table.aoo-orders td.woocommerce-orders-table__cell-order-actions .aoo-btn{white-space:nowrap}
}
body.aoo-account-area .aoo-items a.aoo-item-link{text-decoration:none}
.aoo-item-link.is-static .aoo-item-img{background:#eeebe4}

/* ---------- Order view: product cards (replace the product rows of the standard details table; totals stay) ---------- */
body.aoo-view-order table.woocommerce-table--order-details thead,
body.aoo-view-order table.woocommerce-table--order-details tbody tr.woocommerce-table__line-item{display:none}
.aoo-lines{margin:0 0 26px}
body.aoo-account-area .woocommerce-MyAccount-content .aoo-lines-title{margin:26px 0 12px}
.aoo-lines-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none}
.aoo-line{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto 1fr;gap:6px 14px;min-width:0;min-height:100px;margin:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--cream);transition:background-color .16s ease,border-color .16s ease}
.aoo-line.has-link{background:#fff}
.aoo-line.has-link:hover{border-color:var(--olive);background:var(--pale)}
.aoo-line-img{display:block;grid-row:1/3;width:72px;height:72px;border-radius:12px;background:#eeebe4;overflow:hidden}
.aoo-line-img img{display:block;width:72px;height:72px;max-width:none;margin:0;border-radius:12px;object-fit:cover}
.aoo-line-body{min-width:0}
.aoo-line-name{margin:0;font:700 15px/1.35 var(--font);overflow-wrap:anywhere}
.aoo-line-name a{color:var(--ink);text-decoration:none}
.aoo-line.has-link:hover .aoo-line-name a{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
/* Whole card clickable: the name link is stretched over it (keeps a single link for screen readers) */
.aoo-line-name a::after{content:"";position:absolute;inset:0;border-radius:16px}
.aoo-line-name a:focus-visible{outline:0}
.aoo-line-name a:focus-visible::after{outline:3px solid #77934d;outline-offset:2px}
.aoo-line-meta{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.aoo-line-meta ul,.aoo-line-meta p{margin:0;padding:0;list-style:none}
.aoo-line-meta li{margin:0}
.aoo-line-meta .wc-item-meta-label{float:none;margin:0;font-weight:600}
.aoo-line-meta p{display:inline}
.aoo-line-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;align-self:end}
.aoo-line-qty{color:#3f3d39;font-size:14px;font-weight:600}
.aoo-line-unit{color:var(--muted);font-weight:400}
.aoo-line-total{color:var(--ink);font-size:16px;font-weight:750;white-space:nowrap}
@media (min-width:700px){
	.aoo-lines-list{grid-template-columns:repeat(2,minmax(0,1fr))}
	.aoo-lines-list > li:only-child{grid-column:1/-1}
	.aoo-line{grid-template-columns:88px minmax(0,1fr);min-height:116px}
	.aoo-line-img,.aoo-line-img img{width:88px;height:88px}
}