/* Sozuri Address Book + My Account — eBay-clean revamp. Accent = --soz-accent (Estelin pink / drrashel gold).
   Non-solid pills, inline Lucide icons (stroke = currentColor), tight mobile type scale. */
:root{ --soz-accent:#C2185B; --soz-on-accent:#fff; --soz-accent-ink:#9E1450; --soz-ink:#1f2937; --soz-muted:#6b7280; --soz-line:#e9e7e8; --soz-soft:#f7f5f6; }

.soz-ic{ display:inline-block; vertical-align:middle; flex:0 0 auto; }

/* ============ My Account: 2-column layout (sidebar + content) ============ */
/* Only on the logged-in account page (NOT the logged-out login/register screen, which has no nav). */
body.logged-in.woocommerce-account .woocommerce{ display:grid; grid-template-columns:236px minmax(0,1fr); gap:28px; align-items:start; max-width:1080px; margin-left:auto; margin-right:auto; }
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content{ float:none !important; width:auto !important; margin:0 !important; }
/* gostore outputs content BEFORE nav in the DOM — pin placement so the sidebar stays on the left. */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation{ grid-column:1; grid-row:1; align-self:stretch; }
body.logged-in.woocommerce-account .woocommerce-MyAccount-content{ grid-column:2; grid-row:1; }

/* ---- Sidebar nav: clean, NON-SOLID outlined pills with a Lucide icon ---- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; border:0; display:flex; flex-direction:column; gap:6px; position:sticky; top:90px; }
.woocommerce-account .woocommerce-MyAccount-navigation li{ border:0; margin:0; padding:0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a{ display:flex; align-items:center; gap:11px; padding:10px 13px; border-radius:11px; background:#fff !important; border:1px solid var(--soz-line) !important; color:#475569 !important; font-weight:600; font-size:14px; line-height:1.2; text-decoration:none; transition:border-color .14s, background .14s, color .14s; }
.woocommerce-account .woocommerce-MyAccount-navigation li a .soz-ic{ color:#9aa3af; transition:color .14s; }
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ background:var(--soz-soft) !important; border-color:#ddd6da !important; color:#111 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover .soz-ic{ color:var(--soz-muted); }
/* Active = light accent TINT + accent border/text/icon (never a solid fill). High specificity + !important
   so it beats the theme's transparent-bg / white-text rule. color-mix tint, with --soz-soft fallback. */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:hover{ background:var(--soz-soft) !important; background:color-mix(in srgb, var(--soz-accent) 8%, #fff) !important; border-color:var(--soz-accent) !important; color:var(--soz-accent-ink) !important; font-weight:700; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a .soz-ic{ color:var(--soz-accent); }
.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible,
.soz-dash-card:focus-visible, .soz-ab-card-actions a:focus-visible, .soz-ab-btn:focus-visible{ outline:2px solid var(--soz-accent); outline-offset:2px; }

/* ============ Dashboard ============ */
.soz-dash-hi{ margin:0 0 18px; }
.soz-dash-hi h2{ margin:0 0 4px; font-size:20px; font-weight:800; color:#111; letter-spacing:-.01em; }
.soz-dash-hi p{ margin:0; color:var(--soz-muted); font-size:14px; line-height:1.5; }
.soz-dash-cards{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0; }
.soz-dash-card{ display:flex; align-items:center; gap:13px; padding:14px 15px; border:1px solid var(--soz-line); border-radius:14px; background:#fff; text-decoration:none; color:#111 !important; transition:border-color .14s, background .14s; }
.soz-dash-card:hover{ border-color:var(--soz-accent); background:var(--soz-soft); }
.soz-dash-ic{ display:grid; place-items:center; width:40px; height:40px; flex:0 0 auto; border-radius:11px; background:var(--soz-soft); background:color-mix(in srgb, var(--soz-accent) 9%, #fff); color:var(--soz-accent); }
.soz-dash-tx{ display:flex; flex-direction:column; gap:1px; min-width:0; flex:1 1 auto; }
.soz-dash-tx b{ font-size:14.5px; color:#111; }
.soz-dash-tx span{ font-size:12px; color:var(--soz-muted); }
.soz-dash-go{ color:#cfd5db; flex:0 0 auto; }
.soz-dash-card:hover .soz-dash-go{ color:var(--soz-accent); }

/* ============ Address book ============ */
.soz-ab{ color:var(--soz-ink); }
.soz-ab-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 16px; }
.soz-ab-title{ margin:0; font-size:19px; font-weight:800; color:#111; }
.soz-ab-btn{ display:inline-flex; align-items:center; gap:7px; border:0; border-radius:10px; padding:10px 16px; font-weight:700; font-size:14px; cursor:pointer; text-decoration:none; line-height:1.2; }
.soz-ab-btn-primary{ background:var(--soz-accent); color:var(--soz-on-accent) !important; }
.soz-ab-btn-primary:hover{ filter:brightness(.93); color:var(--soz-on-accent) !important; }
.soz-ab-link{ display:inline-flex; align-items:center; gap:5px; color:var(--soz-accent-ink) !important; font-weight:600; font-size:13px; text-decoration:none; }
.soz-ab-link:hover{ text-decoration:underline; }
.soz-ab-del{ color:#c0392b !important; }

.soz-ab-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:13px; }
.soz-ab-card{ border:1px solid var(--soz-line); border-radius:14px; background:#fff; padding:15px; display:flex; flex-direction:column; gap:9px; }
.soz-ab-card.is-default{ border-color:var(--soz-accent); box-shadow:0 0 0 1px var(--soz-accent) inset; }
.soz-ab-card-top{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.soz-ab-label{ font-weight:800; font-size:15px; color:#111; }
.soz-ab-badge{ background:var(--soz-soft); background:color-mix(in srgb, var(--soz-accent) 12%, #fff); color:var(--soz-accent-ink); font-size:10.5px; font-weight:800; letter-spacing:.04em; padding:3px 9px; border-radius:999px; text-transform:uppercase; }
.soz-ab-card-body{ display:flex; flex-direction:column; gap:2px; font-size:13.5px; color:#4b5563; line-height:1.5; }
.soz-ab-card-body strong{ color:#111; font-size:14px; }
.soz-ab-card-actions{ display:flex; gap:16px; flex-wrap:wrap; padding-top:10px; border-top:1px solid var(--soz-soft); margin-top:auto; }

.soz-ab-empty{ text-align:center; padding:40px 16px; border:1px dashed var(--soz-line); border-radius:14px; background:var(--soz-soft); }
.soz-ab-empty-ic{ display:flex; justify-content:center; }
.soz-ab-empty-ic .soz-ic{ color:var(--soz-accent); }
.soz-ab-empty p{ color:var(--soz-muted); margin:10px 0 16px; font-size:14px; }
.soz-ab-max-note{ font-size:13px; color:var(--soz-muted); }

/* ============ Add / edit form ============ */
.soz-ab-formwrap{ max-width:620px; }
.soz-ab-form{ background:#fff; border:1px solid var(--soz-line); border-radius:14px; padding:20px; }
.soz-ab-row{ margin:0 0 14px; display:flex; flex-direction:column; gap:6px; }
.soz-ab-two{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.soz-ab-row label{ font-weight:600; font-size:13px; color:#374151; }
.soz-ab-form input[type=text],.soz-ab-form input[type=tel],.soz-ab-form select{ width:100%; box-sizing:border-box; padding:11px 12px; border:1px solid #d8d8d8; border-radius:10px; font-size:16px; background:#fff; }
.soz-ab-form input:focus,.soz-ab-form select:focus{ outline:none; border-color:var(--soz-accent); box-shadow:0 0 0 2px rgba(0,0,0,.04); }
.soz-ab-check label{ flex-direction:row; display:flex; align-items:center; gap:8px; font-weight:500; color:#374151; }
.soz-ab-check input{ accent-color:var(--soz-accent); width:17px; height:17px; }
.soz-ab-error{ background:#fdecea; border:1px solid #f1a9a0; color:#8a1c12; border-radius:10px; padding:11px 14px; margin:0 0 14px; font-size:14px; }
.soz-ab-notice{ background:#e7f6ec; border:1px solid #a6dcb8; color:#11633a; border-radius:10px; padding:11px 14px; margin:0 0 16px; font-size:14px; font-weight:600; }
.soz-ab-rel{ position:relative; }
.soz-ab-suggest{ position:absolute; left:0; right:0; top:100%; z-index:9999; background:#fff; border:1px solid #e2e2e2; border-radius:10px; box-shadow:0 10px 26px rgba(0,0,0,.14); max-height:230px; overflow:auto; margin-top:4px; display:none; }
.soz-ab-suggest .soz-ab-sg{ padding:10px 12px; cursor:pointer; border-bottom:1px solid #f3f3f3; font-size:14px; line-height:1.3; }
.soz-ab-suggest .soz-ab-sg:last-child{ border-bottom:0; }
.soz-ab-suggest .soz-ab-sg:hover{ background:var(--soz-soft); }
.soz-ab-suggest .soz-ab-sg small{ display:block; color:#888; font-size:11.5px; }

/* ============ Mobile: stack + horizontal pill bar + smaller type ============ */
@media(max-width:860px){
	body.logged-in.woocommerce-account .woocommerce{ display:flex; flex-direction:column; max-width:none; }
	body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation{ order:-1; margin:0 0 16px !important; }
	body.logged-in.woocommerce-account .woocommerce-MyAccount-content{ order:0; }
	/* nav becomes a neat horizontal scroll row of compact non-solid pills */
	.woocommerce-account .woocommerce-MyAccount-navigation ul{ position:static; flex-direction:row; flex-wrap:nowrap; overflow-x:auto; gap:8px; padding:1px 1px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{ display:none; }
	.woocommerce-account .woocommerce-MyAccount-navigation li a{ white-space:nowrap; padding:8px 13px; border-radius:999px; gap:7px; font-size:12.5px; }
	.woocommerce-account .woocommerce-MyAccount-navigation li a .soz-ic{ width:15px; height:15px; }
}
@media(max-width:600px){
	.soz-dash-hi h2{ font-size:17px; }
	.soz-dash-hi p{ font-size:12.5px; }
	.soz-dash-cards{ grid-template-columns:1fr; gap:9px; }
	.soz-dash-card{ padding:12px 13px; gap:11px; }
	.soz-dash-ic{ width:36px; height:36px; }
	.soz-dash-tx b{ font-size:14px; }
	.soz-dash-tx span{ font-size:11.5px; }
	.soz-ab-title{ font-size:17px; }
	.soz-ab-grid{ grid-template-columns:1fr; gap:10px; }
	.soz-ab-two{ grid-template-columns:1fr; }
	.soz-ab-card{ padding:13px; }
	.soz-ab-card-body{ font-size:13px; }
	.soz-ab-card-actions{ gap:14px; }
	.soz-ab-link{ font-size:12.5px; }
}