/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* ============================================
	TYPOGRAPHY (LANG-SPECIFIC FONTS)
	Armenian: Noto Sans Armenian
	Russian/English (and default): Noto Sans
	============================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&family=Noto+Sans+Armenian:wght@100..900&display=swap');

:root {
	--mgp-font-default: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	--mgp-font-armenian: "Noto Sans Armenian", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup {
	font-family: var(--mgp-font-default) !important;
}

/* Armenian (hy, hy-AM, etc.) */
:lang(hy),
:lang(hy) body,
:lang(hy) button,
:lang(hy) input,
:lang(hy) select,
:lang(hy) textarea,
:lang(hy) optgroup {
	font-family: var(--mgp-font-armenian) !important;
}

/* Explicitly keep RU/EN on Noto Sans (default), in case other styles override */
:lang(ru),
:lang(en) {
	font-family: var(--mgp-font-default) !important;
}


/* ============================================
   ARCA PAYMENT GATEWAY INVOICE PAGE STYLING
   Main Color: #247a19 - Version: 1.0.2
   ============================================ */
/* Paste this CSS into WordPress Customizer > Additional CSS */
/* Clear browser cache after adding this CSS */

/* Invoice Container - Main Wrapper */
#arca-pg-order-invoice,
.arca-pg#arca-pg-order-invoice,
div#arca-pg-order-invoice,
div#arca-pg-order-invoice.arca-pg,
.arca-pg#arca-pg-order-invoice.arca-pg {
	max-width: 800px !important;
	margin: 40px auto !important;
	padding: 0 !important;
	font-family: var(--mgp-font-default) !important;
	background: #ffffff !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
	overflow: hidden !important;
	display: block !important;
	position: relative !important;
}

/* Invoice Header - Green gradient background */
#arca-pg-order-invoice > h1:first-child,
#arca-pg-order-invoice h1:first-of-type,
.arca-pg#arca-pg-order-invoice > h1:first-child,
div#arca-pg-order-invoice.arca-pg > h1:first-child,
div#arca-pg-order-invoice > h1:first-child {
	background: linear-gradient(135deg, #247a19 0%, #2d8f22 100%) !important;
	padding: 40px !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-size: 32px !important;
	font-weight: 700 !important;
	letter-spacing: -0.5px !important;
	position: relative !important;
	display: block !important;
}

/* Add status badge using pseudo-element */
#arca-pg-order-invoice > h1:first-child::after,
#arca-pg-order-invoice h1:first-of-type::after,
.arca-pg#arca-pg-order-invoice > h1:first-child::after,
div#arca-pg-order-invoice.arca-pg > h1:first-child::after,
div#arca-pg-order-invoice > h1:first-child::after {
	content: "✓ Paid" !important;
	position: absolute !important;
	right: 40px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: rgba(255, 255, 255, 0.2) !important;
	padding: 10px 20px !important;
	border-radius: 50px !important;
	backdrop-filter: blur(10px) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	white-space: nowrap !important;
}

/* Invoice Details Section */
#arca-pg-order-invoice > p:first-of-type,
#arca-pg-order-invoice p:first-of-type,
.arca-pg#arca-pg-order-invoice > p:first-of-type,
div#arca-pg-order-invoice.arca-pg > p:first-of-type,
div#arca-pg-order-invoice > p:first-of-type {
	padding: 40px !important;
	margin: 0 !important;
	color: #333333 !important;
	line-height: 2 !important;
	font-size: 15px !important;
	background: #ffffff !important;
	border-bottom: 2px solid #f0f0f0 !important;
	display: block !important;
	font-weight: 500 !important;
}

/* Style each line in the invoice details */
#arca-pg-order-invoice > p:first-of-type br,
#arca-pg-order-invoice p:first-of-type br,
.arca-pg#arca-pg-order-invoice > p:first-of-type br,
div#arca-pg-order-invoice.arca-pg > p:first-of-type br,
div#arca-pg-order-invoice > p:first-of-type br {
	display: block !important;
	margin: 15px 0 !important;
	content: "" !important;
}

/* Create amount section after invoice details */
.arca-pg#arca-pg-order-invoice > p:first-of-type::after,
div#arca-pg-order-invoice.arca-pg > p:first-of-type::after {
	content: "" !important;
	display: block !important;
	margin-top: 30px !important;
	padding-top: 30px !important;
	border-top: 2px solid #e8f5e9 !important;
}

