/*! AGF Cobalt — My Account page polish. v2 — full Astra reset + hero. */
.woocommerce-account .agf-page-title{display:none}
.woocommerce-account .agf-page-body{background:linear-gradient(180deg,#F7F8FA 0%,#fff 90%);padding-top:0}
.woocommerce-account .agf-page-body-inner{max-width:1180px;padding:0 22px 80px}

/* Branded hero strip at top of /my-account/ — uses CSS ::before so we don't
   need a template override. */
.woocommerce-account .agf-page-body-inner::before{
	content:"My account";
	display:block;
	font-size:clamp(28px,3.4vw,38px);
	font-weight:800;
	letter-spacing:-.02em;
	color:#0F1419;
	padding:38px 0 6px;
}
.woocommerce-account .agf-page-body-inner::after{
	content:"Track orders, manage addresses, and update payment details.";
	display:block;
	color:#3A4250;
	font-size:15px;
	margin:0 0 24px;
}

:root{
	--c-ink:#0F1419;--c-ink-2:#3A4250;--c-ink-3:#6B7280;
	--c-paper:#FFFFFF;--c-paper-2:#F7F8FA;
	--c-line:#E1E5EB;--c-cobalt:#1F3CE6;--c-cobalt-2:#172EB3;--c-navy:#0e2a47;
	--r-sm:6px;--r-md:10px;--r-lg:14px;
}

/* Wider, calmer container. */
.woocommerce-account .entry-content,
.woocommerce-account .ast-container,
.woocommerce-account #primary,
.woocommerce-account .ast-article-single{
	max-width:1100px !important;
	margin:0 auto;
	padding:36px 22px 80px;
	background:transparent;
}
.woocommerce-account .entry-header{display:none}
.woocommerce-account .entry-title{display:none}

/* Two-column layout. */
.woocommerce-account .woocommerce{
	display:grid;
	grid-template-columns:240px 1fr;
	gap:28px;
	align-items:start;
}
@media (max-width:760px){
	.woocommerce-account .woocommerce{grid-template-columns:1fr;gap:18px}
}

/* Side navigation — vertical pill list. */
.woocommerce-MyAccount-navigation{
	background:#fff;
	border:1px solid var(--c-line);
	border-radius:var(--r-lg);
	padding:10px;
	position:sticky;
	top:90px;
}
@media (max-width:760px){
	.woocommerce-MyAccount-navigation{position:static}
}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-MyAccount-navigation a{
	display:block;
	padding:11px 14px;
	border-radius:var(--r-sm);
	color:var(--c-ink-2);
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	transition:background .12s, color .12s;
}
.woocommerce-MyAccount-navigation a:hover{
	background:var(--c-paper-2);
	color:var(--c-cobalt);
}
.woocommerce-MyAccount-navigation li.is-active > a,
.woocommerce-MyAccount-navigation-link--dashboard.is-active > a,
.woocommerce-MyAccount-navigation li[class*="--dashboard"].is-active a,
.woocommerce-MyAccount-navigation li[class*="--"].is-active a{
	background:var(--c-navy);
	color:#fff;
}

/* Content card. */
.woocommerce-MyAccount-content{
	background:#fff;
	border:1px solid var(--c-line);
	border-radius:var(--r-lg);
	padding:28px 30px;
	min-height:440px;
	box-shadow:0 1px 0 rgba(15,20,25,.02);
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
	font-weight:800;
	letter-spacing:-.01em;
	color:var(--c-ink);
	margin:0 0 14px;
}
.woocommerce-MyAccount-content p{color:var(--c-ink-2);line-height:1.55}
.woocommerce-MyAccount-content strong{color:var(--c-ink)}
.woocommerce-MyAccount-content a{color:var(--c-cobalt);text-decoration:none;font-weight:600}
.woocommerce-MyAccount-content a:hover{text-decoration:underline}

/* Tables (orders, downloads). */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	margin:6px 0 0;
}
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-table th{
	text-align:left;
	font-size:12px;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--c-ink-3);
	padding:10px 12px;
	border-bottom:1px solid var(--c-line);
	background:transparent;
}
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-table td{
	padding:14px 12px;
	border-bottom:1px solid var(--c-line);
	font-size:14px;
	color:var(--c-ink);
	vertical-align:middle;
}
.woocommerce-account .woocommerce-orders-table tr:last-child td,
.woocommerce-account .woocommerce-table tr:last-child td{border-bottom:0}

