/*
Theme Name: Loud Child
Theme URI: https://wildish.pk
Description: Child theme for Loud - A Modern WordPress Theme for the Music Industry
Author: Wildish
Author URI: https://wildish.pk
Template: loud
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loud-child
*/

/* Add your custom CSS below this line */

/* ============================================================================
   EVENT BLUR FOR NON-LOGGED-IN USERS
   ============================================================================ */

/* Blur events for users who are not logged in */
body.user-not-logged-in .entry-event,
body.user-not-logged-in .hentry.event,
body.user-not-logged-in .event-list .entry,
body.user-not-logged-in .event-item,
body.user-not-logged-in article.event {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	position: relative;
	cursor: not-allowed;
}

/* Prevent any clicks or interactions on blurred events */
body.user-not-logged-in .entry-event *,
body.user-not-logged-in .hentry.event *,
body.user-not-logged-in .event-list .entry *,
body.user-not-logged-in .event-item *,
body.user-not-logged-in article.event * {
	pointer-events: none;
	cursor: not-allowed;
}

/* Optional: Add an overlay message encouraging users to log in */
body.user-not-logged-in .event-list::before,
body.user-not-logged-in .entry-content .event-layout-standard::before {
	content: "Please log in to view event details";
	display: block;
	text-align: center;
	font-size: 1.2em;
	padding: 20px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	margin-bottom: 20px;
	border-radius: 5px;
}

/* ============================================================================
   PASSWORD VISIBILITY TOGGLE FIX
   ============================================================================ */

/* Position password field container as relative for absolute positioning */
.woocommerce-form-row.woocommerce-form-row--wide,
.woocommerce form .form-row,
.password-input {
	position: relative;
}

/* Position the password toggle icon inside the field at top right */
.woocommerce .show-password-input,
.show-password-input,
.password-input .show-password-input,
.woocommerce-Input--password + .show-password-input {
	position: absolute !important;
	right: 15px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	cursor: pointer;
	z-index: 10;
	display: inline-block !important;
}

/* Ensure password input has padding on right for the icon */
.woocommerce input[type="password"],
input[type="password"].woocommerce-Input {
	padding-right: 45px !important;
}