/* Thank You Message Section */
#arca-pg-order-invoice > p:last-of-type,
#arca-pg-order-invoice p:last-of-type,
.arca-pg#arca-pg-order-invoice > p:last-of-type,
div#arca-pg-order-invoice.arca-pg > p:last-of-type,
div#arca-pg-order-invoice > p:last-of-type {
	background: #f8f9fa !important;
	padding: 40px !important;
	text-align: center !important;
	border-top: 1px solid #e8e8e8 !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	color: #333333 !important;
	line-height: 1.6 !important;
	margin: 0 !important;
	position: relative !important;
	display: block !important;
}

/* Add checkmark icon before thank you message */
#arca-pg-order-invoice > p:last-of-type::before,
#arca-pg-order-invoice p:last-of-type::before,
.arca-pg#arca-pg-order-invoice > p:last-of-type::before,
div#arca-pg-order-invoice.arca-pg > p:last-of-type::before,
div#arca-pg-order-invoice > p:last-of-type::before {
	content: "✓" !important;
	display: block !important;
	width: 60px !important;
	height: 60px !important;
	margin: 0 auto 20px !important;
	background: linear-gradient(135deg, #247a19 0%, #2d8f22 100%) !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	font-size: 30px !important;
	font-weight: bold !important;
	box-shadow: 0 4px 15px rgba(36, 122, 25, 0.3) !important;
	line-height: 60px !important;
}

/* Enhanced styling for better visual hierarchy */
.arca-pg#arca-pg-order-invoice,
div#arca-pg-order-invoice.arca-pg {
	color: #333333 !important;
}

/* Responsive Design for Invoice */
@media (max-width: 768px) {
	#arca-pg-order-invoice,
	.arca-pg#arca-pg-order-invoice,
	div#arca-pg-order-invoice.arca-pg,
	div#arca-pg-order-invoice {
		margin: 20px !important;
		border-radius: 8px !important;
	}
	
	#arca-pg-order-invoice > h1:first-child,
	#arca-pg-order-invoice h1:first-of-type,
	.arca-pg#arca-pg-order-invoice > h1:first-child,
	div#arca-pg-order-invoice.arca-pg > h1:first-child,
	div#arca-pg-order-invoice > h1:first-child {
		padding: 30px 20px !important;
		font-size: 24px !important;
	}
	
	#arca-pg-order-invoice > h1:first-child::after,
	#arca-pg-order-invoice h1:first-of-type::after,
	.arca-pg#arca-pg-order-invoice > h1:first-child::after,
	div#arca-pg-order-invoice.arca-pg > h1:first-child::after,
	div#arca-pg-order-invoice > h1:first-child::after {
		position: static !important;
		transform: none !important;
		margin-top: 15px !important;
		display: inline-flex !important;
		right: auto !important;
		top: auto !important;
	}
	
	#arca-pg-order-invoice > p:first-of-type,
	#arca-pg-order-invoice p:first-of-type,
	.arca-pg#arca-pg-order-invoice > p:first-of-type,
	div#arca-pg-order-invoice.arca-pg > p:first-of-type,
	div#arca-pg-order-invoice > p:first-of-type {
		padding: 30px 20px !important;
		font-size: 14px !important;
	}
	
	#arca-pg-order-invoice > p:last-of-type,
	#arca-pg-order-invoice p:last-of-type,
	.arca-pg#arca-pg-order-invoice > p:last-of-type,
	div#arca-pg-order-invoice.arca-pg > p:last-of-type,
	div#arca-pg-order-invoice > p:last-of-type {
		padding: 30px 20px !important;
		font-size: 15px !important;
	}
	
	#arca-pg-order-invoice > p:last-of-type::before,
	#arca-pg-order-invoice p:last-of-type::before,
	.arca-pg#arca-pg-order-invoice > p:last-of-type::before,
	div#arca-pg-order-invoice.arca-pg > p:last-of-type::before,
	div#arca-pg-order-invoice > p:last-of-type::before {
		width: 50px !important;
		height: 50px !important;
		font-size: 24px !important;
		line-height: 50px !important;
	}
}

