/* =========================================================================
   Willow & Fern — header account icon + My Account
   ========================================================================= */

:root{--wf-ivory:#FAF7F2;--wf-cream:#F4EFE8;--wf-sand:#EDE5D9;--wf-taupe:#A2988A;
--wf-ink:#22201C;--wf-muted:#6F675C;--wf-line:#E2DACE;--wf-green:#2E5119}

/* ---------- header icon ----------
   The theme prints <i class="klbth-icon-usert">, but that glyph does not exist
   in its icon font, so the button rendered empty. Draw it instead. */
.login-button .klbth-icon-usert{display:inline-block;width:21px;height:21px;font-size:0;
background-color:currentColor;
-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") no-repeat center/contain;
mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") no-repeat center/contain;
transition:opacity .3s ease}
.login-button:hover .klbth-icon-usert{opacity:.55}

/* =========================================================================
   shared
   ========================================================================= */

body.woocommerce-account .woocommerce{max-width:1180px;margin:0 auto;padding:60px 24px 96px}

body.woocommerce-account label{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;
text-transform:uppercase;color:var(--wf-taupe);margin-bottom:8px}
body.woocommerce-account .woocommerce-form-login__rememberme,
body.woocommerce-account label.checkbox{display:inline-flex;align-items:center;gap:9px;
font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--wf-muted)}

body.woocommerce-account input[type=text],body.woocommerce-account input[type=email],
body.woocommerce-account input[type=password],body.woocommerce-account input[type=tel],
body.woocommerce-account select,body.woocommerce-account textarea{width:100%;background:transparent;
border:0;border-bottom:1px solid var(--wf-line);border-radius:0;padding:12px 2px;font-family:inherit;
font-size:15px;color:var(--wf-ink);transition:border-color .35s ease}
body.woocommerce-account input:focus,body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus{outline:0;box-shadow:none;border-bottom-color:var(--wf-green)}

