/* =================================================================
   TAUDTMANN — Shop System Pages
   Styles for Cart, Checkout, My Account, and WooCommerce defaults
   ================================================================= */


/* ==========================================================
   GENERIC: WooCommerce notices, buttons, forms
   ========================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
	padding: 14px 18px;
	margin-bottom: 24px;
	border-radius: var(--radius);
	font-size: 14px;
	line-height: 1.5;
	background: var(--bg-soft);
	border-left: 3px solid var(--ink);
	list-style: none;
}
.woocommerce-message { border-left-color: #2a8a4a; background: #f0faf4; }
.woocommerce-error   { border-left-color: #c43838; background: #fdf3f3; color: #882020; }
.woocommerce-info    { border-left-color: var(--blue-strong); background: #f0f8fb; }

.woocommerce-message .button,
.woocommerce-info .button {
	float: right;
	font-size: 12px;
	font-weight: 600;
	text-decoration: underline;
	color: var(--ink);
}

/* WC forms */
.woocommerce form .form-row,
.tm-checkout-form .form-row {
	margin: 0 0 18px;
}
.woocommerce form .form-row label,
.tm-checkout-form .form-row label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--ink);
	margin-bottom: 6px;
}
.woocommerce form .form-row .required {
	color: var(--pink-strong);
	text-decoration: none;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.tm-checkout-form input[type="text"],
.tm-checkout-form input[type="email"],
.tm-checkout-form input[type="tel"],
.tm-checkout-form input[type="number"],
.tm-checkout-form input[type="password"],
.tm-checkout-form textarea,
.tm-checkout-form select {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--line-strong);
	border-radius: var(--radius);
	font-size: 14px;
	font-family: inherit;
	background: var(--bg);
	color: var(--ink);
	transition: border-color 0.15s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.tm-checkout-form input:focus,
.tm-checkout-form textarea:focus,
.tm-checkout-form select:focus {
	outline: none;
	border-color: var(--ink);
}
.woocommerce form .form-row textarea { min-height: 100px; resize: vertical; }

/* Select2 dropdown (WC uses for country/state) */
.select2-container .select2-selection--single {
	height: 44px;
	border: 1px solid var(--line-strong);
	border-radius: var(--radius);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 42px;
	padding-left: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 42px;
}

/* Quantity input (used in cart and on PDP) */
.woocommerce .quantity,
.qty-wrap {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--line-strong);
	border-radius: var(--radius);
	overflow: hidden;
}
.woocommerce .quantity input.qty {
	width: 60px;
	height: 40px;
	border: 0;
	border-left: 1px solid var(--line);
	border-right: 1px solid var(--line);
	background: var(--bg);
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: var(--ink);
	font-family: inherit;
	-moz-appearance: textfield;
}
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* WC default buttons - style them to match our brand buttons */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.button.alt {
	background: var(--ink);
	color: var(--bg);
	border: 1px solid var(--ink);
	padding: 12px 22px;
	border-radius: var(--radius);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	font-family: inherit;
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: background 0.15s, border-color 0.15s;
}
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.button.alt:hover {
	background: #2a2a2a;
	border-color: #2a2a2a;
	color: var(--bg);
}
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order {
	background: var(--ink);
	color: var(--bg);
}


/* ==========================================================
   CART PAGE
   ========================================================== */

.tm-cart-page {
	max-width: var(--container);
}

.tm-cart-form table.shop_table,
.woocommerce-cart-form table.shop_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 32px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
}
.tm-cart-form table.shop_table thead th,
.woocommerce-cart-form table.shop_table thead th {
	background: var(--bg-soft);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ink-mute);
	text-align: left;
	padding: 14px 18px;
	border-bottom: 1px solid var(--line);
}
.tm-cart-form table.shop_table tbody td,
.woocommerce-cart-form table.shop_table tbody td {
	padding: 18px;
	border-bottom: 1px solid var(--line);
	vertical-align: middle;
	font-size: 14px;
	color: var(--ink);
}
.tm-cart-form table.shop_table tbody tr:last-child td,
.woocommerce-cart-form table.shop_table tbody tr:last-child td {
	border-bottom: 0;
}