/* Ensure proper spacing */
#arca-pg-order-invoice > p:first-of-type + p,
.arca-pg#arca-pg-order-invoice > p:first-of-type + p,
div#arca-pg-order-invoice.arca-pg > p:first-of-type + p,
div#arca-pg-order-invoice > p:first-of-type + p {
	margin-top: 0 !important;
}

/* ============================================
   WooCommerce My Account Pages & Menu Styling
   Main Color: #247a19 - Version: 1.0.1
   ============================================ */

/* My Account Layout - Adjust Navigation and Content Widths */
.woocommerce-account .woocommerce-MyAccount-navigation {
	float: left !important;
	width: 22% !important;
	margin-right: 3% !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: right !important;
	width: 75% !important;
}

/* Clear floats */
.woocommerce-account::after {
	content: "" !important;
	display: table !important;
	clear: both !important;
}

/* My Account Navigation Menu */
.woocommerce-MyAccount-navigation {
	background: #ffffff !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
	padding: 20px 0 !important;
	margin-bottom: 30px !important;
}

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

.woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	border-bottom: 1px solid #f0f0f0 !important;
}

.woocommerce-MyAccount-navigation li:last-child {
	border-bottom: none !important;
}

/* Menu Links */
.woocommerce-MyAccount-navigation a {
	display: block !important;
	padding: 15px 25px !important;
	color: #333333 !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	transition: all 0.3s ease !important;
	border-left: 3px solid transparent !important;
}

.woocommerce-MyAccount-navigation a:hover {
	background: #f8f9fa !important;
	color: #247a19 !important;
	border-left-color: #247a19 !important;
	padding-left: 30px !important;
}

/* Active Menu Item */
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
	background: linear-gradient(135deg, #247a19 0%, #2d8f22 100%) !important;
	color: #ffffff !important;
	border-left-color: #1a5d14 !important;
	font-weight: 600 !important;
}

/* Logout Link Special Styling */
.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #dc3545 !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	background: #fff5f5 !important;
	color: #c82333 !important;
	border-left-color: #dc3545 !important;
}

/* My Account Content Area */
.woocommerce-MyAccount-content {
	background: #ffffff !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
	padding: 40px !important;
}

/* Account Page Headings */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
	color: #247a19 !important;
	font-weight: 700 !important;
	margin-bottom: 20px !important;
}