body.woocommerce-account .button,body.woocommerce-account button[type=submit],
body.woocommerce-account .woocommerce-Button{background:var(--wf-ink);color:var(--wf-ivory);
border:1px solid var(--wf-ink);border-radius:2px;padding:15px 32px;font-family:inherit;font-size:11.5px;
font-weight:500;letter-spacing:.16em;text-transform:uppercase;line-height:1;cursor:pointer;
transition:background-color .4s ease,border-color .4s ease,color .4s ease}
body.woocommerce-account .button:hover,body.woocommerce-account button[type=submit]:hover,
body.woocommerce-account .woocommerce-Button:hover{background:var(--wf-green);border-color:var(--wf-green);color:#fff}

body.woocommerce-account .woocommerce-info,body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error{background:var(--wf-ivory);border:1px solid var(--wf-line);
border-top:2px solid var(--wf-green);border-radius:0;padding:20px 24px;font-size:14.5px;color:var(--wf-muted);
list-style:none;margin:0 0 28px}
body.woocommerce-account .woocommerce-info::before,body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-error::before{display:none}

/* =========================================================================
   Logged out — login / register  (scoped, these classes reappear elsewhere)
   ========================================================================= */

body.woocommerce-account:not(.logged-in) .woocommerce{max-width:980px}
body.woocommerce-account:not(.logged-in) h2{font-size:24px;font-weight:500;letter-spacing:-.01em;
color:var(--wf-ink);margin:0 0 24px}
body.woocommerce-account:not(.logged-in) .u-columns.col2-set{display:grid;grid-template-columns:1fr 1fr;gap:0}
body.woocommerce-account:not(.logged-in) .u-column1,
body.woocommerce-account:not(.logged-in) .u-column2{width:auto;float:none;padding:44px 44px 40px}
body.woocommerce-account:not(.logged-in) .u-column1{grid-column:1;grid-row:1;background:var(--wf-ivory);
border:1px solid var(--wf-line);border-right:0}
body.woocommerce-account:not(.logged-in) .u-column2{grid-column:2;grid-row:1;background:#fff;
border:1px solid var(--wf-line)}
body.woocommerce-account form.login,body.woocommerce-account form.register{border:0;padding:0;margin:0;border-radius:0}
body.woocommerce-account .woocommerce-form-row{margin-bottom:22px}
body.woocommerce-account .woocommerce-LostPassword{margin-top:18px;font-size:13px}
body.woocommerce-account .woocommerce-LostPassword a{color:var(--wf-muted);border-bottom:1px solid var(--wf-line);
padding-bottom:2px;transition:color .3s ease,border-color .3s ease}
body.woocommerce-account .woocommerce-LostPassword a:hover{color:var(--wf-green);border-color:var(--wf-green)}
body.woocommerce-account .woocommerce-privacy-policy-text p{font-size:12.5px;line-height:1.6;color:var(--wf-taupe)}

/* =========================================================================
   Logged in — two column shell
   ========================================================================= */

body.woocommerce-account .my-account-wrapper{display:grid;grid-template-columns:284px 1fr;
gap:0;align-items:start}
body.woocommerce-account .woocommerce-MyAccount-navigation{width:auto !important;float:none !important;
padding:0 48px 0 0;border:0}
body.woocommerce-account .woocommerce-MyAccount-content{width:auto !important;float:none !important;
padding-left:48px;border-left:1px solid var(--wf-line);min-height:460px}

/* ---------- the person card ---------- */
body.woocommerce-account .user-detail{display:flex;align-items:center;gap:14px;
padding:0 0 24px;margin:0 0 6px;border-bottom:1px solid var(--wf-line)}
body.woocommerce-account .user-avatar{flex:0 0 46px;width:46px !important;height:46px !important;
border-radius:50% !important;background:var(--wf-green) !important;color:#fff !important;
display:flex !important;align-items:center;justify-content:center;line-height:1 !important;
font-size:15px !important;font-weight:500;letter-spacing:.04em;text-transform:uppercase;
background-image:none !important}
body.woocommerce-account .user-info{min-width:0}
body.woocommerce-account .user-info span{display:block;font-size:10.5px;font-weight:600;
letter-spacing:.16em;text-transform:uppercase;color:var(--wf-taupe);margin-bottom:4px}
body.woocommerce-account .user-info .entry-name{font-size:16px !important;font-weight:500 !important;
line-height:1.3 !important;color:var(--wf-ink) !important;margin:0 !important;text-transform:none !important;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- menu ---------- */
body.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;border-bottom:1px solid var(--wf-line)}
body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{position:relative;display:flex;
align-items:center;gap:9px;background:transparent !important;padding:15px 2px 15px 0;
font-size:12px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--wf-muted) !important;
transition:color .35s ease,padding-left .35s ease}
body.woocommerce-account .woocommerce-MyAccount-navigation li a::before{content:"";position:absolute;
left:0;top:50%;width:0;height:1px;background:var(--wf-green);transform:translateY(-50%);
transition:width .35s cubic-bezier(.2,.7,.2,1)}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--wf-ink) !important;padding-left:22px}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover::before{width:14px}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--wf-green) !important;
font-weight:600;padding-left:22px}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before{width:14px}
body.woocommerce-account .woocommerce-MyAccount-navigation li a i,
body.woocommerce-account .woocommerce-MyAccount-navigation li a svg{font-size:14px;opacity:.7}

/* ---------- content ---------- */
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3{font-size:18px;font-weight:500;
letter-spacing:-.005em;color:var(--wf-ink);margin:0 0 20px}
body.woocommerce-account .woocommerce-MyAccount-content p{font-size:15px;line-height:1.78;color:var(--wf-muted)}
body.woocommerce-account .woocommerce-MyAccount-content>p:first-child{margin-top:0}
body.woocommerce-account .woocommerce-MyAccount-content mark,
body.woocommerce-account .woocommerce-MyAccount-content strong{background:transparent;color:var(--wf-ink);font-weight:500}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button){color:var(--wf-green)}