/* Style the toggle icon */
.show-password-input::before,
.show-password-input {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

/* ============================================================================
   PASSWORD EYE ICON - WHITE LINE STYLE FOR DARK THEME
   ============================================================================ */

/* Style the eye icon to be white and visible */
.woocommerce .show-password-input,
.show-password-input {
	color: #fff !important;
	opacity: 1 !important;
	background: transparent !important;
	border: none !important;
	font-size: 18px !important;
}

/* Ensure the eye icon uses the correct font icon */
.show-password-input::before {
	content: "\f06e" !important; /* FontAwesome eye icon */
	font-family: "Font Awesome 5 Free", "FontAwesome" !important;
	font-weight: 400 !important;
	color: #fff !important;
	display: inline-block;
}

/* When password is visible, show eye-slash */
.show-password-input.display-password::before {
	content: "\f070" !important; /* FontAwesome eye-slash icon */
}

/* ============================================================================
   HIDE CART ICON FOR NON-LOGGED-IN USERS
   ============================================================================ */

/* Hide ONLY cart icon when user is not logged in (keep account icon visible) */
body.user-not-logged-in .cta-item.cta-item-cart,
body.user-not-logged-in .cta-item[class*="cart"],
body.user-not-logged-in .header-cart,
body.user-not-logged-in .site-header .cart,
body.user-not-logged-in .menu-cart-item,
body.user-not-logged-in .woocommerce-menu-item-cart,
body.user-not-logged-in li.menu-item-cart,
body.user-not-logged-in .header-cart-link {
	display: none !important;
}

/* ============================================================================
   CART DROPDOWN POSITIONING FIX - IMPROVED
   ============================================================================ */

/* Push cart dropdown higher - comprehensive targeting */
.header-cart-content,
.site-header .cart-dropdown,
.mini-cart-content,
.widget_shopping_cart_content,
.cta-item-cart .cta-dropdown,
.cta-item .cta-dropdown,
.widget_shopping_cart .widget_shopping_cart_content,
.site-header .mini-cart-content,
body .cta-dropdown {
	top: 70px !important;
	margin-top: 0 !important;
	transform: translateY(0) !important;
}

/* Ensure the dropdown container allows proper positioning */
.cta-item-cart,
.cta-item {
	position: relative;
}

/* ============================================================================
   EMPTY CART TEXT REPLACEMENT (CSS BACKUP)
   ============================================================================ */

/* Hide original text and replace with ticket-specific message */
.woocommerce-mini-cart__empty-message:empty::after,
p.cart-empty:empty::after {
	content: "No tickets in your cart yet.";
	display: block;
}

/* ============================================================================
   CHECKBOX ALIGNMENT FIX
   ============================================================================ */

/* Fix checkbox alignment - remove extra margin/padding */
.woocommerce-form-row--wide input[type="checkbox"],
.woocommerce-form-row input[type="checkbox"],
.woocommerce form .form-row input[type="checkbox"] {
	margin-left: 0 !important;
	margin-right: 8px !important;
	padding: 0 !important;
	vertical-align: middle;
}

/* Fix checkbox label alignment */
.woocommerce-form__label.woocommerce-form__label-for-checkbox,
.woocommerce-form-row--wide label,
.woocommerce form .form-row label {
	margin-left: 0 !important;
	padding-left: 0 !important;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Fix the form row container */
.woocommerce-form-row--wide,
.woocommerce form .form-row {
	margin-bottom: 1em !important;
	padding: 0 !important;
}

/* Ensure checkbox and label are on same line */
.woocommerce-form__label-for-checkbox {
	display: flex !important;
	align-items: center !important;
	margin-bottom: 1.5em !important;
}


/* ============================================================================
   HIDE EASY LOGIN PLUGIN ELEMENTS (MODAL, OPAC, NOTICE)
   ============================================================================ */

/* Hide only modal, opacity overlay, and notice elements */
.xoo-el-modal,
.xoo-el-opac,
.xoo-el-popup-notice {
	display: none !important;
	visibility: hidden !important;
}

/* ============================================================================
   EASY LOGIN TABS STYLING
   ============================================================================ */

/* Tab container */
.xoo-el-header ul.xoo-el-tabs {
	display: flex;
	gap: 0;
	border-bottom: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Inactive tab styling */
.xoo-el-header ul.xoo-el-tabs li {
	flex: 1;
	padding: 15px 20px !important;
	background-color: #1b1b1b !important;
	border: none !important;
	color: #f4f4f4 !important;
	cursor: pointer;
	font-size: 16px !important;
	font-weight: 600 !important;
	transition: all 0.3s ease;
	text-transform: uppercase;
	text-align: center;
	margin: 0 !important;
}

/* Active tab styling */
.xoo-el-header ul.xoo-el-tabs li.xoo-el-active {
	background-color: #c09d5f !important;
	color: #000 !important;
	font-weight: 700 !important;
}

/* Hover effect for inactive tabs */
.xoo-el-header ul.xoo-el-tabs li:hover:not(.xoo-el-active) {
	background-color: #2a2a2a !important;
}

/* ============================================================================
   MY ACCOUNT PAGE - ENABLE VERTICAL SCROLL
   ============================================================================ */

/* Enable scrolling on the main container */
.xoo-el-container,
.xoo-el-main,
.xoo-el-srcont,
.xoo-el-form-container {
	overflow-y: auto !important;
	max-height: 100vh !important;
}

/* Allow content to wrap and scroll */
body.woocommerce-account {
	overflow-y: auto !important;
}

.woocommerce-MyAccount-content {
	overflow-y: auto !important;
	max-height: auto !important;
}

/* Fix form container height */
.xoo-el-form-inline {
	overflow-y: auto !important;
	max-height: fit-content !important;
}

/* Allow page body to scroll */
html, body {
	overflow-y: auto !important;
	height: auto !important;
}

/* ============================================================================
   EASY LOGIN INPUT FIELDS - FULL WIDTH
   ============================================================================ */

/* Form fields container - full width */
.xoo-el-fields-cont,
.xoo-aff-group,
.xoo-aff-cont-text,
.xoo-aff-cont-password,
.xoo-aff-cont-email,
.xoo-el-fields {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	margin-bottom: 15px !important;
}

/* Input fields full width */
.xoo-aff-input-group,
.xoo-aff-input-group input {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Input fields styling */
input[class*="xoo-aff"],
.xoo-el-form-container input[type="text"],
.xoo-el-form-container input[type="email"],
.xoo-el-form-container input[type="password"] {
	width: 100% !important;
	margin: 0 !important;
	padding: 12px 15px !important;
	box-sizing: border-box !important;
}

/* Remove any parent container constraints */
.xoo-el-section {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Form container full width */
.xoo-el-form-inline {
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

/* ============================================================================
   SIGN IN / SIGN UP BUTTONS - FULL WIDTH
   ============================================================================ */

/* Button full width */
.xoo-el-action-btn,
.xoo-el-login-btn,
.xoo-el-register-btn,
button.xoo-el-action-btn,
.xoo-el-form-container button[type="submit"] {
	width: 100% !important;
	margin: 0 !important;
	padding: 15px 20px !important;
	box-sizing: border-box !important;
}

/* ============================================================================
   CHECKBOX ALIGNMENT FIX - TERMS OF SERVICE
   ============================================================================ */

/* Checkbox field container - flex layout */
.xoo-el-login-btm-fields,
.xoo-aff-group.xoo-aff-cont-checkbox {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 15px 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

/* Checkbox input alignment */
input[type="checkbox"][class*="xoo"],
.xoo-el-form-container input[type="checkbox"] {
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	min-width: 18px !important;
	height: 18px !important;
	cursor: pointer;
	flex-shrink: 0;
}

/* Checkbox label alignment */
label[class*="xoo-el"],
.xoo-el-form-label,
.xoo-aff-group label {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
	font-weight: normal;
}

/* Terms text alignment */
.xoo-el-form-label + *,
label + span {
	margin-left: 0 !important;
}

/* ============================================================================
   LOGIN FORM WIDTH - 600PX
   ============================================================================ */

/* Make login form wider */
#login {
	width: 600px !important;
	max-width: 100% !important;
	margin: 0 auto !important;
}

#login form {
	width: 100% !important;
}

/* Center the login wrapper */
body.login {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

/* Adjust pending message width */
.pending-message {
	width: 100% !important;
	box-sizing: border-box !important;
}

/* ============================================================================
   HIDE REGISTRATION ERRORS ON LOGIN PAGE
   ============================================================================ */

/* Hide WooCommerce registration form errors when pending */
body.login #login .woocommerce-error,
body.login #login .woocommerce-message,
body.login #login ul.woocommerce-error,
body.login #login .notice:not(.pending-message-notice) {
	display: none !important;
}

/* Hide the registration form when showing pending message */
body.login #login form {
	display: none;
}

/* Show only pending message */
body.login #login .pending-message-notice,
body.login #login .pending-message {
	display: block !important;
}

/* Ensure login message area is visible */
body.login #login {
	margin-top: 50px;
}

/* ============================================================================
   HIDE ALL FORMS AND ERRORS ON PENDING REGISTRATION PAGE
   ============================================================================ */

/* Hide everything on pending page */
body.login.wp-login #login form,
body.login #login_error,
body.login #login .login form,
body.login .woocommerce-form,
body.login form.woocommerce-form-register,
body.login .xoo-el-form-container,
body.login .xoo-el-form-inline {
	display: none !important;
	visibility: hidden !important;
}

/* Hide all error messages */
body.login #login .woocommerce-error,
body.login #login .error,
body.login .woocommerce,
body.login .woocommerce-info,
body.login .woocommerce-message {
	display: none !important;
}

/* Make pending message visible and centered */
body.login #login .pending-message-notice {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
	margin: 50px 0 !important;
	padding: 0 !important;
}

body.login #login .pending-message {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
}