/* Buttons in My Account */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content input.button {
	background-color: #247a19 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 12px 24px !important;
	font-weight: 600 !important;
	transition: all 0.3s ease !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content input.button:hover {
	background-color: #1a5d14 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(36, 122, 25, 0.3) !important;
}

/* WooCommerce Cart: Proceed to Checkout button */
.woocommerce a.checkout-button.button.alt.wc-forward,
.woocommerce-page a.checkout-button.button.alt.wc-forward,
body.woocommerce-cart a.checkout-button.button.alt.wc-forward {
	background-color: #247a19 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 50px !important;
	padding: 12px 24px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.3s ease !important;
}

.woocommerce a.checkout-button.button.alt.wc-forward:hover,
.woocommerce-page a.checkout-button.button.alt.wc-forward:hover,
body.woocommerce-cart a.checkout-button.button.alt.wc-forward:hover {
	background-color: #1a5d14 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(36, 122, 25, 0.3) !important;
	color: #ffffff !important;
}

.woocommerce a.checkout-button.button.alt.wc-forward:focus,
.woocommerce a.checkout-button.button.alt.wc-forward:focus-visible {
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(36, 122, 25, 0.25), 0 4px 12px rgba(36, 122, 25, 0.3) !important;
}

/* Orders Table */
.woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content table {
	border-collapse: collapse !important;
	width: 100% !important;
	margin: 20px 0 !important;
	background: #ffffff !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table thead th {
	background: rgba(36, 122, 25, 0.08) !important;
	color: #247a19 !important;
	font-weight: 600 !important;
	padding: 15px !important;
	text-align: left !important;
	border-bottom: 2px solid #e8f5e9 !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody td {
	padding: 15px !important;
	border-bottom: 1px solid #f0f0f0 !important;
	font-size: 14px !important;
	vertical-align: middle !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:hover {
	background: #f8f9fa !important;
}

/* Order Number Styling */
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-number a,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-number a {
	color: #247a19 !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-number a:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-number a:hover {
	text-decoration: underline !important;
}

/* Order Status Badges */
.woocommerce-MyAccount-content .woocommerce-orders-table__order-status,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-status {
	display: inline-block !important;
	padding: 6px 12px !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__order-status.status-completed,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-status.status-completed {
	background: #e8f5e9 !important;
	color: #247a19 !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__order-status.status-processing,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-status.status-processing {
	background: #fff3cd !important;
	color: #856404 !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__order-status.status-failed,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-status.status-failed {
	background: #f8d7da !important;
	color: #721c24 !important;
}

/* Order Total Styling */
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-total,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-total {
	color: #333333 !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-total .woocommerce-Price-amount,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-total .woocommerce-Price-amount {
	color: #247a19 !important;
	font-weight: 700 !important;
}

/* Order Actions Buttons - Make them inline */
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions {
	white-space: nowrap !important;
	display: table-cell !important;
	vertical-align: middle !important;
}

/* Force buttons to be inline - Target all possible button containers */
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions *,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions *,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions *,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions * {
	display: inline-block !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a.button {
	display: inline-block !important;
	margin: 2px 4px !important;
	padding: 8px 16px !important;
	font-size: 13px !important;
	background: #247a19 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 5px !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: all 0.3s ease !important;
	min-width: auto !important;
	width: auto !important;
	vertical-align: middle !important;
	line-height: 1.4 !important;
	float: none !important;
	clear: none !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a.button:hover {
	background: #1a5d14 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 2px 8px rgba(36, 122, 25, 0.3) !important;
}

/* Cancel Button Special Styling - Higher specificity */
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions .button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a.button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a[href*="cancel"],
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a[href*="cancel"],
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a[href*="cancel"],
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a[href*="cancel"] {
	background: #dc3545 !important;
	color: #ffffff !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions .button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a.button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a[href*="cancel"]:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a[href*="cancel"]:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a[href*="cancel"]:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions a[href*="cancel"]:hover {
	background: #c82333 !important;
	box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3) !important;
}

/* Form Fields */
.woocommerce-MyAccount-content .form-row input,
.woocommerce-MyAccount-content .form-row select,
.woocommerce-MyAccount-content .form-row textarea {
	border: 1px solid #ddd !important;
	border-radius: 6px !important;
	padding: 12px !important;
	transition: border-color 0.3s ease !important;
}

.woocommerce-MyAccount-content .form-row input:focus,
.woocommerce-MyAccount-content .form-row select:focus,
.woocommerce-MyAccount-content .form-row textarea:focus {
	border-color: #247a19 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(36, 122, 25, 0.1) !important;
}

/* Dashboard Welcome */
.woocommerce-MyAccount-content .woocommerce-Message {
	background: #e8f5e9 !important;
	border-left: 4px solid #247a19 !important;
	padding: 15px 20px !important;
	border-radius: 6px !important;
	margin-bottom: 20px !important;
}

/* Responsive Design for My Account */
@media (max-width: 768px) {
	/* Reset layout on mobile */
	.woocommerce-account .woocommerce-MyAccount-navigation {
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 20px !important;
	}
	
	.woocommerce-account .woocommerce-MyAccount-content {
		float: none !important;
		width: 100% !important;
	}
	
	.woocommerce-MyAccount-navigation {
		margin-bottom: 20px !important;
	}
	
	.woocommerce-MyAccount-navigation a {
		padding: 12px 20px !important;
		font-size: 14px !important;
	}
	
	.woocommerce-MyAccount-content {
		padding: 25px 20px !important;
	}
	
	.woocommerce-MyAccount-content .woocommerce-orders-table {
		font-size: 14px !important;
	}
	
	.woocommerce-MyAccount-content .woocommerce-orders-table thead {
		display: none !important;
	}
	
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr {
		display: block !important;
		margin-bottom: 15px !important;
		border: 1px solid #f0f0f0 !important;
		border-radius: 6px !important;
		padding: 15px !important;
	}
	
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody td {
		display: block !important;
		text-align: right !important;
		padding: 8px 0 !important;
		border-bottom: none !important;
	}
	
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody td::before {
		content: attr(data-title) ": " !important;
		float: left !important;
		font-weight: 600 !important;
		color: #247a19 !important;
	}
	
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions {
		text-align: center !important;
	}
	
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button,
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button {
		display: inline-block !important;
		margin: 4px 2px !important;
		width: auto !important;
	}
}

/* ============================================
   WooCommerce Order Received Page Styling
   Main Color: #247a19 - Version: 1.0.0
   ============================================ */

/* Elementor Boxed Container Fix - removes left/right gap */
.elementor .woocommerce-order {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* Global Wrapper */
.woocommerce-order {
	padding: 24px !important;
	font-family: inherit !important;
}

/* Success Notice */
.woocommerce-notice--success,
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	background: rgba(36, 122, 25, 0.08) !important;
	border: 1px solid rgba(36, 122, 25, 0.35) !important;
	color: #247a19 !important;
	padding: 16px 20px !important;
	border-radius: 10px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 28px !important;
}

/* Order Overview (Top Summary) */
.woocommerce-order-overview,
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 50px !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 14px !important;
	padding: 22px !important;
	margin-bottom: 36px !important;
	list-style: none !important;
}


.woocommerce ul.order_details li {
    border-right: none !important;
}



.woocommerce-order-overview li {
	list-style: none !important;
	font-size: 14px !important;
	color: #555 !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 1 auto !important;
}

.woocommerce-order-overview strong {
	display: block !important;
	margin-top: 6px !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #111 !important;
}

/* Highlight TOTAL */
.woocommerce-order-overview__total strong,
.woocommerce-order-overview__total .woocommerce-Price-amount {
	color: #247a19 !important;
	font-size: 18px !important;
}

/* Section Titles */
.woocommerce-order-details__title,
.woocommerce-column__title {
	font-size: 21px !important;
	font-weight: 700 !important;
	margin-bottom: 18px !important;
	color: #247a19 !important;
}

/* Order Details Table */
.woocommerce-table--order-details,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
	width: 100% !important;
	border-collapse: collapse !important;
	background: #fff !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	border: 1px solid #e5e7eb !important;
	margin-bottom: 36px !important;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
	padding: 15px 18px !important;
	font-size: 14px !important;
	text-align: left !important;
}

.woocommerce-table--order-details thead th {
	background: rgba(36, 122, 25, 0.06) !important;
	font-weight: 700 !important;
	color: #247a19 !important;
}

.woocommerce-table--order-details tbody tr {
	border-top: 1px solid #e5e7eb !important;
}

.woocommerce-table--order-details tbody tr:first-child {
	border-top: none !important;
}

.woocommerce-table--order-details tfoot th {
	font-weight: 600 !important;
	color: #444 !important;
}

.woocommerce-table--order-details tfoot td {
	font-weight: 700 !important;
	color: #247a19 !important;
}

/* Product Name & Links */
.woocommerce-table--order-details .product-name a,
.product-name a {
	color: #111 !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color 0.3s ease !important;
}

.woocommerce-table--order-details .product-name a:hover,
.product-name a:hover {
	color: #247a19 !important;
	text-decoration: underline !important;
}

.product-quantity {
	font-weight: 400 !important;
	color: #666 !important;
}

/* Prices */
.woocommerce-Price-amount,
.woocommerce-Price-amount.amount {
	font-weight: 700 !important;
	color: #247a19 !important;
}

/* Billing Address Card */
.woocommerce-customer-details address {
	background: rgba(36, 122, 25, 0.05) !important;
	border: 1px solid rgba(36, 122, 25, 0.25) !important;
	border-radius: 14px !important;
	padding: 22px !important;
	font-style: normal !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
	color: #333 !important;
	margin: 0 !important;
}

.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
	margin-top: 10px !important;
	font-weight: 600 !important;
	color: #247a19 !important;
}

.woocommerce-customer-details--phone {
	margin-top: 12px !important;
}

/* Order Details Section */
.woocommerce-order-details {
	margin-bottom: 36px !important;
}

.woocommerce-customer-details {
	margin-bottom: 36px !important;
}

/* Mobile Optimization for Order Received Page */
@media (max-width: 768px) {
	.woocommerce-order {
		padding: 16px !important;
	}

	.woocommerce-order-overview,
	.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
		flex-direction: column !important;
		justify-content: flex-start !important;
		gap: 12px !important;
		padding: 18px !important;
	}

	.woocommerce-table--order-details {
		display: block !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.woocommerce-table--order-details th,
	.woocommerce-table--order-details td {
		padding: 12px !important;
		font-size: 13px !important;
		white-space: nowrap !important;
	}

	.woocommerce-table--order-details .product-name {
		white-space: normal !important;
		min-width: 150px !important;
	}

	.woocommerce-order-details__title,
	.woocommerce-column__title {
		font-size: 18px !important;
	}

	.woocommerce-customer-details address {
		padding: 18px !important;
	}
}

/* Very Small Screens (480px and below) */
@media (max-width: 480px) {
	/* Invoice Page */
	#arca-pg-order-invoice > h1:first-child,
	#arca-pg-order-invoice h1:first-of-type,
	.arca-pg#arca-pg-order-invoice > h1:first-child,
	div#arca-pg-order-invoice.arca-pg > h1:first-child,
	div#arca-pg-order-invoice > h1:first-child {
		padding: 20px 15px !important;
		font-size: 20px !important;
	}

	#arca-pg-order-invoice > p:first-of-type,
	#arca-pg-order-invoice p:first-of-type,
	.arca-pg#arca-pg-order-invoice > p:first-of-type,
	div#arca-pg-order-invoice.arca-pg > p:first-of-type,
	div#arca-pg-order-invoice > p:first-of-type {
		padding: 20px 15px !important;
		font-size: 13px !important;
	}

	#arca-pg-order-invoice > p:last-of-type,
	#arca-pg-order-invoice p:last-of-type,
	.arca-pg#arca-pg-order-invoice > p:last-of-type,
	div#arca-pg-order-invoice.arca-pg > p:last-of-type,
	div#arca-pg-order-invoice > p:last-of-type {
		padding: 20px 15px !important;
		font-size: 14px !important;
	}

	/* My Account - Buttons */
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions .button,
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions .button,
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody td.order-actions a.button,
	.woocommerce-MyAccount-content .woocommerce-orders-table tbody .order-actions a.button {
		font-size: 12px !important;
		padding: 6px 12px !important;
		margin: 2px !important;
	}

	/* Order Received Page */
	.woocommerce-order {
		padding: 12px !important;
	}

	.woocommerce-order-overview,
	.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
		padding: 15px !important;
		gap: 10px !important;
	}

	.woocommerce-table--order-details th,
	.woocommerce-table--order-details td {
		padding: 10px 8px !important;
		font-size: 12px !important;
	}

	.woocommerce-order-details__title,
	.woocommerce-column__title {
		font-size: 16px !important;
	}

	.woocommerce-customer-details address {
		padding: 15px !important;
		font-size: 13px !important;
	}

	/* Edit Account Form */
	.woocommerce-EditAccountForm,
	form.edit-account {
		padding: 20px 15px !important;
	}

	.woocommerce-EditAccountForm .button,
	.woocommerce-EditAccountForm button,
	.woocommerce-EditAccountForm input[type="submit"],
	form.edit-account .button,
	form.edit-account button,
	form.edit-account input[type="submit"] {
		padding: 12px 20px !important;
		font-size: 14px !important;
	}
}