.tm-cart-form .product-thumbnail img,
.woocommerce-cart-form .product-thumbnail img {
	width: 72px;
	height: 72px;
	object-fit: contain;
	object-position: center;
	border: 1px solid var(--line);
	background: var(--bg);
	padding: 4px;
	box-sizing: border-box;
	border-radius: var(--radius);
}

.tm-cart-form .product-name a,
.woocommerce-cart-form .product-name a {
	color: var(--ink);
	font-weight: 600;
	text-decoration: none;
}
.tm-cart-form .product-name a:hover { color: var(--pink-strong); }

.tm-cart-form .product-price,
.tm-cart-form .product-subtotal {
	font-weight: 600;
}

.tm-cart-form .product-remove .remove,
.woocommerce-cart-form .product-remove .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--bg-soft);
	color: var(--ink-mute);
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.15s, color 0.15s;
}
.tm-cart-form .product-remove .remove:hover,
.woocommerce-cart-form .product-remove .remove:hover {
	background: var(--pink-strong);
	color: #fff;
}

.tm-cart-form td.actions,
.woocommerce-cart-form td.actions {
	background: var(--bg-soft);
	padding: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}
.tm-cart-form .coupon,
.woocommerce-cart-form .coupon {
	display: flex;
	gap: 8px;
	align-items: center;
}
.tm-cart-form .coupon label,
.woocommerce-cart-form .coupon label {
	display: none;
}
.tm-cart-form .coupon input.input-text,
.woocommerce-cart-form .coupon input.input-text {
	width: 200px;
	padding: 9px 14px;
	font-size: 13px;
}

/* Cart collaterals (totals box below) */
.cart-collaterals {
	margin-top: 32px;
}
.cart_totals {
	max-width: 460px;
	margin-left: auto;
	background: var(--bg-soft);
	padding: 24px 28px;
	border-radius: var(--radius);
}
.cart_totals h2 {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin: 0 0 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--line);
	color: var(--ink);
}
.cart_totals table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.cart_totals table tr {
	border-bottom: 1px solid var(--line);
}
.cart_totals table th,
.cart_totals table td {
	padding: 12px 0;
	text-align: left;
	font-size: 14px;
}
.cart_totals table td:last-child { text-align: right; font-weight: 600; }
.cart_totals .order-total td { font-size: 18px; font-weight: 700; }
.cart_totals .order-total th { font-weight: 700; }
.cart_totals .wc-proceed-to-checkout {
	margin-top: 18px;
}
.cart_totals .checkout-button {
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 14px 22px;
	font-size: 14px;
	font-weight: 600;
}

.return-to-shop {
	text-align: center;
	padding: 60px 0;
}
.return-to-shop .button {
	background: var(--ink);
	color: var(--bg);
	padding: 14px 28px;
	font-size: 14px;
}


/* ==========================================================
   CHECKOUT PAGE
   ========================================================== */

.tm-checkout-page {
	max-width: var(--container);
}

.tm-checkout-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 48px;
	align-items: start;
}

.tm-checkout-main {
	min-width: 0;
}

.tm-checkout-section {
	background: var(--bg);
	padding: 28px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	margin-bottom: 24px;
}
.tm-checkout-section h3 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0 0 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--line);
	color: var(--ink);
}
.tm-checkout-section .woocommerce-billing-fields h3,
.tm-checkout-section .woocommerce-shipping-fields h3,
.tm-checkout-section #ship-to-different-address {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0 0 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--line);
	color: var(--ink);
}

/* Sidebar (order review) */
.tm-checkout-sidebar {
	background: var(--bg-soft);
	padding: 28px;
	border-radius: var(--radius);
	position: sticky;
	top: 100px;
}
.tm-checkout-sidebar h3 {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ink);
	margin: 0 0 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--line);
}

