/**
 * DigiCart account styles.
 */

/* Page background */
body.woocommerce-account {
	background: var(--dgc-color-surface);
}

/* Account cards */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
	box-sizing: border-box !important;
	padding: 24px !important;
	border: 1px solid var(--dgc-color-border) !important;
	border-radius: 24px !important;
	background: #ffffff !important;
	box-shadow: 0 12px 34px rgba(15, 23, 42, 0.05) !important;
}

/* Account navigation */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: grid;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 11px 14px;
	border-radius: 14px;
	background: var(--dgc-color-surface);
	color: var(--dgc-color-text);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
	transition: all 0.2s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: var(--dgc-color-text);
	color: #ffffff;
}

/* Account content */
body.woocommerce-account .woocommerce-MyAccount-content > :first-child {
	margin-top: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend {
	margin-top: 0;
	color: var(--dgc-color-text);
	letter-spacing: -0.03em;
}

body.woocommerce-account .woocommerce-MyAccount-content p {
	color: var(--dgc-color-muted);
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
	font-weight: 750;
}

/* Tables */
body.woocommerce-account table.shop_table {
	width: 100%;
	border: 0 !important;
	border-collapse: collapse;
	margin: 0 0 20px;
}

body.woocommerce-account table.shop_table th,
body.woocommerce-account table.shop_table td {
	border-top: 1px solid var(--dgc-color-border) !important;
	padding: 14px 10px !important;
}

body.woocommerce-account table.shop_table thead th {
	border-top: 0 !important;
	color: var(--dgc-color-muted);
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Forms */
body.woocommerce-account label {
	color: var(--dgc-color-text);
	font-size: 13px;
	font-weight: 800;
}

body.woocommerce-account input.input-text,
body.woocommerce-account textarea,
body.woocommerce-account select {
	width: 100%;
	min-height: 46px;
	padding: 10px 13px;
	border: 1px solid var(--dgc-color-border) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	color: var(--dgc-color-text) !important;
}

body.woocommerce-account input.input-text:focus,
body.woocommerce-account textarea:focus,
body.woocommerce-account select:focus {
	outline: none;
	border-color: rgba(37, 99, 235, 0.55) !important;
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}

body.woocommerce-account fieldset {
	margin: 24px 0;
	padding: 20px;
	border: 1px solid var(--dgc-color-border);
	border-radius: 20px;
}

/* Buttons */
body.woocommerce-account .woocommerce-button,
body.woocommerce-account .button,
body.woocommerce-account button.button {
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--dgc-color-text) !important;
	color: #ffffff !important;
	font-weight: 850 !important;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
	transition: all 0.2s ease;
}

body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-account .button:hover,
body.woocommerce-account button.button:hover {
	background: var(--dgc-color-primary) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 16px 32px rgba(37, 99, 235, 0.24);
}

/* Notices */
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error {
	border: 1px solid var(--dgc-color-border) !important;
	border-top: 0 !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	color: var(--dgc-color-text) !important;
	box-shadow: 0 12px 34px rgba(15, 23, 42, 0.05) !important;
}

body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-message::before {
	color: var(--dgc-color-primary) !important;
}

/* Login/register columns */
body.woocommerce-account .u-columns.col2-set {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2 {
	float: none !important;
	width: 100% !important;
	padding: 24px !important;
	border: 1px solid var(--dgc-color-border);
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 12px 34px rgba(15, 23, 42, 0.05);
}

@media (max-width: 820px) {
	body.woocommerce-account .u-columns.col2-set {
		grid-template-columns: 1fr;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation,
	body.woocommerce-account .woocommerce-MyAccount-content,
	body.woocommerce-account .u-column1,
	body.woocommerce-account .u-column2 {
		padding: 20px !important;
		border-radius: 22px !important;
	}
}

/* ===== My Account > Addresses: force both columns onto one line ===== */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-addresses,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: start !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-addresses .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-addresses .col-2,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-2,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses .col-2,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .col-2 {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 24px !important;
    border: 1px solid var(--dgc-color-border) !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.05) !important;
    box-sizing: border-box !important;
    align-self: start !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses::before,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses::after,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::after,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-addresses::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-addresses::after {
    display: none !important;
    content: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses .col-2,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-2,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-addresses .col-2 {
    margin-top: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses h3,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses h3,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-addresses h3 {
    margin-top: 0 !important;
}

@media (max-width: 820px) {
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-addresses,
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
    body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses,
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set {
        grid-template-columns: 1fr !important;
    }
}