/* ============================================
   WooCommerce Edit Account Form Styling
   Main Color: #247a19 - Version: 1.0.0
   ============================================ */

/* Edit Account Form Container */
.woocommerce-EditAccountForm,
form.edit-account {
	background: #ffffff !important;
	border-radius: 8px !important;
	padding: 40px !important;
}

/* Form Rows */
.woocommerce-EditAccountForm .form-row,
form.edit-account .form-row {
	margin-bottom: 25px !important;
}

.woocommerce-EditAccountForm .form-row label,
form.edit-account .form-row label {
	display: block !important;
	margin-bottom: 8px !important;
	color: #333333 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
}

.woocommerce-EditAccountForm .form-row .required,
form.edit-account .form-row .required {
	color: #dc3545 !important;
}

/* Form Inputs */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="tel"],
.woocommerce-EditAccountForm input[type="password"],
form.edit-account input[type="text"],
form.edit-account input[type="email"],
form.edit-account input[type="tel"],
form.edit-account input[type="password"] {
	width: 100% !important;
	padding: 12px 15px !important;
	border: 2px solid #e0e0e0 !important;
	border-radius: 6px !important;
	font-size: 15px !important;
	color: #333333 !important;
	transition: all 0.3s ease !important;
	background: #ffffff !important;
}