/* WC order review table inside sidebar */
.woocommerce-checkout-review-order-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 18px;
}
.woocommerce-checkout-review-order-table thead {
	display: none;
}
.woocommerce-checkout-review-order-table .cart_item td {
	padding: 12px 0;
	border-bottom: 1px solid var(--line);
	font-size: 14px;
	vertical-align: top;
}
.woocommerce-checkout-review-order-table .cart_item .product-name {
	font-weight: 600;
	color: var(--ink);
	line-height: 1.4;
}
.woocommerce-checkout-review-order-table .cart_item .product-quantity {
	font-weight: 400;
	color: var(--ink-mute);
	font-size: 12px;
}
.woocommerce-checkout-review-order-table .cart_item .product-total {
	text-align: right;
	font-weight: 600;
	white-space: nowrap;
}
.woocommerce-checkout-review-order-table tfoot tr {
	border-top: 1px solid var(--line);
}
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
	padding: 10px 0;
	font-size: 14px;
}
.woocommerce-checkout-review-order-table tfoot td {
	text-align: right;
}
.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .order-total td {
	font-size: 17px;
	font-weight: 700;
	padding-top: 14px;
}

/* Payment methods */
#payment {
	background: transparent;
	border-radius: 0;
}
#payment ul.payment_methods {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
	border-bottom: 1px solid var(--line);
}
#payment ul.payment_methods li {
	padding: 14px 0;
	border-bottom: 1px solid var(--line);
}
#payment ul.payment_methods li:last-child { border-bottom: 0; }
#payment ul.payment_methods li label {
	display: inline-block !important;
	font-weight: 600;
	color: var(--ink);
	margin-left: 8px;
	cursor: pointer;
}
#payment ul.payment_methods li img {
	max-height: 24px;
	margin-left: 8px;
	vertical-align: middle;
}
#payment .payment_box {
	background: var(--bg);
	padding: 14px 18px;
	margin: 10px 0 0;
	border-radius: var(--radius);
	font-size: 13px;
	color: var(--ink-mute);
	line-height: 1.5;
}

#payment .place-order {
	margin-top: 24px;
}
#payment .place-order button#place_order {
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 16px 22px;
	font-size: 14px;
	font-weight: 700;
	background: var(--ink);
	color: var(--bg);
	border: 0;
	border-radius: var(--radius);
	cursor: pointer;
}
#payment .place-order button#place_order:hover {
	background: #2a2a2a;
}


/* ==========================================================
   MY ACCOUNT
   ========================================================== */

.tm-account-page {
	max-width: var(--container);
	margin: 0 auto;
	padding: 40px 0 60px;
}

.tm-account-title {
	font-size: clamp(28px, 3.4vw, 40px);
	font-weight: 800;
	letter-spacing: -0.025em;
	margin: 0 0 32px;
	color: var(--ink);
}

.tm-account-grid {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 48px;
	align-items: start;
}

/* Sidebar navigation */
.tm-account-nav {
	background: var(--bg-soft);
	padding: 24px 0;
	border-radius: var(--radius);
}
.tm-account-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tm-account-nav li {
	margin: 0;
}
.tm-account-nav li a {
	display: block;
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 500;
	color: var(--ink);
	text-decoration: none;
	border-left: 3px solid transparent;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.tm-account-nav li a:hover {
	background: var(--bg);
	color: var(--pink-strong);
}
.tm-account-nav li.is-active a,
.tm-account-nav li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
	background: var(--bg);
	border-left-color: var(--pink-strong);
	color: var(--ink);
	font-weight: 700;
}

.tm-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--ink-mute);
	border-top: 1px solid var(--line);
	margin-top: 12px;
	padding-top: 18px;
}

/* Account content area */
.tm-account-content {
	min-width: 0;
}
.tm-account-content h2,
.tm-account-content h3 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0 0 18px;
	color: var(--ink);
}
.tm-account-content p {
	line-height: 1.6;
	color: var(--ink);
	margin-bottom: 16px;
}
.tm-account-content a {
	color: var(--pink-strong);
	text-decoration: underline;
	text-decoration-color: var(--line-strong);
	text-underline-offset: 3px;
}
.tm-account-content a:hover {
	text-decoration-color: var(--pink-strong);
}