/* ---------- orders table ---------- */
body.woocommerce-account table.shop_table{border:0;border-collapse:collapse;width:100%;margin:0}
body.woocommerce-account table.shop_table thead th{border:0;border-bottom:1px solid var(--wf-line);
padding:0 16px 14px 0;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
color:var(--wf-taupe);text-align:left;background:transparent}
body.woocommerce-account table.shop_table tbody td{border:0;border-bottom:1px solid var(--wf-line);
padding:20px 16px 20px 0;font-size:14.5px;color:var(--wf-ink);vertical-align:middle;background:transparent}
body.woocommerce-account table.shop_table tbody tr:last-child td{border-bottom:0}
body.woocommerce-account .woocommerce-orders-table__cell-order-number a{color:var(--wf-ink);font-weight:500}
body.woocommerce-account .woocommerce-orders-table__cell-order-status{font-size:11px;font-weight:600;
letter-spacing:.14em;text-transform:uppercase;color:var(--wf-green)}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions{text-align:right}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{background:transparent;
color:var(--wf-ink);border:1px solid var(--wf-line);padding:10px 18px;font-size:10.5px;letter-spacing:.14em}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover{background:var(--wf-ink);
border-color:var(--wf-ink);color:var(--wf-ivory)}

/* ---------- addresses ---------- */
body.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:28px}
body.woocommerce-account .woocommerce-Address{width:auto !important;float:none !important;
grid-column:auto !important;grid-row:auto !important;
border:1px solid var(--wf-line);background:var(--wf-ivory);padding:28px 30px 26px}
body.woocommerce-account .woocommerce-Address-title{display:flex;align-items:baseline;
justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;
border-bottom:1px solid var(--wf-line)}
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3{font-size:13px;font-weight:600;letter-spacing:.14em;
text-transform:uppercase;color:var(--wf-ink);margin:0}
body.woocommerce-account .woocommerce-Address-title a.edit{flex:0 0 auto;font-size:10.5px;font-weight:600;
letter-spacing:.12em;text-transform:uppercase;color:var(--wf-green);border-bottom:1px solid transparent;
transition:border-color .3s ease}
body.woocommerce-account .woocommerce-Address-title a.edit:hover{border-bottom-color:var(--wf-green)}
body.woocommerce-account .woocommerce-Address address{font-style:normal;font-size:14.5px;line-height:1.85;
color:var(--wf-muted)}

/* =========================================================================
   Responsive
   ========================================================================= */

@media(max-width:900px){
body.woocommerce-account:not(.logged-in) .u-columns.col2-set{grid-template-columns:1fr}
body.woocommerce-account:not(.logged-in) .u-column1{grid-column:1;grid-row:1;
border-right:1px solid var(--wf-line);border-bottom:0}
body.woocommerce-account:not(.logged-in) .u-column2{grid-column:1;grid-row:2;border-top:0}
body.woocommerce-account .my-account-wrapper{grid-template-columns:1fr}
body.woocommerce-account .woocommerce-MyAccount-navigation{padding:0 0 8px;margin-bottom:36px;
border-bottom:1px solid var(--wf-line)}
body.woocommerce-account .woocommerce-MyAccount-content{padding-left:0;border-left:0}
body.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr}
}

@media(max-width:600px){
body.woocommerce-account .woocommerce{padding:40px 18px 72px}
body.woocommerce-account:not(.logged-in) .u-column1,
body.woocommerce-account:not(.logged-in) .u-column2{padding:30px 24px 28px}
body.woocommerce-account table.shop_table thead{display:none}
body.woocommerce-account table.shop_table tbody tr{display:block;border-bottom:1px solid var(--wf-line);padding:18px 0}
body.woocommerce-account table.shop_table tbody tr:last-child{border-bottom:0}
body.woocommerce-account table.shop_table tbody td{display:flex;justify-content:space-between;gap:16px;
border:0;padding:6px 0;text-align:right}
body.woocommerce-account table.shop_table tbody td::before{content:attr(data-title);font-size:10.5px;
font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--wf-taupe);text-align:left}
}