/**
 * Shared components — forms, editorial boxes, overlays
 */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="date"],
textarea,
select,
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	background-color: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-small);
	color: var(--color-text-primary);
	font-family: var(--font-main);
	font-size: 14px;
	box-shadow: none;
	transition: border-color var(--transition-fast) ease;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="date"],
select,
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
	min-height: var(--button-min-height);
	height: var(--button-min-height);
	padding: 0 12px;
	line-height: 1.2;
}

textarea,
.woocommerce form .form-row textarea {
	min-height: 96px;
	padding: 10px 12px;
	line-height: 1.5;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single {
	display: flex;
	align-items: center;
}

input::placeholder,
textarea::placeholder {
	color: var(--color-text-secondary);
	opacity: 0.85;
}

input:focus,
textarea:focus,
select:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	border-color: var(--color-accent);
	outline: none;
	box-shadow: 0 0 0 1px var(--color-accent);
	color: var(--color-text-primary);
}

label,
.woocommerce form .form-row label {
	color: var(--color-text-secondary);
	font-weight: 500;
}

.select2-dropdown {
	background-color: var(--color-surface);
	border: 1px solid var(--color-border);
	color: var(--color-text-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--color-accent);
	color: var(--color-surface);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--color-text-primary);
}

/* Flatten dealership cards — editorial preference */
.box,
.box-shadow,
.has-hover .box,
.col-inner.box {
	box-shadow: none;
	border-radius: var(--radius-small);
	background-color: transparent;
}

.box-text {
	color: var(--color-text-secondary);
}

.box-text .box-text-inner a,
.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5 {
	color: var(--color-text-primary);
}

.woocommerce .woocommerce-breadcrumb,
.breadcrumbs {
	color: var(--color-text-secondary);
	font-size: 14px;
}

.woocommerce .woocommerce-breadcrumb a,
.breadcrumbs a {
	color: var(--color-text-secondary);
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color: var(--color-text-primary);
}

table,
.shop_table,
.woocommerce table.shop_table {
	border-color: var(--color-border);
	color: var(--color-text-secondary);
}

table th,
.shop_table th,
.woocommerce table.shop_table th {
	color: var(--color-text-primary);
	border-color: var(--color-border);
	background-color: var(--color-section-soft);
}

table td,
.shop_table td,
.woocommerce table.shop_table td {
	border-color: var(--color-border);
	background-color: transparent;
}

.quantity input.qty,
.woocommerce .quantity .qty {
	background-color: var(--color-surface);
	border: 1px solid var(--color-border);
	color: var(--color-text-primary);
	border-radius: var(--radius-small);
	min-height: var(--button-min-height);
	height: var(--button-min-height);
	padding: 0 8px;
	font-size: 14px;
	line-height: 1.2;
}

.mfp-bg {
	background: var(--color-text-primary);
	opacity: 0.55;
}

.mfp-content,
.lightbox-content {
	background-color: var(--color-surface);
	color: var(--color-text-secondary);
	border-radius: var(--radius-medium);
}

.tooltipster-base,
.tip-content {
	background-color: var(--color-text-primary);
	color: var(--color-surface);
	border-color: var(--color-text-primary);
}