/**
 * AUTOLINE — Forms & notices layer (Batch 5 of the UI modernization, 2026-07-10).
 * Loaded SITE-WIDE after al-controls.css (mu-plugins/al-base.php).
 *
 * 1. Notice component (design canon v1.1): tint background, *-600 text,
 *    3px left border — one voice for WooCommerce notices, the register-column
 *    warning (inc/auth-forms.php) and future banners.
 * 2. Login / register / lost-password pages: aligned columns, token type.
 * 3. Contact Form 7: inherit the site font (was falling back to serif in the
 *    popup) + canonical submit; CAPTCHA field/image cleanup.
 */

/* ── 1. Notices ─────────────────────────────────────────────────────────── */
.al-notice {
	background: var(--al-bg-100);
	border-left: 3px solid var(--al-ink-500);
	border-radius: var(--al-radius-md);
	padding: 12px 14px;
	font-size: var(--al-fs-sm);
	line-height: var(--al-lh-base);
	color: var(--al-ink-700);
}
.al-notice + .al-notice { margin-top: 10px; }
.al-notice-info    { background: var(--al-info-100);    border-left-color: var(--al-info-600);    color: var(--al-info-600); }
.al-notice-success { background: var(--al-success-100); border-left-color: var(--al-success-600); color: var(--al-success-600); }
.al-notice-warning { background: var(--al-warning-100); border-left-color: var(--al-warning-600); color: var(--al-warning-600); }
.al-notice-danger  { background: var(--al-danger-100);  border-left-color: var(--al-danger-600);  color: var(--al-danger-600); }

/* WooCommerce notices → the same component. Woodmart paints these from
   ON-DEMAND part CSS that prints AFTER this file (equal specificity, later
   order) and hard-codes white link/icon colors — !important is required. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background-color: var(--al-info-100) !important;
	border-radius: var(--al-radius-md) !important;
	border-top: 0 !important;
	border-left: 3px solid var(--al-info-600) !important;
	color: var(--al-info-600) !important;
	font-size: var(--al-fs-sm);
}
.woocommerce-message { background-color: var(--al-success-100) !important; border-left-color: var(--al-success-600) !important; color: var(--al-success-600) !important; }
.woocommerce-error   { background-color: var(--al-danger-100) !important;  border-left-color: var(--al-danger-600) !important;  color: var(--al-danger-600) !important; }
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a { color: inherit !important; text-decoration: underline; }
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { color: inherit !important; }
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { color: #fff !important; text-decoration: none; }

/* ── 2. Auth pages (login / register / lost password) ───────────────────── */
.wd-registration-page .wd-login-title {
	font-size: var(--al-fs-xl);
	font-weight: var(--al-fw-bold);
	color: var(--al-ink-900);
}
/* The register column centered itself while the login column was left-aligned
   (audit 3.5) — one alignment for both. */
