/* AL NAQSHA · responsive WooCommerce notices, Classic Cart/Checkout/Product. */
/* Use specific selectors: theme/Elementor often overrides :where(.woocommerce-error). */
body .woocommerce-notices-wrapper > .woocommerce-error,
body .woocommerce-notices-wrapper > .woocommerce-message,
body .woocommerce-notices-wrapper > .woocommerce-info,
body .woocommerce .woocommerce-error,
body .woocommerce .woocommerce-message,
body .woocommerce .woocommerce-info,
body .rug-pdp .woocommerce-error,
body .rug-pdp .woocommerce-message,
body .rug-pdp .woocommerce-info {
	--rug-notice-border:#cdd9df;
	--rug-notice-surface:#f3f6f7;
	--rug-notice-ink:#213d4b;
	position:relative!important;
	display:block!important;
	box-sizing:border-box!important;
	width:100%!important;
	height:auto!important;
	min-height:0!important;
	margin:16px auto 22px!important;
	padding:16px 20px!important;
	border:1px solid var(--rug-notice-border)!important;
	border-inline-start:3px solid var(--rug-notice-ink)!important;
	border-radius:7px!important;
	background:var(--rug-notice-surface)!important;
	background-image:none!important;
	box-shadow:none!important;
	color:var(--rug-notice-ink)!important;
	font-size:14px!important;
	font-weight:400!important;
	line-height:1.65!important;
	list-style:none!important;
	text-align:start!important;
	clear:both;
}
body .woocommerce-notices-wrapper > .woocommerce-error,
body .woocommerce .woocommerce-error,
body .rug-pdp .woocommerce-error {
	--rug-notice-border:#e4c6c1;
	--rug-notice-surface:#fdf6f3;
	--rug-notice-ink:#873b36;
}
body .woocommerce-notices-wrapper > .woocommerce-message,
body .woocommerce .woocommerce-message,
body .rug-pdp .woocommerce-message {
	--rug-notice-border:#cfe0d4;
	--rug-notice-surface:#f2f7f2;
	--rug-notice-ink:#346b4e;
}
body .woocommerce-notices-wrapper > .woocommerce-info,
body .woocommerce .woocommerce-info,
body .rug-pdp .woocommerce-info {
	--rug-notice-border:#d2dfe5;
	--rug-notice-surface:#f1f6f8;
	--rug-notice-ink:#2a5368;
}
/* Remove Woo's floating/absolutely positioned icon; slim border conveys status. */
body .woocommerce-notices-wrapper > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before,
body .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before,
body .rug-pdp :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before{
	content:none!important;
	display:none!important;
}
body .woocommerce-notices-wrapper ul.woocommerce-error li,
body .woocommerce ul.woocommerce-error li,
body .rug-pdp ul.woocommerce-error li {
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	flex-wrap:wrap!important;
	gap:10px 18px!important;
	float:none!important;
	width:100%!important;
	padding:0!important;
	margin:0!important;
	font-size:inherit!important;
	line-height:inherit!important;
	list-style:none!important;
	text-align:start!important;
}
body .woocommerce-notices-wrapper ul.woocommerce-error li+li,
body .woocommerce ul.woocommerce-error li+li {margin-top:10px!important}
body .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a:not(.button),
body .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a:not(.button) {
	color:inherit!important;
	text-decoration:underline;
	text-underline-offset:3px;
}
/* A Woo 'View cart' link floated right causes overlap in RTL. Make it a
   proper flex action, after the message, on the same row when space permits. */