/* Hide login nav */
body.login #login nav,
body.login #backtoblog {
	display: none !important;
}

/* ============================================================================
   EVENTS PAGE BLUR (GUEST USERS)
   ============================================================================ */

/* Apply same blur/lock behavior to /events cards for non-logged-in users */
body.user-not-logged-in.page-title-events #shop-index .entry-product,
body.user-not-logged-in.page-title-events #shop-index .product_cat-event {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	position: relative;
	cursor: not-allowed;
}

body.user-not-logged-in.page-title-events #shop-index .entry-product *,
body.user-not-logged-in.page-title-events #shop-index .product_cat-event * {
	pointer-events: none;
	cursor: not-allowed;
}

body.user-not-logged-in.page-title-events #shop-index::before {
	content: "Please log in to view event details";
	display: block;
	text-align: center;
	font-size: 1.2em;
	padding: 20px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	margin-bottom: 20px;
	border-radius: 5px;
}

/* ============================================================================
   WOOCOMMERCE VISUAL REFRESH (ACCOUNT / CART / CHECKOUT)
   ============================================================================ */

body.woocommerce-page {
	--wc-bg: #0a0e13;
	--wc-panel: #111821;
	--wc-panel-soft: #151e28;
	--wc-border: #253243;
	--wc-text: #eef3f9;
	--wc-muted: #a8b4c2;
	--wc-accent: #c09d5f;
	--wc-accent-strong: #d7b778;
}

/* Make WooCommerce page hero blend with the page background */
body.woocommerce-page #hero,
body.woocommerce-page .post-header-container {
	background: var(--wc-bg) !important;
}

body.woocommerce-page .page-entry-content .woocommerce {
	max-width: 1120px;
	margin: 0 auto;
	color: var(--wc-text);
}

body.woocommerce-page .page-entry-content .woocommerce a {
	color: var(--wc-accent-strong);
}

body.woocommerce-page .page-entry-content .woocommerce a:hover {
	color: #f1d9ab;
}

body.woocommerce-page .page-entry-content .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-page .page-entry-content .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-page .page-entry-content .woocommerce-notices-wrapper .woocommerce-error {
	background: rgba(17, 24, 33, 0.96);
	color: var(--wc-text);
	border: 1px solid var(--wc-border);
	border-left: 4px solid var(--wc-accent);
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 18px;
}

body.woocommerce-page .page-entry-content .woocommerce .button,
body.woocommerce-page .page-entry-content .woocommerce button.button,
body.woocommerce-page .page-entry-content .woocommerce input.button {
	border-radius: 10px !important;
	border: 1px solid rgba(192, 157, 95, 0.45) !important;
	background: rgba(192, 157, 95, 0.16) !important;
	color: #f2efe7 !important;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 13px 18px !important;
	transition: all 0.2s ease;
}

body.woocommerce-page .page-entry-content .woocommerce .button:hover,
body.woocommerce-page .page-entry-content .woocommerce button.button:hover,
body.woocommerce-page .page-entry-content .woocommerce input.button:hover {
	background: rgba(192, 157, 95, 0.28) !important;
	border-color: rgba(192, 157, 95, 0.8) !important;
	transform: translateY(-1px);
}

body.woocommerce-page .page-entry-content .woocommerce input.input-text,
body.woocommerce-page .page-entry-content .woocommerce select,
body.woocommerce-page .page-entry-content .woocommerce textarea {
	background: #0f151d !important;
	border: 1px solid var(--wc-border) !important;
	color: var(--wc-text) !important;
	border-radius: 10px !important;
	min-height: 46px;
}

body.woocommerce-page .page-entry-content .woocommerce input.input-text:focus,
body.woocommerce-page .page-entry-content .woocommerce select:focus,
body.woocommerce-page .page-entry-content .woocommerce textarea:focus {
	border-color: var(--wc-accent) !important;
	box-shadow: 0 0 0 3px rgba(192, 157, 95, 0.16) !important;
}