/* Orders table */
.tm-account-content .woocommerce-orders-table,
.tm-account-content table.shop_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
}
.tm-account-content table.shop_table thead th {
	background: var(--bg-soft);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ink-mute);
	text-align: left;
	padding: 14px 18px;
	border-bottom: 1px solid var(--line);
}
.tm-account-content table.shop_table tbody td {
	padding: 16px 18px;
	border-bottom: 1px solid var(--line);
	font-size: 14px;
	color: var(--ink);
	vertical-align: middle;
}
.tm-account-content table.shop_table tbody tr:last-child td {
	border-bottom: 0;
}

/* Login + Register form */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	background: var(--bg-soft);
	padding: 32px;
	border-radius: var(--radius);
	max-width: 480px;
}
.woocommerce-account .woocommerce-form-login h2,
.woocommerce-account .woocommerce-form-register h2 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0 0 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--line);
}

.woocommerce-form__label-for-checkbox {
	display: flex !important;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--ink-mute);
	cursor: pointer;
}
.woocommerce-form__label-for-checkbox input[type="checkbox"] {
	margin: 0;
}

.lost_password {
	margin-top: 12px;
	text-align: right;
}
.lost_password a {
	font-size: 12px;
	color: var(--ink-mute);
}

/* "u-columns" wrapper used by WC for login + register side by side */
.woocommerce-account .u-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}
.woocommerce-account .col-1,
.woocommerce-account .col-2 {
	width: auto !important;
	float: none !important;
}

/* Dashboard intro paragraphs */
.woocommerce-MyAccount-content > p:first-of-type {
	background: var(--bg-soft);
	padding: 20px 24px;
	border-radius: var(--radius);
	border-left: 3px solid var(--pink-strong);
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1024px) {
	.tm-checkout-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.tm-checkout-sidebar {
		position: static;
	}
	.tm-account-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.tm-account-nav {
		padding: 12px 0;
	}
	.tm-account-nav li a {
		padding: 10px 20px;
	}
}

@media (max-width: 720px) {
	.woocommerce-account .u-columns {
		grid-template-columns: 1fr;
	}
	.tm-cart-form table.shop_table thead,
	.woocommerce-cart-form table.shop_table thead {
		display: none;
	}
	.tm-cart-form table.shop_table tbody tr,
	.woocommerce-cart-form table.shop_table tbody tr {
		display: grid;
		grid-template-columns: 80px 1fr auto;
		padding: 16px;
		gap: 8px 12px;
	}
	.tm-cart-form table.shop_table tbody td,
	.woocommerce-cart-form table.shop_table tbody td {
		padding: 0;
		border: 0;
	}
	.tm-cart-form .product-thumbnail,
	.woocommerce-cart-form .product-thumbnail {
		grid-row: span 4;
	}
	.tm-cart-form td.actions,
	.woocommerce-cart-form td.actions {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}
	.tm-cart-form .coupon,
	.woocommerce-cart-form .coupon {
		flex-direction: column;
		align-items: stretch;
	}
	.tm-cart-form .coupon input.input-text,
	.woocommerce-cart-form .coupon input.input-text {
		width: 100%;
	}
	.cart_totals {
		max-width: none;
	}
}


/* =================================================================
   FIXED ASPECT RATIO FOR ALL CART/CHECKOUT/MINICART IMAGES
   ================================================================= */

/* Cart-Page thumbnails */
.tm-cart-form .product-thumbnail img,
.woocommerce-cart-form .product-thumbnail img,
.woocommerce-cart .product-thumbnail img {
  width: 72px !important;
  height: 72px !important;
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 6px;
  border: 1px solid var(--line);
  background: var(--bg);
  padding: 4px;
  box-sizing: border-box;
  display: block;
}

/* Checkout order review */
.woocommerce-checkout-review-order-table .cart_item img {
  width: 48px !important;
  height: 48px !important;
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 4px;
  border: 1px solid var(--line);
  background: var(--bg);
  padding: 3px;
  box-sizing: border-box;
  display: block;
  margin-right: 8px;
  vertical-align: middle;
}