body .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button,
body .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button,
body .rug-pdp :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button {
	position:static!important;
	inset:auto!important;
	order:2!important;
	display:inline-flex!important;
	float:none!important;
	flex:0 0 auto!important;
	align-items:center!important;
	justify-content:center!important;
	margin:0 0 0 auto!important;
	padding:9px 15px!important;
	width:auto!important;
	min-height:39px!important;
	border:1px solid #1d3949!important;
	border-radius:4px!important;
	background:#1d3949!important;
	color:#fff!important;
	font-size:12px!important;
	font-weight:600!important;
	line-height:1.3!important;
	letter-spacing:0!important;
	text-transform:none!important;
	text-decoration:none!important;
	white-space:nowrap!important;
	box-shadow:none!important;
}
body .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button:hover,
body .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button:hover {
	background:#31556b!important;
	border-color:#31556b!important;
}
body .woocommerce-notices-wrapper > :is(.woocommerce-message,.woocommerce-info),
body .woocommerce :is(.woocommerce-message,.woocommerce-info) {
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	flex-wrap:wrap!important;
	gap:12px 18px!important;
}
body.rug-lang-ar .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info),
body.rug-lang-ar .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info){
	direction:rtl!important;
	text-align:right!important;
}
body.rug-lang-ar .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button,
body.rug-lang-ar .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button{
	margin:0 auto 0 0!important;
	font-family:inherit!important;
}
/* The Blocks notice widget has a separate renderer; keep it visually aligned. */
body .wc-block-components-notice-banner {
	border:1px solid #d2dfe5!important;
	border-inline-start:3px solid #2a5368!important;
	border-radius:7px!important;
	background:#f1f6f8!important;
	box-shadow:none!important;
	color:#213d4b!important;
	font-size:14px!important;
	line-height:1.65!important;
}
body .wc-block-components-notice-banner.is-error{background:#fdf6f3!important;border-color:#e4c6c1!important;color:#873b36!important}
body .wc-block-components-notice-banner.is-success{background:#f2f7f2!important;border-color:#cfe0d4!important;color:#346b4e!important}
@media(max-width:767px){
	body .woocommerce-notices-wrapper > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info),
	body .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info),
	body .rug-pdp :is(.woocommerce-error,.woocommerce-message,.woocommerce-info){
		padding:13px 14px!important;
		font-size:13px!important;
	}
	body .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button,
	body .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button{
		min-height:36px!important;
		margin-inline-start:0!important;
	}
}


/*
 * Theme header-adjacent Woo notices may be output directly by wc_print_notices
 * rather than inside .woocommerce-notices-wrapper or .woocommerce. This
 * standalone scope is needed for the screenshot's full-width grey/red strip.
 * We style the actual notice, never the cart's business logic.
 */
body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) {
	--rug-notice-border: #d6e0e3;
	--rug-notice-surface: #f4f7f8;
	--rug-notice-ink: #243f4b;
	box-sizing: border-box !important;
	position: relative !important;
	display: block !important;
	float: none !important;
	width: calc(100% - 24px) !important;
	max-width: 1180px !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 15px auto 20px !important;
	padding: 16px 20px !important;
	border: 1px solid var(--rug-notice-border) !important;
	border-inline-start: 4px solid var(--rug-notice-ink) !important;
	border-radius: 10px !important;
	background: var(--rug-notice-surface) !important;
	background-image: none !important;
	box-shadow: 0 3px 18px rgba(29,57,73,.045) !important;
	color: var(--rug-notice-ink) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	text-align: start !important;
	overflow-wrap: break-word !important;
}
body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before {
	content: none !important;
	display: none !important;
}
body .woocommerce-error {
	--rug-notice-border: #e9cbc6;
	--rug-notice-surface: #fff7f5;
	--rug-notice-ink: #8a3833;
}
body .woocommerce-message {
	--rug-notice-border: #ccded2;
	--rug-notice-surface: #f3f8f4;
	--rug-notice-ink: #305e43;
}
body .woocommerce-info {
	--rug-notice-border: #d6e0e7;
	--rug-notice-surface: #f3f7fa;
	--rug-notice-ink: #284f65;
}
body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button,
body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.wc-forward {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	float: none !important;
	inset: auto !important;
	margin: 0 0 0 auto !important;
	padding: 9px 16px !important;
	width: auto !important;
	height: auto !important;
	min-height: 38px !important;
	border: 1px solid #1d3949 !important;
	border-radius: 7px !important;
	background: #1d3949 !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	white-space: normal !important;
}
body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.wc-forward:hover {
	background: #31556b !important;
	border-color: #31556b !important;
}
body .woocommerce-error li {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px 16px !important;
	flex-wrap: wrap !important;
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}
body .woocommerce-error li+li { margin-top: 10px !important; }
body.rug-lang-ar :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) {
	direction: rtl !important;
	text-align: right !important;
}
body.rug-lang-ar :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.wc-forward,
body.rug-lang-ar :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.button {
	margin: 0 auto 0 0 !important;
}
body .woocommerce-notices-wrapper {
	min-width: 0 !important;
	box-sizing: border-box !important;
}
@media(max-width:767px) {
	body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) {
		width: calc(100% - 20px) !important;
		padding: 13px 14px !important;
		margin: 10px auto 16px !important;
		font-size: 13px !important;
	}
	body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a.wc-forward {
		min-height: 36px !important;
	}
}