body.woocommerce-page .page-entry-content .woocommerce ::placeholder {
	color: #8ea0b3;
}

/* Account page (logged in) */
body.woocommerce-account.logged-in .page-entry-content .woocommerce {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 26px;
	align-items: start;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a {
	display: block;
	padding: 12px 14px;
	border-radius: 10px;
	border: 1px solid var(--wc-border);
	background: var(--wc-panel);
	color: var(--wc-text);
	text-decoration: none;
	font-size: 14px;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active a {
	background: linear-gradient(135deg, #d8ba80 0%, #b99356 100%);
	border-color: #c8a368;
	color: #1e1a12;
	font-weight: 700;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
	background: linear-gradient(180deg, var(--wc-panel) 0%, var(--wc-panel-soft) 100%);
	border: 1px solid var(--wc-border);
	border-radius: 14px;
	padding: 24px;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content p {
	color: #dce5ef;
	line-height: 1.75;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table {
	background: #0f161f;
	border: 1px solid var(--wc-border);
	border-radius: 12px;
	overflow: hidden;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td {
	border-color: var(--wc-border) !important;
	padding: 14px 12px;
}

/* Cart page */
body.woocommerce-cart .page-entry-content .woocommerce {
	--wc-cart-thumb-size: 76px;
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.95fr);
	gap: 28px;
	align-items: stretch;
	width: 100%;
	max-width: 1280px;
	direction: ltr;
	text-align: left;
}

body.woocommerce-cart .page-entry-content .woocommerce-cart-form,
body.woocommerce-cart .page-entry-content .cart-collaterals .cart_totals {
	background: linear-gradient(180deg, var(--wc-panel) 0%, var(--wc-panel-soft) 100%);
	border: 1px solid var(--wc-border);
	border-radius: 14px;
}

body.woocommerce-cart .page-entry-content .woocommerce-cart-form {
	padding: 10px 16px 8px;
	margin: 0;
	float: none;
	width: 100%;
	grid-column: 1;
}

body.woocommerce-cart table.shop_table.cart {
	border: 0;
	background: transparent;
	margin: 0;
	width: 100%;
	table-layout: auto;
}

body.woocommerce-cart table.shop_table.cart thead th {
	color: #c7d3df;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--wc-border);
	padding: 10px 10px 12px;
}

body.woocommerce-cart table.shop_table.cart thead th.product-remove,
body.woocommerce-cart table.shop_table.cart thead th.product-thumbnail {
	color: transparent;
	padding: 0;
	border-bottom-color: transparent;
}

body.woocommerce-cart table.shop_table.cart td {
	border-top: 1px solid var(--wc-border);
	padding: 10px 10px;
	color: #e7eef7;
	vertical-align: middle;
}

body.woocommerce-cart table.shop_table.cart .product-thumbnail img {
	width: 76px;
	height: 76px;
	object-fit: cover;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

body.woocommerce-cart table.shop_table.cart .product-remove {
	width: 34px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	vertical-align: top;
	text-align: center;
	position: relative;
}

body.woocommerce-cart table.shop_table.cart .product-remove a.remove {
	color: #ff8677 !important;
	border: 1px solid rgba(255, 134, 119, 0.35);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 1;
	text-align: center;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	float: none !important;
	margin: 0 !important;
	padding: 0;
	position: absolute;
	left: 50%;
	top: calc(14px + (var(--wc-cart-thumb-size) - 30px) / 2 - 6px);
	transform: translateX(-50%);
}

body.woocommerce-cart table.shop_table.cart .product-remove a.remove:hover {
	background: rgba(255, 85, 85, 0.16) !important;
}

body.woocommerce-cart table.shop_table.cart .qty {
	width: 90px;
	text-align: center;
}

body.woocommerce-cart table.shop_table.cart .actions {
	display: none;
}

body.woocommerce-cart table.shop_table.cart .actions .coupon {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-right: auto;
}

body.woocommerce-cart table.shop_table.cart .actions .button {
	margin: 0 !important;
}

body.woocommerce-cart .cart-collaterals {
	margin-top: 0;
	display: flex;
	float: none;
	width: 100%;
	height: 100%;
	grid-column: 2;
}

body.woocommerce-cart .cart-collaterals .cart_totals {
	width: 100%;
	max-width: none;
	padding: 18px;
	margin-left: 0;
	position: static;
	height: 100%;
	display: flex;
	flex-direction: column;
}

body.woocommerce-cart .cart-collaterals .cart_totals h2 {
	margin-bottom: 16px;
	font-size: 30px;
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
	border: 0;
	margin-bottom: 20px;
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table th,
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table td {
	border-color: var(--wc-border);
	padding: 10px 0;
}

body.woocommerce-cart .wc-proceed-to-checkout {
	margin-top: auto;
	padding-top: 12px;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	width: 100%;
	padding: 14px 16px !important;
}

/* Checkout page */
body.woocommerce-checkout form.checkout.woocommerce-checkout {
	display: block;
}

body.woocommerce-checkout .wc-checkout-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(320px, 1fr);
	gap: 24px;
	align-items: start;
}

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .wc-checkout-sidebar {
	background: linear-gradient(180deg, var(--wc-panel) 0%, var(--wc-panel-soft) 100%);
	border: 1px solid var(--wc-border);
	border-radius: 14px;
}

body.woocommerce-checkout #customer_details {
	padding: 22px;
}

body.woocommerce-checkout .wc-checkout-sidebar {
	padding: 18px 20px 20px;
	position: sticky;
	top: 120px;
	align-self: start;
}

body.woocommerce-checkout #order_review_heading {
	padding: 0;
	margin: 0 0 16px;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.woocommerce-checkout #order_review {
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

body.woocommerce-checkout #payment {
	padding: 14px 0 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

body.woocommerce-checkout #customer_details {
	display: flex !important;
	flex-direction: column;
	gap: 18px;
}

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .wc_payment_methods,
body.woocommerce-checkout .place-order {
	margin: 0;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout form.checkout .form-row-first,
body.woocommerce-checkout form.checkout .form-row-last {
	float: none;
	width: 100%;
	flex: 0 0 auto;
	margin: 0;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
	order: initial;
}

body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-additional-fields .notes,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields textarea {
	width: 100%;
	max-width: none;
}

body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields {
	display: grid;
	gap: 14px;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
	display: block;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row {
	width: 100% !important;
	float: none !important;
	clear: both;
}

body.woocommerce-checkout .woocommerce form .form-row label,
body.woocommerce-checkout .woocommerce-page form .form-row label,
body.woocommerce-checkout #customer_details label,
body.woocommerce-checkout #payment label,
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3 {
	color: var(--wc-text) !important;
}

body.woocommerce-checkout .wc-checkout-sidebar,
body.woocommerce-checkout .wc-checkout-sidebar th,
body.woocommerce-checkout .wc-checkout-sidebar td,
body.woocommerce-checkout .wc-checkout-sidebar p,
body.woocommerce-checkout .wc-checkout-sidebar li,
body.woocommerce-checkout .wc-checkout-sidebar strong,
body.woocommerce-checkout .wc-checkout-sidebar span,
body.woocommerce-checkout .wc-checkout-sidebar .amount,
body.woocommerce-checkout .wc-checkout-sidebar .product-name,
body.woocommerce-checkout .wc-checkout-sidebar .woocommerce-privacy-policy-text,
body.woocommerce-checkout .wc-checkout-sidebar .woocommerce-privacy-policy-text p,
body.woocommerce-checkout .wc-checkout-sidebar #payment div.payment_box,
body.woocommerce-checkout .wc-checkout-sidebar #payment div.payment_box p {
	color: var(--wc-text) !important;
}

body.woocommerce-checkout .wc-checkout-sidebar a,
body.woocommerce-checkout .wc-checkout-sidebar a:visited {
	color: var(--wc-text) !important;
}

body.woocommerce-checkout .wc-checkout-sidebar #payment div.payment_box {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid var(--wc-border);
}

body.woocommerce-checkout .wc-checkout-sidebar #payment div.payment_box::before {
	border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

body.woocommerce-checkout .woocommerce input.input-text,
body.woocommerce-checkout .woocommerce select,
body.woocommerce-checkout .woocommerce textarea,
body.woocommerce-checkout .woocommerce-page input.input-text,
body.woocommerce-checkout .woocommerce-page select,
body.woocommerce-checkout .woocommerce-page textarea {
	color: var(--wc-text) !important;
}

body.woocommerce-checkout .woocommerce textarea::placeholder,
body.woocommerce-checkout .woocommerce input.input-text::placeholder {
	color: #8ea0b3 !important;
}

body.woocommerce-checkout textarea#order_comments {
	min-height: 96px;
	height: 96px;
	resize: vertical;
}

body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table th,
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td {
	border-color: var(--wc-border) !important;
	padding: 12px 0;
}

body.woocommerce-checkout #place_order {
	width: 100%;
	padding: 14px 16px !important;
}

/* Thank you / order received page */
body.woocommerce-order-received .page-entry-content .woocommerce {
	max-width: 1280px;
}

body.woocommerce-order-received .woocommerce-order {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
	gap: 24px 28px;
	align-items: start;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-order-overview {
	grid-column: 1 / -1;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received {
	margin: 0;
	padding: 18px 22px;
	background: linear-gradient(180deg, rgba(192, 157, 95, 0.14) 0%, rgba(192, 157, 95, 0.06) 100%);
	border: 1px solid rgba(192, 157, 95, 0.28);
	border-radius: 14px;
	color: var(--wc-text);
	font-size: 18px;
	line-height: 1.6;
}

body.woocommerce-order-received .woocommerce-order-overview {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

body.woocommerce-order-received .woocommerce-order-overview li {
	margin: 0;
	padding: 16px 18px;
	background: linear-gradient(180deg, var(--wc-panel) 0%, var(--wc-panel-soft) 100%);
	border: 1px solid var(--wc-border);
	border-radius: 14px;
	color: var(--wc-muted);
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 104px;
	font-size: 13px;
	line-height: 1.55;
}

body.woocommerce-order-received .woocommerce-order-overview li strong {
	color: var(--wc-text);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-notice) {
	grid-column: 2;
	margin: 0;
	padding: 16px 18px;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--wc-border);
	border-radius: 14px;
	color: var(--wc-text);
	line-height: 1.75;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .wc-bacs-bank-details,
body.woocommerce-order-received .wc-bacs-bank-details-heading {
	background: linear-gradient(180deg, var(--wc-panel) 0%, var(--wc-panel-soft) 100%);
	border: 1px solid var(--wc-border);
	border-radius: 14px;
}

body.woocommerce-order-received .woocommerce-order-details {
	grid-column: 1;
	padding: 22px 24px;
	margin: 0;
}

body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .wc-bacs-bank-details,
body.woocommerce-order-received .wc-bacs-bank-details-heading {
	grid-column: 2;
	margin: 0;
}

body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .wc-bacs-bank-details {
	padding: 22px 24px;
}

body.woocommerce-order-received .wc-bacs-bank-details-heading {
	padding: 18px 24px;
	font-size: 30px;
	line-height: 1.2;
	color: var(--wc-text);
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
	margin: 0 0 18px;
	font-size: 30px;
	line-height: 1.2;
	color: var(--wc-text);
}

body.woocommerce-order-received .woocommerce-table--order-details,
body.woocommerce-order-received .wc-bacs-bank-details {
	width: 100%;
	margin: 0;
	border: 0;
	background: transparent;
}

body.woocommerce-order-received .woocommerce-table--order-details thead th {
	color: #c7d3df;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--wc-border);
	padding: 12px 0 14px;
}

body.woocommerce-order-received .woocommerce-table--order-details th,
body.woocommerce-order-received .woocommerce-table--order-details td,
body.woocommerce-order-received .wc-bacs-bank-details th,
body.woocommerce-order-received .wc-bacs-bank-details td {
	padding: 14px 0;
	border-color: var(--wc-border);
	color: var(--wc-text);
	vertical-align: top;
}

body.woocommerce-order-received .woocommerce-table--order-details .product-name a,
body.woocommerce-order-received .woocommerce-table--order-details .product-name,
body.woocommerce-order-received .woocommerce-table--order-details .product-total,
body.woocommerce-order-received .woocommerce-table--order-details .amount {
	color: var(--wc-text);
}

body.woocommerce-order-received .woocommerce-table--order-details tfoot th {
	color: #d7e0ea;
}

body.woocommerce-order-received .woocommerce-table--order-details tfoot .order-actions--heading,
body.woocommerce-order-received .woocommerce-table--order-details tfoot .order-actions--heading + td {
	padding-top: 18px;
}

body.woocommerce-order-received .woocommerce-order-details .order-actions-button {
	margin: 0 10px 0 0;
}

body.woocommerce-order-received .woocommerce-customer-details address {
	margin: 0;
	padding: 16px 18px;
	background: #0f151d;
	border: 1px solid var(--wc-border);
	border-radius: 12px;
	font-style: normal;
	color: var(--wc-text);
	line-height: 1.85;
}

body.woocommerce-order-received .woocommerce-customer-details address p {
	margin: 0;
}

body.woocommerce-order-received .woocommerce-columns--addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

/* Order payment page */
body.woocommerce-order-pay .page-entry-content .woocommerce {
	max-width: 1280px;
}

body.woocommerce-order-pay form#order_review {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
	gap: 24px 28px;
	align-items: start;
}

body.woocommerce-order-pay form#order_review > table.shop_table,
body.woocommerce-order-pay form#order_review > #payment {
	background: linear-gradient(180deg, var(--wc-panel) 0%, var(--wc-panel-soft) 100%);
	border: 1px solid var(--wc-border);
	border-radius: 14px;
	margin: 0;
}

body.woocommerce-order-pay form#order_review > table.shop_table {
	grid-column: 1;
	padding: 18px 24px;
	border-collapse: separate;
	border-spacing: 0;
}

body.woocommerce-order-pay form#order_review > #payment {
	grid-column: 2;
	padding: 18px 20px 20px;
	position: sticky;
	top: 120px;
	align-self: start;
	background: linear-gradient(180deg, var(--wc-panel) 0%, var(--wc-panel-soft) 100%) !important;
}

body.woocommerce-order-pay form#order_review > table.shop_table thead th {
	color: #c7d3df;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--wc-border);
	padding: 12px 0 14px;
}