.woocommerce-EditAccountForm input[type="text"]:focus,
.woocommerce-EditAccountForm input[type="email"]:focus,
.woocommerce-EditAccountForm input[type="tel"]:focus,
.woocommerce-EditAccountForm input[type="password"]:focus,
form.edit-account input[type="text"]:focus,
form.edit-account input[type="email"]:focus,
form.edit-account input[type="tel"]:focus,
form.edit-account input[type="password"]:focus {
	border-color: #247a19 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(36, 122, 25, 0.1) !important;
}

/* Form Row Layouts */
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last,
form.edit-account .form-row-first,
form.edit-account .form-row-last {
	width: 48% !important;
	display: inline-block !important;
	vertical-align: top !important;
}

.woocommerce-EditAccountForm .form-row-first,
form.edit-account .form-row-first {
	margin-right: 4% !important;
}

.woocommerce-EditAccountForm .form-row-wide,
form.edit-account .form-row-wide {
	width: 100% !important;
	display: block !important;
}

/* Fieldset Styling */
.woocommerce-EditAccountForm fieldset,
form.edit-account fieldset {
	border: 2px solid #e8f5e9 !important;
	border-radius: 8px !important;
	padding: 25px !important;
	margin: 30px 0 !important;
	background: #f8f9fa !important;
}