.wd-registration-page .col-register-text,
.wd-registration-page .registration-info,
.wd-registration-page .col-register {
	text-align: left;
}
.al-reg-info p { color: var(--al-ink-700); font-size: var(--al-fs-sm); line-height: var(--al-lh-base); }
.al-reg-info h4 { margin: 14px 0 6px; }
.al-reg-info .al-notice { margin-top: 14px; }
.al-reg-whlink {
	color: var(--al-blue-700);
	font-weight: var(--al-fw-bold);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.al-reg-whlink:hover { color: var(--al-blue-800); }

/* Lost password: give the orphan form a heading, a sane width and a way back */
.woocommerce-ResetPassword { max-width: 460px; }
.al-lp-title { margin-bottom: 10px; }
.woocommerce-ResetPassword .woocommerce-form-row { width: 100% !important; float: none; }
.al-lp-back { margin-top: 14px; }
.al-lp-back a { color: var(--al-blue-700); font-weight: var(--al-fw-semibold); }

/* ── 3. Contact Form 7 (popup form + CAPTCHA) ───────────────────────────── */
.wpcf7 input, .wpcf7 select, .wpcf7 textarea, .wpcf7 button {
	font-family: inherit;
}
.wpcf7 input[type="submit"], .wpcf7 button[type="submit"] {
	background-color: var(--al-blue-700);
	color: #fff;
	font-weight: var(--al-fw-semibold);
	border-radius: var(--al-radius-sm);
	transition: background var(--al-dur-fast) var(--al-ease);
}
.wpcf7 input[type="submit"]:hover, .wpcf7 button[type="submit"]:hover { background-color: var(--al-blue-800); }
.wpcf7 img.wpcf7-captchac { border: 1px solid var(--al-line-300); border-radius: var(--al-radius-sm); }
.wpcf7 input.wpcf7-captchar { font-family: var(--al-font-mono); }
/* CF7 validation feedback → notice component colors */
.wpcf7 form .wpcf7-response-output {
	border: 0;
	border-left: 3px solid var(--al-info-600);
	border-radius: var(--al-radius-md);
	background: var(--al-info-100);
	color: var(--al-info-600);
	padding: 12px 14px;
	margin: 14px 0 0;
	font-size: var(--al-fs-sm);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
	background: var(--al-danger-100);
	border-left-color: var(--al-danger-600);
	color: var(--al-danger-600);
}
.wpcf7 form.sent .wpcf7-response-output {
	background: var(--al-success-100);
	border-left-color: var(--al-success-600);
	color: var(--al-success-600);
}
.wpcf7-not-valid-tip { color: var(--al-danger-600); font-size: var(--al-fs-xs); margin-top: 4px; }

/* Mailchimp-for-WP notices → same canon (was ad-hoc orange in custom.css) */
.mc4wp-error  { background: var(--al-danger-100);  border-left: 3px solid var(--al-danger-600);  color: var(--al-danger-600);  border-radius: var(--al-radius-md); padding: 12px 14px; }
.mc4wp-notice { background: var(--al-warning-100); border-left: 3px solid var(--al-warning-600); color: var(--al-warning-600); border-radius: var(--al-radius-md); padding: 12px 14px; }

/* ═══════════════════════════════════════════════════════════════════════════
   B8 — migrated VERBATIM from the retired theme custom.css (2026-07-11).
   ═══════════════════════════════════════════════════════════════════════════ */

/* — Invalid Woo field: amber border (checkout, account forms) — */
.woocommerce-invalid .select2-container--default .select2-selection--single,
.woocommerce-invalid input:not(:focus) {
	border-color: #F49808;
}

/* — select2 dropdown options: let long (wrapped) option text grow instead of
     overlapping (some plugins hard-code height/line-height 30px). Global:
     checkout city/country dropdowns rely on this for long Greek names. — */
.select2-container--open .select2-dropdown--below .select2-results__option {
	height: auto !important;
	min-height: 32px;
	line-height: 1.35 !important;
	padding: 7px 12px !important;
	white-space: normal !important;
	display: flex;
	align-items: center;
}

/* — My Account › Διευθύνσεις παράδοσης (multi-address book, inc/customer-addresses.php) — */
.autoline-addr-table { width: 100%; border-collapse: collapse; margin-bottom: 28px; }
.autoline-addr-table td {
	border: 1px solid #e5e7eb;
	padding: 14px 16px;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.5;
}
.autoline-addr-table td:first-child { border-radius: 10px 0 0 10px; }
.autoline-addr-table td.autoline-addr-actions {
	width: 1%;
	white-space: nowrap;
	text-align: right;
	border-radius: 0 10px 10px 0;
}
.autoline-addr-actions a { display: inline-block; margin: 0 0 8px; font-size: 13px; }
.autoline-addr-del {
	background: none; border: none; color: #b42318;
	cursor: pointer; font-size: 13px; text-decoration: underline; padding: 0;
}
.autoline-addr-form { max-width: 480px; }
.autoline-addr-row { display: flex; flex-direction: column; margin-bottom: 14px; }
.autoline-addr-row label { font-size: 12px; font-weight: 600; color: #344054; margin-bottom: 5px; }
.autoline-addr-input {
	width: 100%;
	padding: 10px 12px;
	border: 1.5px solid #d0d5dd;
	border-radius: 8px;
	font-size: 14px;
}
.autoline-addr-cancel { margin-left: 12px; font-size: 13px; }