body.woocommerce-order-pay form#order_review > table.shop_table th,
body.woocommerce-order-pay form#order_review > table.shop_table td {
	border-color: var(--wc-border);
	padding: 14px 0;
	color: var(--wc-text);
	vertical-align: top;
}

body.woocommerce-order-pay form#order_review > table.shop_table td,
body.woocommerce-order-pay form#order_review > table.shop_table .product-name,
body.woocommerce-order-pay form#order_review > table.shop_table .product-name a,
body.woocommerce-order-pay form#order_review > table.shop_table .product-total,
body.woocommerce-order-pay form#order_review > table.shop_table .product-subtotal,
body.woocommerce-order-pay form#order_review > table.shop_table .amount,
body.woocommerce-order-pay form#order_review > table.shop_table .woocommerce-Price-amount {
	color: var(--wc-text) !important;
}

body.woocommerce-order-pay form#order_review > table.shop_table tfoot th {
	color: #d7e0ea;
}

body.woocommerce-order-pay #payment,
body.woocommerce-order-pay #payment label,
body.woocommerce-order-pay #payment p,
body.woocommerce-order-pay #payment li,
body.woocommerce-order-pay #payment span,
body.woocommerce-order-pay #payment strong,
body.woocommerce-order-pay #payment .amount,
body.woocommerce-order-pay #payment .woocommerce-privacy-policy-text,
body.woocommerce-order-pay #payment .woocommerce-privacy-policy-text p,
body.woocommerce-order-pay #payment .payment_box,
body.woocommerce-order-pay #payment .payment_box p {
	color: var(--wc-text) !important;
}

