/**
 * My Account — Global chrome (sidebar nav + content wrapper).
 *
 * Loaded only on the WooCommerce My Account page via functions.php.
 * Cards / per-endpoint styling lives with each section template; this
 * file owns the surrounding shell.
 */

/* ===== Layout grid ======================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	background: transparent;
}

/* Slight breathing room between sidebar and content */
.woocommerce-account .woocommerce-MyAccount-content {
	padding-left: 8px;
}

/* ===== Sidebar — wrapper =================================================
   Selectors made aggressive on purpose so Storefront/StorefrontPro can't
   win the cascade. */

.woocommerce-account nav.woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation {
	background: #ffffff !important;
	border: 1px solid #e1e8f0 !important;
	border-radius: 10px !important;
	padding: 8px 0 !important;
	box-shadow: 0 1px 3px rgba(15, 30, 55, 0.04) !important;
	margin-bottom: 24px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

/* ===== Sidebar — items =================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	position: relative !important;
	display: block !important;
}

/* Storefront sometimes uses li::before for bullets — kill it. */
.woocommerce-account .woocommerce-MyAccount-navigation ul li::before {
	content: none !important;
	display: none !important;
}

/* Replace Storefront's WooCommerce-font icons with our own outline SVGs.
   Each ::before becomes a mask-image painted in currentColor, so the
   icons all render at the exact same physical size and inherit our
   hover / active colors. */
.woocommerce-account .woocommerce-MyAccount-navigation ul li > a::before {
	content: "" !important;
	order: -1 !important;
	float: none !important;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 20px !important;
	min-width: 20px !important;
	max-width: 20px !important;
	height: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	line-height: 1 !important;
	font-size: 0 !important;
	color: #5a6b7a !important;
	background-color: currentColor !important;
	background-image: none !important;
	-webkit-mask-position: center center !important;
	mask-position: center center !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-size: 18px 18px !important;
	mask-size: 18px 18px !important;
	flex: 0 0 20px !important;
	display: inline-block !important;
	transition: background-color 120ms ease !important;
	opacity: 1 !important;
	vertical-align: middle !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	border: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li > a:hover::before {
	color: #1a4e8a !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active > a::before {
	color: #377fbf !important;
}

/* Per-endpoint icon mask — each li has a "--{slug}" class.
   Icons are Lucide-style outlines drawn with stroke="black" on a 24x24
   viewBox so the mask alpha matches the visible outline. */

.woocommerce-MyAccount-navigation-link--dashboard > a::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14l3.5-3.5'/%3E%3Cpath d='M3 12a9 9 0 1 1 18 0'/%3E%3Cpath d='M3 12h2'/%3E%3Cpath d='M19 12h2'/%3E%3Cpath d='M12 5V3'/%3E%3Ccircle cx='12' cy='14' r='1.4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14l3.5-3.5'/%3E%3Cpath d='M3 12a9 9 0 1 1 18 0'/%3E%3Cpath d='M3 12h2'/%3E%3Cpath d='M19 12h2'/%3E%3Cpath d='M12 5V3'/%3E%3Ccircle cx='12' cy='14' r='1.4'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--orders > a::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2L6 7z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2L6 7z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--downloads > a::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6'/%3E%3Cpath d='M12 12v6'/%3E%3Cpath d='m9 15 3 3 3-3'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6'/%3E%3Cpath d='M12 12v6'/%3E%3Cpath d='m9 15 3 3 3-3'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-address > a::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v11a2 2 0 0 1-2 2h-4v-7H10v7H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v11a2 2 0 0 1-2 2h-4v-7H10v7H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--payment-methods > a::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3Cpath d='M6 15h4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3Cpath d='M6 15h4'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-account > a::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--wc-software > a::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='14' r='4'/%3E%3Cpath d='m11 11 10-10'/%3E%3Cpath d='m17 5 3 3'/%3E%3Cpath d='m14 8 3 3'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='14' r='4'/%3E%3Cpath d='m11 11 10-10'/%3E%3Cpath d='m17 5 3 3'/%3E%3Cpath d='m14 8 3 3'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--vat-number > a::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E");
}

/* ----- Licenses: marked as the "main" menu item -----
   No background tint (would clash with the active state). Just a
   slightly bolder label and a trailing star at the right edge so the
   eye lands on it. */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wc-software > a {
	font-weight: 600 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wc-software > a::after {
	content: "★" !important;
	display: inline-block !important;
	order: 99 !important;          /* push to the very end of the flex row */
	margin-left: auto !important;
	flex: 0 0 auto !important;
	color: #e6a23a !important;      /* warm gold */
	font-size: 1em !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	background: none !important;
	-webkit-mask-image: none !important;
	        mask-image: none !important;
	opacity: 0.95 !important;
}

/* On the active page, fade the star slightly so it doesn't fight the
   "you are here" highlight. */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wc-software.is-active > a::after,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wc-software.woocommerce-MyAccount-navigation-link--is-active > a::after {
	opacity: 0.6 !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout > a::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 11px 16px !important;
	font-size: 0.95em !important;
	font-weight: 500 !important;
	color: #2a3a4d !important;
	text-decoration: none !important;
	border: 0 !important;
	border-left: 3px solid transparent !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.35 !important;
	transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease !important;
	min-height: 44px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus {
	background: #f5f8fc !important;
	color: #0f1e37 !important;
}

/* Active item */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active > a {
	background: #eef4fb !important;
	color: #1a4e8a !important;
	border-left-color: #377fbf !important;
	font-weight: 600 !important;
}

/* ===== Sidebar — icons ====================================================
   Storefront-Pro renders icons via ::after on the link. Pin them to the
   LEFT (visually before the label) using order: -1 in flex, neutralize
   color, and float them off the right edge. */

/* (Per-path color overrides handled in the combined block above.) */

/* ===== Content section title + general spacing =========================== */

.woocommerce-account .woocommerce-MyAccount-content > h1,
.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h3:first-of-type {
	font-size: 1.4em;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #1a2a3d;
	margin: 0 0 16px 0;
}

/* Breadcrumb + page title row above the columns */
.woocommerce-account .woocommerce-breadcrumb {
	font-size: 0.88em;
	color: #5a6b7a;
}

.woocommerce-account .woocommerce-breadcrumb a {
	color: #1a4e8a;
}

/* Notice (info/success/error) styling — toned down, less acidic */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
	border-radius: 8px;
	border: 1px solid #d8e2ee;
	background: #ffffff;
	color: #1a2a3d;
	padding: 12px 16px;
	box-shadow: 0 1px 3px rgba(15, 30, 55, 0.04);
}

.woocommerce-account .woocommerce-message {
	border-left: 4px solid #1a8a4d;
}

.woocommerce-account .woocommerce-info {
	border-left: 4px solid #377fbf;
}

.woocommerce-account .woocommerce-error {
	border-left: 4px solid #c2270d;
}

/* Generic buttons in My Account get a tidier baseline */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button {
	border-radius: 999px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

/* ===== Empty state (reused across endpoints) ============================= */

.woocommerce-account .adlice-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 36px 20px;
	border: 1px dashed #c8d4e0;
	border-radius: 8px;
	background: #f8fafc;
	color: #3a5168;
	text-align: center;
}

.woocommerce-account .adlice-empty-state__icon {
	width: 48px;
	height: 48px;
	color: #99b5d3;
}

.woocommerce-account .adlice-empty-state__title {
	font-size: 1.05em;
	font-weight: 600;
	margin: 0;
}

.woocommerce-account .adlice-empty-state__text {
	margin: 0;
	color: #5a6b7a;
}

.woocommerce-account .adlice-empty-state .button {
	margin-top: 4px !important;
}

/* ===== Orders — card grid ================================================ */

.adlice-orders-grid {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-bottom: 24px;
}

.adlice-order-card {
	background: #ffffff;
	border: 1px solid #e1e8f0;
	border-left: 4px solid #5a6b7a;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(15, 30, 55, 0.05), 0 1px 2px rgba(15, 30, 55, 0.04);
	overflow: hidden;
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.adlice-order-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(15, 30, 55, 0.10), 0 3px 6px rgba(15, 30, 55, 0.06);
	border-color: #c8d4e0;
}

.adlice-order-card.is-completed  { border-left-color: #1a8a4d; }
.adlice-order-card.is-processing { border-left-color: #377fbf; }
.adlice-order-card.is-onhold     { border-left-color: #d68a1a; }
.adlice-order-card.is-pending    { border-left-color: #99a3ae; }
.adlice-order-card.is-cancelled  { border-left-color: #b31616; }
.adlice-order-card.is-refunded   { border-left-color: #5a6b7a; }
.adlice-order-card.is-failed     { border-left-color: #c2270d; }

/* Header: order number + date / status */
.adlice-order-card__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 12px 18px;
	border-bottom: 1px solid #eef2f7;
	background: #fafcfe;
}

.adlice-order-card__id {
	display: flex;
	align-items: baseline;
	gap: 10px;
	flex-wrap: wrap;
	min-width: 0;
}

.adlice-order-card__num {
	font-weight: 700;
	font-size: 1em;
	color: #1a2a3d;
	letter-spacing: -0.01em;
}

.adlice-order-card__date {
	font-size: 0.88em;
	color: #5a6b7a;
}

/* Status pill */
.adlice-order-card__status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.82em;
	font-weight: 600;
	border: 1px solid transparent;
	background: #eef2f7;
	color: #2a3a4d;
	white-space: nowrap;
}

.adlice-order-card__dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #99a3ae;
}

.is-completed  .adlice-order-card__status { background: #e6f6ea; color: #136a3a; border-color: #c5e6c6; }
.is-completed  .adlice-order-card__dot    { background: #1a8a4d; }

.is-processing .adlice-order-card__status { background: #e6f0ff; color: #1a4e8a; border-color: #c8ddff; }
.is-processing .adlice-order-card__dot    { background: #377fbf; }

.is-onhold     .adlice-order-card__status { background: #fff4e0; color: #a8690c; border-color: #f2cf91; }
.is-onhold     .adlice-order-card__dot    { background: #d68a1a; }

.is-pending    .adlice-order-card__status { background: #edf0f5; color: #5a6475; border-color: #d2d7e3; }
.is-pending    .adlice-order-card__dot    { background: #99a3ae; }

.is-cancelled  .adlice-order-card__status { background: #ffe5e5; color: #951f0a; border-color: #f1bcbc; }
.is-cancelled  .adlice-order-card__dot    { background: #b31616; }

.is-refunded   .adlice-order-card__status { background: #edf0f5; color: #5a6475; border-color: #d2d7e3; }
.is-refunded   .adlice-order-card__dot    { background: #5a6b7a; }

.is-failed     .adlice-order-card__status { background: #ffd6d6; color: #951f0a; border-color: #f0a0a0; }
.is-failed     .adlice-order-card__dot    { background: #c2270d; }

/* Body: item preview + total */
.adlice-order-card__body {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	padding: 14px 18px;
}

.adlice-order-items {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1 1 auto;
	min-width: 0;
}

.adlice-order-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.92em;
	color: #1a2a3d;
	min-width: 0;
}

.adlice-order-item__thumb {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	object-fit: cover;
	background: #f0f6fc;
	display: block;
}

.adlice-order-item__thumb--empty {
	background: #eef2f7;
	border: 1px dashed #c8d4e0;
}

.adlice-order-item__name {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.adlice-order-item__qty {
	color: #5a6b7a;
	font-size: 0.88em;
}

.adlice-order-item--more {
	font-style: italic;
	color: #5a6b7a;
	font-size: 0.88em;
	padding-left: 46px;
}

.adlice-order-card__total {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	text-align: right;
	white-space: nowrap;
}

.adlice-order-card__total-label {
	font-size: 0.78em;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #5a6b7a;
}

.adlice-order-card__total-value {
	font-size: 1.1em;
	font-weight: 700;
	color: #1a2a3d;
}

.adlice-order-card__total-value .woocommerce-Price-amount,
.adlice-order-card__total-value bdi {
	color: inherit;
	font-weight: inherit;
}

/* Footer: actions */
.adlice-order-card__footer {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px 18px;
	border-top: 1px solid #eef2f7;
	background: #fafcfe;
}

.woocommerce-account .adlice-order-card__footer .button.woocommerce-button {
	margin: 0 !important;
	padding: 6px 14px !important;
	font-size: 0.86em !important;
	line-height: 1.2 !important;
	border-radius: 999px !important;
	font-weight: 600;
	background: #ffffff !important;
	color: #1a4e8a !important;
	border: 1px solid #c8d4e0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
}

.woocommerce-account .adlice-order-card__footer .button.woocommerce-button:hover,
.woocommerce-account .adlice-order-card__footer .button.woocommerce-button:focus {
	background: #f0f6fc !important;
	border-color: #99b5d3 !important;
}

/* Primary "View" gets the brand color */
.woocommerce-account .adlice-order-card__footer .adlice-order-action--view {
	background: #377fbf !important;
	color: #ffffff !important;
	border-color: #2a6aa2 !important;
}

.woocommerce-account .adlice-order-card__footer .adlice-order-action--view:hover,
.woocommerce-account .adlice-order-card__footer .adlice-order-action--view:focus {
	background: #2a6aa2 !important;
}

/* Cancel / Pay (when WC adds them) take the same neutral pill as PDF */
.woocommerce-account .adlice-order-card__footer .adlice-order-action--cancel {
	background: #ffffff !important;
	color: #951f0a !important;
	border-color: #f1bcbc !important;
}

.woocommerce-account .adlice-order-card__footer .adlice-order-action--cancel:hover {
	background: #fff0f0 !important;
}

/* Pagination */
.adlice-orders-pagination {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
	gap: 8px;
}

.adlice-orders-pagination__btn {
	flex: 0 0 auto;
}

/* ===== Downloads — card grid ============================================= */

.adlice-downloads-grid {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 24px;
}

.adlice-download-card {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 18px;
	background: #ffffff;
	border: 1px solid #e1e8f0;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(15, 30, 55, 0.05), 0 1px 2px rgba(15, 30, 55, 0.04);
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.adlice-download-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(15, 30, 55, 0.10), 0 3px 6px rgba(15, 30, 55, 0.06);
	border-color: #c8d4e0;
}

.adlice-download-card__product {
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 1 1 auto;
	min-width: 0;
}

.adlice-download-card__thumb {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	overflow: hidden;
	background: #f0f6fc;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.adlice-download-card__thumb img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	display: block;
}

.adlice-download-card__thumb--initial {
	font-weight: 700;
	font-size: 1.1em;
	color: #1a4e8a;
	background: #eef4fb;
	border: 1px solid #d0deef;
}

.adlice-download-card__product-body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.adlice-download-card__name {
	font-weight: 600;
	color: #1a2a3d !important;
	text-decoration: none !important;
	font-size: 0.98em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.adlice-download-card__name:hover {
	color: #1a4e8a !important;
}

.adlice-download-card__file {
	color: #5a6b7a;
	font-size: 0.86em;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.adlice-download-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 4px;
}

/* Pills */
.adlice-download-pill {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 0.78em;
	font-weight: 600;
	border: 1px solid transparent;
	white-space: nowrap;
}

.adlice-remaining.is-unlimited { background: #e6f6ea; color: #136a3a; border-color: #c5e6c6; }
.adlice-remaining.is-ok        { background: #e6f0ff; color: #1a4e8a; border-color: #c8ddff; }
.adlice-remaining.is-low       { background: #fff4e0; color: #a8690c; border-color: #f2cf91; }
.adlice-remaining.is-exhausted { background: #ffe5e5; color: #951f0a; border-color: #f1bcbc; }

.adlice-expiry.is-never   { background: #eef4fb; color: #1a4e8a; border-color: #d0deef; }
.adlice-expiry.is-active  { background: #e6f6ea; color: #136a3a; border-color: #c5e6c6; }
.adlice-expiry.is-soon    { background: #fff4e0; color: #a8690c; border-color: #f2cf91; }
.adlice-expiry.is-expired { background: #ffe5e5; color: #951f0a; border-color: #f1bcbc; }

/* Download button */
.adlice-download-card__actions {
	flex: 0 0 auto;
}

.woocommerce-account .adlice-download-card .adlice-download-btn.button {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #1a8a4d !important;
	color: #ffffff !important;
	border: 1px solid #136a3a !important;
	box-shadow: none !important;
	padding: 8px 18px !important;
	border-radius: 999px !important;
	font-size: 0.92em !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease !important;
}

.woocommerce-account .adlice-download-card .adlice-download-btn.button:hover,
.woocommerce-account .adlice-download-card .adlice-download-btn.button:focus {
	background: #136a3a !important;
	border-color: #0f4a22 !important;
	transform: translateY(-1px);
}

.adlice-download-btn--disabled {
	display: inline-flex;
	align-items: center;
	padding: 8px 18px;
	background: #f0f2f5;
	color: #99a3ae;
	border: 1px solid #e1e8f0;
	border-radius: 999px;
	font-size: 0.92em;
	font-weight: 600;
	cursor: not-allowed;
}

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

@media (max-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-bottom: 16px;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		padding-left: 0;
	}

	.adlice-order-card__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}

	.adlice-order-card__body {
		flex-direction: column;
		align-items: stretch;
	}

	.adlice-order-card__total {
		flex-direction: row;
		justify-content: space-between;
		align-items: baseline;
	}

	.adlice-download-card {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.adlice-download-card__actions {
		display: flex;
		justify-content: stretch;
	}

	.adlice-download-card__actions .adlice-download-btn,
	.adlice-download-card__actions .adlice-download-btn--disabled {
		width: 100%;
		justify-content: center;
	}
}