/**
 * A11 fixes: forms + notices (PHP: inc/areas/fix-a11-forms-emails.php, JS: assets/js/areas/fix-a11-forms-emails.js)
 * 1. Honeypot fields stay invisible (inline style is the fallback)
 * 2. WooCommerce notices not covered yet: thank-you / order notices, store notice bar,
 *    "awaiting approval" review note
 * 3. Review form: cookies consent checkbox + privacy line
 * 4. Contact form wrapping labels (asterisk next to text) + mailto fallback line
 */

/* 1. Honeypot */
.yb-fix-a11-hp {
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* 2a. Order received / order notices (thank-you page, view order) — same panel as notices */
.yb .woocommerce-notice.woocommerce-notice--success,
.yb .woocommerce-notice.woocommerce-notice--info,
.yb .woocommerce-notice.woocommerce-notice--error {
	position: relative;
	margin: 0 0 20px;
	padding: 14px 16px 14px 48px;
	border: 1px solid #D5D5D5;
	border-radius: 4px;
	background: #fff no-repeat 16px 15px / 20px 20px;
	color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}
.yb .woocommerce-notice.woocommerce-notice--success {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.25' fill='%23000'/%3E%3Cpath d='M5.8 10.3l2.8 2.8 5.6-6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.yb .woocommerce-notice.woocommerce-notice--info {
	border-color: #E0E0E0;
	background-color: #F9F9F9;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.25' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M10 9v5' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='6.2' r='1' fill='%23000'/%3E%3C/svg%3E");
}
.yb .woocommerce-notice.woocommerce-notice--error {
	border-color: #D31334;
	background-color: #FFF6F7;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.25' fill='%23D31334'/%3E%3Cpath d='M10 5.5v5.5' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='14.2' r='1.05' fill='%23fff'/%3E%3C/svg%3E");
}

/* 2b. WooCommerce store notice bar (Customizer → WooCommerce → Store notice), for when it is used */
.yb p.woocommerce-store-notice,
.yb p.demo_store {
	margin: 0;
	padding: 10px 48px 10px 16px;
	background-color: #000;
	box-shadow: none;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
	text-align: center;
}
.yb p.woocommerce-store-notice a,
.yb p.demo_store a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* 2c. Review awaiting approval */
.yb .woocommerce-review__awaiting-approval {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 4px;
	background: #F9F9F9;
	color: #57585B;
	font-size: 13px;
	font-style: normal;
}

/* 3. Review form consent + privacy line */
.yb .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.4;
}
.yb .comment-form-cookies-consent input[type="checkbox"] {
	flex: 0 0 auto;
	margin: 2px 0 0;
}
.yb .comment-form-cookies-consent label {
	margin: 0;
	font-weight: 400;
}
.yb .yb-fix-a11-privacy {
	margin: 12px 0 0;
	color: #57585B;
	font-size: 13px;
	line-height: 1.4;
}
.yb .yb-fix-a11-privacy a {
	color: #000;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* 4. Contact form (labels wrap the field) */
.yb label.yb-fix-a11-wrap-label > .yb-fix-a11-label-text { display: block; }
.yb label.yb-fix-a11-wrap-label .yb-autoef-req { display: inline; }
.yb .yb-form .yb-fix-a11-mailto a {
	color: #000;
	text-decoration: underline;
	text-underline-offset: 3px;
}