body.woocommerce-order-pay #payment a,
body.woocommerce-order-pay #payment a:visited {
	color: var(--wc-accent-strong) !important;
}

body.woocommerce-order-pay #payment .wc_payment_methods {
	list-style: none;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

body.woocommerce-order-pay #payment .wc_payment_methods > li {
	margin: 0;
	padding: 14px 0;
	border-top: 1px solid var(--wc-border);
}

body.woocommerce-order-pay #payment .wc_payment_methods > li:first-child {
	padding-top: 0;
	border-top: 0;
}

body.woocommerce-order-pay #payment .wc_payment_methods input[type="radio"] {
	accent-color: var(--wc-accent);
}

body.woocommerce-order-pay #payment .wc_payment_methods label {
	font-weight: 600;
}

body.woocommerce-order-pay #payment div.payment_box {
	margin: 14px 0 0 !important;
	padding: 16px 18px !important;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid var(--wc-border);
	border-radius: 12px;
}

body.woocommerce-order-pay #payment div.payment_box::before {
	border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

body.woocommerce-order-pay #payment textarea,
body.woocommerce-order-pay #payment input[type="text"],
body.woocommerce-order-pay #payment input.input-text {
	background: #0f151d !important;
	border: 1px solid var(--wc-border) !important;
	color: var(--wc-text) !important;
	border-radius: 10px !important;
}