.woocommerce-EditAccountForm fieldset legend,
form.edit-account fieldset legend {
	color: #247a19 !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	padding: 0 15px !important;
	margin-bottom: 20px !important;
}

/* Additional Information Fieldset */
.woocommerce-EditAccountForm fieldset:has(legend:contains("Additional information")),
form.edit-account fieldset:has(legend:contains("Additional information")) {
	border-color: #e8f5e9 !important;
	background: #f8f9fa !important;
}

/* Password Change Fieldset */
.woocommerce-EditAccountForm fieldset:has(legend:contains("Password change")),
form.edit-account fieldset:has(legend:contains("Password change")) {
	border-color: #fff3cd !important;
	background: #fffbf0 !important;
}

.woocommerce-EditAccountForm fieldset:has(legend:contains("Password change")) legend,
form.edit-account fieldset:has(legend:contains("Password change")) legend {
	color: #856404 !important;
}

/* Input Text Helper Text */
.woocommerce-EditAccountForm em,
.woocommerce-EditAccountForm #account_display_name_description,
form.edit-account em,
form.edit-account #account_display_name_description {
	color: #666666 !important;
	font-size: 13px !important;
	font-style: italic !important;
	margin-top: 5px !important;
	display: block !important;
}

/* Submit Button */
.woocommerce-EditAccountForm .button,
.woocommerce-EditAccountForm button,
.woocommerce-EditAccountForm input[type="submit"],
form.edit-account .button,
form.edit-account button,
form.edit-account input[type="submit"] {
	background: linear-gradient(135deg, #247a19 0%, #2d8f22 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 14px 30px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	margin-top: 20px !important;
	display: inline-block !important;
}

.woocommerce-EditAccountForm .button:hover,
.woocommerce-EditAccountForm button:hover,
.woocommerce-EditAccountForm input[type="submit"]:hover,
form.edit-account .button:hover,
form.edit-account button:hover,
form.edit-account input[type="submit"]:hover {
	background: linear-gradient(135deg, #1a5d14 0%, #247a19 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(36, 122, 25, 0.3) !important;
}

/* Success/Error Messages */
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error,
.woocommerce-MyAccount-content .woocommerce-info {
	padding: 15px 20px !important;
	border-radius: 6px !important;
	margin-bottom: 20px !important;
	border-left: 4px solid !important;
}

.woocommerce-MyAccount-content .woocommerce-message {
	background: #e8f5e9 !important;
	border-left-color: #247a19 !important;
	color: #1a5d14 !important;
}

.woocommerce-MyAccount-content .woocommerce-error {
	background: #fff5f5 !important;
	border-left-color: #dc3545 !important;
	color: #c82333 !important;
}

.woocommerce-MyAccount-content .woocommerce-info {
	background: #e7f3ff !important;
	border-left-color: #0066cc !important;
	color: #004499 !important;
}

/* Clear Div */
.woocommerce-EditAccountForm .clear,
form.edit-account .clear {
	clear: both !important;
	height: 0 !important;
	line-height: 0 !important;
}

/* Responsive Design for Edit Account Form */
@media (max-width: 768px) {
	.woocommerce-EditAccountForm,
	form.edit-account {
		padding: 25px 20px !important;
	}
	
	.woocommerce-EditAccountForm .form-row-first,
	.woocommerce-EditAccountForm .form-row-last,
	form.edit-account .form-row-first,
	form.edit-account .form-row-last {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 20px !important;
	}
	
	.woocommerce-EditAccountForm fieldset,
	form.edit-account fieldset {
		padding: 20px 15px !important;
		margin: 20px 0 !important;
	}
	
	.woocommerce-EditAccountForm fieldset legend,
	form.edit-account fieldset legend {
		font-size: 16px !important;
	}
	
	.woocommerce-EditAccountForm .button,
	.woocommerce-EditAccountForm button,
	.woocommerce-EditAccountForm input[type="submit"],
	form.edit-account .button,
	form.edit-account button,
	form.edit-account input[type="submit"] {
		width: 100% !important;
		padding: 12px 24px !important;
	}
}

/* ============================================
	WPML LANGUAGE SWITCHER DROPDOWN
	============================================ */

.wpml-dropdown-wrapper {
	position: relative !important;
	display: inline-block !important;
	width: auto !important;

}

.wpml-dropdown-wrapper select {
	width: 100% !important;
	padding: 10px 35px 10px 15px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #333333 !important;
	background: #ffffff !important;
	border: 2px solid #e0e0e0 !important;
	border-radius: 50px !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23247a19' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 12px !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.wpml-dropdown-wrapper select:hover {
	border-color: #247a19 !important;
	box-shadow: 0 2px 8px rgba(36, 122, 25, 0.15) !important;
}

.wpml-dropdown-wrapper select:focus {
	outline: none !important;
	border-color: #247a19 !important;
	box-shadow: 0 0 0 3px rgba(36, 122, 25, 0.1) !important;
}

.wpml-dropdown-wrapper select option {
	padding: 10px 15px !important;
	background: #ffffff !important;
	color: #333333 !important;
	font-size: 14px !important;
}

.wpml-dropdown-wrapper select option:checked {
	background: #247a19 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}

.wpml-dropdown-wrapper select option:hover {
	background: #f0f7ef !important;
}

/* Responsive Design for Language Switcher */
@media (max-width: 768px) {
	.wpml-dropdown-wrapper {
		min-width: 100px !important;
		width: 100% !important;
		max-width: 200px !important;
	}
	
	.wpml-dropdown-wrapper select {
		padding: 8px 30px 8px 12px !important;
		font-size: 13px !important;
		background-position: right 10px center !important;
	}
}

@media (max-width: 480px) {
	.wpml-dropdown-wrapper {
		min-width: 90px !important;
		max-width: 150px !important;
	}
	
	.wpml-dropdown-wrapper select {
		padding: 7px 28px 7px 10px !important;
		font-size: 12px !important;
	}
}

/* Tree Names Field Height */
#mgp_tree_names,
textarea[name="mgp_tree_names"],
.woocommerce-billing-fields textarea#mgp_tree_names,
.woocommerce-billing-fields textarea[name="mgp_tree_names"] {
	min-height: 100px !important;
	height: 100px !important;
}

/* Order Notes Field Height */
#order_comments,
textarea[name="order_comments"],
.woocommerce-additional-fields textarea#order_comments,
.woocommerce-additional-fields textarea[name="order_comments"] {
	min-height: 100px !important;
	height: 100px !important;
}

@media (max-width: 768px) {
	#mgp_tree_names,
	textarea[name="mgp_tree_names"],
	.woocommerce-billing-fields textarea#mgp_tree_names,
	.woocommerce-billing-fields textarea[name="mgp_tree_names"] {
		min-height: 100px !important;
		height: 100px !important;
	}
}