/* Status pills. */
.woocommerce-account .woocommerce-orders-table__cell-order-status mark{
	background:var(--c-paper-2);
	color:var(--c-ink-2);
	padding:3px 10px;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
}

/* Buttons. */
.woocommerce-account .woocommerce-Button,
.woocommerce-account .button,
.woocommerce-account .button.alt{
	background:var(--c-navy) !important;
	border:1px solid var(--c-navy) !important;
	color:#fff !important;
	border-radius:var(--r-sm) !important;
	padding:10px 16px !important;
	font-size:14px !important;
	font-weight:700 !important;
	text-shadow:none !important;
	transition:background .12s, border-color .12s;
}
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .button:hover{
	background:var(--c-cobalt) !important;
	border-color:var(--c-cobalt) !important;
}
.woocommerce-account a.button.view{
	background:#fff !important;
	color:var(--c-cobalt) !important;
	border:1px solid var(--c-line) !important;
	font-weight:700 !important;
}
.woocommerce-account a.button.view:hover{
	border-color:var(--c-cobalt) !important;
	background:rgba(31,60,230,.04) !important;
	color:var(--c-cobalt) !important;
}

/* Forms (edit account, addresses). */
.woocommerce-account form.woocommerce-EditAccountForm,
.woocommerce-account form.edit-account,
.woocommerce-account form.checkout,
.woocommerce-account form.lost_reset_password{
	display:flex;
	flex-direction:column;
	gap:14px;
}
.woocommerce-account form .form-row{
	display:flex;
	flex-direction:column;
	gap:6px;
	margin:0;
}
.woocommerce-account form label{
	font-size:13px;
	font-weight:600;
	color:var(--c-ink);
}
.woocommerce-account form input[type="text"],
.woocommerce-account form input[type="email"],
.woocommerce-account form input[type="password"],
.woocommerce-account form input[type="tel"],
.woocommerce-account form select,
.woocommerce-account form textarea{
	background:#fff;
	border:1px solid var(--c-line);
	border-radius:var(--r-sm);
	padding:11px 13px;
	font-size:15px;
	color:var(--c-ink);
	box-shadow:none;
}
.woocommerce-account form input:focus,
.woocommerce-account form select:focus,
.woocommerce-account form textarea:focus{
	border-color:var(--c-cobalt);
	box-shadow:0 0 0 3px rgba(31,60,230,.16);
	outline:none;
}

/* Address cards. */
.woocommerce-account .u-columns,
.woocommerce-account .u-column1,
.woocommerce-account .u-column2{
	width:100%;
}
.woocommerce-account .col2-set{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:18px;
}
@media (max-width:680px){
	.woocommerce-account .col2-set{grid-template-columns:1fr}
}
.woocommerce-account .col-1, .woocommerce-account .col-2{
	width:100%;
	background:var(--c-paper-2);
	border-radius:var(--r-md);
	padding:18px 20px;
	border:1px solid var(--c-line);
}
.woocommerce-account .col-1 header, .woocommerce-account .col-2 header{
	margin-bottom:8px;
}
.woocommerce-account .col-1 address, .woocommerce-account .col-2 address{
	font-style:normal;
	color:var(--c-ink-2);
	line-height:1.55;
}

/* Login + register cards on /my-account/ for guests. */
.woocommerce-account .u-columns.col2-set{margin-top:6px}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register{
	background:#fff;
	border:1px solid var(--c-line);
	border-radius:var(--r-lg);
	padding:24px 24px 20px !important;
}
.woocommerce-account .woocommerce-form-login__rememberme{
	display:flex;
	align-items:center;
	gap:6px;
	font-weight:500;
	color:var(--c-ink-2);
}

/* Notices. */
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error{
	border-radius:var(--r-md);
	border-left:4px solid var(--c-cobalt);
	background:#fff;
	box-shadow:0 1px 0 rgba(15,20,25,.04);
	padding:14px 18px;
}
.woocommerce-account .woocommerce-error{border-left-color:#b32d2e}

/* Hide the noisy dashboard greeting paragraphs. */
.woocommerce-MyAccount-content .woocommerce-MyAccount-content > p:first-child{
	font-size:17px;
	color:var(--c-ink);
	font-weight:600;
}