body.woocommerce-order-pay #payment textarea {
	min-height: 120px;
	height: 120px;
	resize: vertical;
}

body.woocommerce-order-pay #payment textarea::placeholder,
body.woocommerce-order-pay #payment input[type="text"]::placeholder,
body.woocommerce-order-pay #payment input.input-text::placeholder {
	color: #8ea0b3 !important;
}

body.woocommerce-order-pay #payment .form-row {
	margin: 0;
	padding-top: 14px;
}

body.woocommerce-order-pay #payment #place_order {
	width: 100%;
	padding: 14px 16px !important;
}

body.woocommerce-order-pay.user-not-logged-in .woocommerce > .woocommerce-info,
body.woocommerce-order-pay.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

body.woocommerce-order-pay.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline {
	background: linear-gradient(180deg, var(--wc-panel) 0%, var(--wc-panel-soft) 100%);
	border: 1px solid var(--wc-border);
	border-radius: 14px;
}

/* My Account (guest) - cleaner login/register card */
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline {
	background: linear-gradient(180deg, var(--wc-panel) 0%, var(--wc-panel-soft) 100%);
	border: 1px solid var(--wc-border);
	border-radius: 14px;
	padding: 18px;
	max-width: 720px;
	margin: 0 auto;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container small {
	color: var(--wc-muted);
}

/* Registration UI polish: spacing + alignment + upload field */
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline {
	padding: 22px 0 18px;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-header ul.xoo-el-tabs {
	margin: 0 14px 14px !important;
	border: 1px solid var(--wc-border);
	border-radius: 12px;
	overflow: hidden;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-section .xoo-el-fields {
	padding: 0 14px 2px !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-section .xoo-el-action-form {
	padding: 0 !important;
	margin: 0 !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-section .xoo-el-fields-cont,
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-section .xoo-aff-group,
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-section .xoo-aff-input-group {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-login-btm-fields,
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-aff-group.xoo-aff-cont-checkbox_single,
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-aff-group.xoo-aff-cont-checkbox {
	padding-inline: 14px !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-aff-group.xoo-aff-cont-checkbox_single .xoo-aff-checkbox_single {
	width: 100%;
	text-align: left;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-aff-group.xoo-aff-cont-checkbox_single .xoo-aff-checkbox_single label {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: 100%;
	text-align: left !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-aff-group.xoo-aff-cont-checkbox_single input[type="checkbox"] {
	margin-top: 2px !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-form-register .xoo_el_reg_terms_cont {
	padding-inline: 14px !important;
	margin: 6px 0 10px !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-form-register .xoo_el_reg_terms_cont .xoo-aff-checkbox_single label {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	width: 100%;
	text-align: left !important;
	line-height: 1.45;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-form-register .xoo_el_reg_terms_cont .xoo-aff-checkbox_single .xoo-terms-text {
	display: inline;
	margin: 0 !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-form-register .xoo_el_reg_terms_cont .xoo-aff-checkbox_single .xoo-terms-text a {
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-action-btn {
	width: calc(100% - 28px) !important;
	margin: 8px 14px 0 !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_reference_name_cont,
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_nic_number_cont,
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_instagram_screenshots_cont {
	padding-inline: 14px !important;
	margin-bottom: 14px !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_reference_name_cont label,
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_nic_number_cont label,
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_instagram_screenshots_cont label {
	display: block !important;
	font-weight: 600;
	color: var(--wc-text);
	margin: 0 0 8px !important;
	padding: 0 !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_reference_name_cont input[type="text"],
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_nic_number_cont input[type="text"] {
	height: 48px;
	padding: 12px 14px !important;
	border-radius: 10px !important;
	border: 1px solid var(--wc-border) !important;
	background: #111821 !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_instagram_screenshots_cont input[type="file"] {
	width: 100% !important;
	display: block;
	border: 1px dashed #3b4d63 !important;
	border-radius: 10px !important;
	background: #0f151d !important;
	color: #d8e2ed !important;
	padding: 8px !important;
	line-height: 1.4 !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_instagram_screenshots_cont input[type="file"]::file-selector-button,
body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_instagram_screenshots_cont input[type="file"]::-webkit-file-upload-button {
	background: rgba(192, 157, 95, 0.18);
	border: 1px solid rgba(192, 157, 95, 0.62);
	border-radius: 8px;
	color: #f2e8d2;
	padding: 9px 14px;
	margin-right: 10px;
	font-weight: 600;
	cursor: pointer;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_instagram_screenshots_cont input[type="file"]:hover {
	border-color: var(--wc-accent) !important;
}

body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_instagram_screenshots_cont small {
	display: block;
	margin-top: 8px;
	line-height: 1.45;
	color: #9db0c3 !important;
}

/* Responsive */
@media (max-width: 1024px) {
	body.woocommerce-account.logged-in .page-entry-content .woocommerce {
		grid-template-columns: 1fr;
	}

	body.woocommerce-cart .page-entry-content .woocommerce {
		grid-template-columns: 1fr;
	}

	body.woocommerce-cart .page-entry-content .woocommerce-cart-form,
	body.woocommerce-cart .cart-collaterals {
		grid-column: auto;
	}

	body.woocommerce-cart .cart-collaterals .cart_totals {
		max-width: none;
		position: static;
		height: auto;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 6px;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
		flex: 0 0 auto;
		min-width: max-content;
	}

	body.woocommerce-checkout .wc-checkout-layout {
		grid-template-columns: 1fr;
	}

	body.woocommerce-checkout .wc-checkout-sidebar {
		position: static;
		top: auto;
	}

	body.woocommerce-order-received .woocommerce-order {
		grid-template-columns: 1fr;
	}

	body.woocommerce-order-received .woocommerce-order-overview {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-notice),
	body.woocommerce-order-received .woocommerce-order-details,
	body.woocommerce-order-received .woocommerce-customer-details,
	body.woocommerce-order-received .wc-bacs-bank-details,
	body.woocommerce-order-received .wc-bacs-bank-details-heading {
		grid-column: auto;
	}

	body.woocommerce-order-pay form#order_review {
		grid-template-columns: 1fr;
	}

	body.woocommerce-order-pay form#order_review > table.shop_table,
	body.woocommerce-order-pay form#order_review > #payment {
		grid-column: auto;
	}

	body.woocommerce-order-pay form#order_review > #payment {
		position: static;
		top: auto;
	}
}

@media (max-width: 768px) {
	body.woocommerce-page #hero .post-title {
		font-size: 38px;
	}

	body.woocommerce-page .page-entry-content .woocommerce {
		padding-inline: 8px;
	}

	body.woocommerce-order-received .woocommerce-thankyou-order-received,
	body.woocommerce-order-received .woocommerce-order-details,
	body.woocommerce-order-received .woocommerce-customer-details,
	body.woocommerce-order-received .wc-bacs-bank-details,
	body.woocommerce-order-received .wc-bacs-bank-details-heading {
		padding-left: 16px;
		padding-right: 16px;
	}

	body.woocommerce-order-received .woocommerce-order-overview {
		grid-template-columns: 1fr;
	}

	body.woocommerce-order-received .woocommerce-order-details__title,
	body.woocommerce-order-received .woocommerce-column__title,
	body.woocommerce-order-received .wc-bacs-bank-details-heading {
		font-size: 24px;
	}

	body.woocommerce-order-received .woocommerce-columns--addresses {
		grid-template-columns: 1fr;
	}

	body.woocommerce-cart .page-entry-content .woocommerce {
		--wc-cart-thumb-size: 70px;
	}

	body.woocommerce-cart .page-entry-content .woocommerce-cart-form {
		padding: 10px 12px 14px;
	}

	body.woocommerce-cart table.shop_table.cart .actions {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	body.woocommerce-cart table.shop_table.cart .actions .coupon {
		width: 100%;
	}

	body.woocommerce-cart table.shop_table.cart .actions .coupon .input-text {
		flex: 1;
	}

	body.woocommerce-cart table.shop_table_responsive tr td::before,
	body.woocommerce-page table.shop_table_responsive tr td::before {
		color: var(--wc-muted) !important;
		font-size: 11px;
		letter-spacing: 0.07em;
		text-transform: uppercase;
	}

	body.woocommerce-cart table.shop_table.cart .product-thumbnail img {
		width: 70px;
		height: 70px;
	}

	body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-header ul.xoo-el-tabs,
	body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-section .xoo-el-fields,
	body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-login-btm-fields,
	body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-aff-group.xoo-aff-cont-checkbox_single,
	body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_reference_name_cont,
	body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_nic_number_cont,
	body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .loud_instagram_screenshots_cont {
		padding-inline: 10px !important;
		margin-inline: 0 !important;
	}

	body.woocommerce-account.user-not-logged-in .xoo-el-form-container.xoo-el-form-inline .xoo-el-action-btn {
		width: calc(100% - 20px) !important;
		margin: 8px 10px 0 !important;
	}

	body.woocommerce-checkout #customer_details,
	body.woocommerce-checkout #order_review,
	body.woocommerce-checkout #payment {
		padding: 16px;
	}
}