/* ========================================================================
   CBD SIRET validator — real-time validation UI for the registration form.
   ======================================================================== */

.cbd-siret-form-row input.cbd-siret-input {
	letter-spacing: 0.5px;
}

.cbd-siret-hint,
.cbd-vat-hint {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #7a7a7a;
	line-height: 1.4;
}

/* Status message (idle / warn / loading / ok / error) ---------------------- */

.cbd-siret-status {
	display: block;
	margin: 6px 0 0;
	padding: 8px 12px;
	font-size: 13px;
	line-height: 1.4;
	border-radius: 4px;
	min-height: 1.4em;
	transition: opacity 0.2s ease;
}

.cbd-siret-status:empty,
.cbd-siret-status--idle,
.cbd-siret-status--ok:empty {
	display: none;
}

.cbd-siret-status--loading {
	background: #eef4fb;
	color: #1d4e89;
	border-left: 3px solid #1d4e89;
}

.cbd-siret-status--warn {
	background: #fff7e6;
	color: #8a6100;
	border-left: 3px solid #c98a00;
}

.cbd-siret-status--ok {
	background: #e9f7ef;
	color: #1f6b3b;
	border-left: 3px solid #1f8a4d;
	font-weight: 600;
}

.cbd-siret-status--error {
	background: #fdecea;
	color: #a8261b;
	border-left: 3px solid #d0381f;
	font-weight: 600;
}

/* Company-info card (appears under the SIRET field on success) ------------- */

.cbd-siret-company-card {
	display: block;
	margin: 10px 0 16px;
	padding: 14px 16px;
	border: 1px solid #d9cfb6;
	border-left: 4px solid #a88659;
	border-radius: 6px;
	background: #fbf8f1;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.cbd-siret-company-card[hidden] {
	display: none;
}

.cbd-siret-company-card__title {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.3px;
	color: #1f6b3b;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.cbd-siret-company-card__name {
	font-size: 15px;
	font-weight: 700;
	color: #2a2a2a;
	margin-bottom: 4px;
}

.cbd-siret-company-card__address {
	font-size: 13px;
	color: #444;
	line-height: 1.4;
}

.cbd-siret-company-card__meta {
	margin-top: 6px;
	font-size: 11px;
	color: #7a7a7a;
	font-family: Menlo, Consolas, monospace;
}

/* Submit-button disabled visual when SIRET is not yet validated ------------ */

button[type="submit"][disabled],
input[type="submit"][disabled],
.woocommerce-button[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
}

/* ========================================================================
   Registration form layout — section headings + consistent select styling.
   ======================================================================== */

.woocommerce-form-register h3.cbd-section-title {
	margin: 24px 0 12px;
	padding-bottom: 6px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	color: #1a1a1a;
	border-bottom: 1px solid #e3d9c0;
}

.woocommerce-form-register .form-row {
	margin-bottom: 14px;
}

.woocommerce-form-register .form-row label {
	display: block;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: 600;
	color: #1a1a1a;
}

.woocommerce-form-register select.cbd-select,
.woocommerce-EditAccountForm select.cbd-select {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 10px 36px 10px 12px;
	font-size: 14px;
	line-height: 1.4;
	color: #2a2a2a;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23555' d='M6 8L0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 10px 7px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	height: 42px;
	box-sizing: border-box;
}

.woocommerce-form-register select.cbd-select:hover {
	border-color: #a88659;
}

.woocommerce-form-register select.cbd-select:focus {
	outline: none;
	border-color: #a88659;
	box-shadow: 0 0 0 3px rgba(168, 134, 89, 0.15);
}

.woocommerce-form-register select.cbd-select:disabled {
	background-color: #f5f5f5;
	color: #9a9a9a;
	cursor: not-allowed;
}

/* Harmonize all text inputs on the register form to match selects */
.woocommerce-form-register input.input-text,
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="tel"],
.woocommerce-form-register input[type="password"] {
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.4;
	color: #2a2a2a;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	box-shadow: none;
	height: 42px;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.woocommerce-form-register input.input-text:focus,
.woocommerce-form-register input[type="text"]:focus,
.woocommerce-form-register input[type="email"]:focus,
.woocommerce-form-register input[type="tel"]:focus,
.woocommerce-form-register input[type="password"]:focus {
	outline: none;
	border-color: #a88659;
	box-shadow: 0 0 0 3px rgba(168, 134, 89, 0.15);
}

/* Readonly TVA field visually reads as "derived/locked" */
.woocommerce-form-register input#cbd_vat_number[readonly] {
	background-color: #f7f4eb;
	color: #5a5345;
	cursor: default;
}

/* Two-column rows — ensure both halves align at the same height */
.woocommerce-form-register .form-row.form-row-first,
.woocommerce-form-register .form-row.form-row-last {
	width: 48%;
}
.woocommerce-form-register .form-row.form-row-first { float: left; }
.woocommerce-form-register .form-row.form-row-last  { float: right; }
.woocommerce-form-register .clear { clear: both; }

/* ========================================================================
   Progressive disclosure — the .cbd-extras block is hidden until a valid
   SIRET is entered. At that point the JS adds .is-revealed and we fade it in.
   ======================================================================== */

.cbd-extras {
	display: none;
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity 0.35s ease, transform 0.35s ease;
}

.cbd-extras.is-revealed {
	display: block;
	opacity: 1;
	transform: translateY(0);
	animation: cbd-extras-in 0.35s ease both;
}

@keyframes cbd-extras-in {
	from { opacity: 0; transform: translateY(-6px); }
	to   { opacity: 1; transform: translateY(0); }
}