/**
 * PC STORE 225 — Styling des pages composite + grisage live des options incompatibles (Phase 2).
 * Ajout PC STORE 225 — ne fait pas partie de WooCommerce Composite Products original.
 */

/* ── Tailles de titres (réduction des gros h2/h3 imposés par le thème) ──────── */

/* Titres d'étape : « Boitier », « Refroidissement », « Processeur »… */
.composite_form .component_title,
.composite_component .component_title {
	font-size: 1.25rem !important;
	line-height: 1.3 !important;
	margin-bottom: .4em !important;
}

/* Nom du produit sélectionné : « Corsair - 3500X - Noir », etc. */
.composite_form .composited_product_title,
.composite_component .composited_product_title {
	font-size: 1.05rem !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	margin: .2em 0 !important;
}

/* ── Grisage / filtrage des options incompatibles ───────────────────────────── */

/* Thumbnails / radios incompatibles : grisés et non cliquables. */
.component_option_thumbnail_container.wc-cp-pc-incompatible,
.component_option_radio_button.wc-cp-pc-incompatible {
	opacity: 0.4;
	filter: grayscale( 100% );
	pointer-events: none;
	position: relative;
}

.component_option_radio_button.wc-cp-pc-incompatible label {
	cursor: not-allowed;
	text-decoration: line-through;
}

/* Badge « Incompatible » sur les vignettes. */
.wc-cp-pc-incompatible-badge {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 2;
	display: inline-block;
	padding: 2px 6px;
	border-radius: 3px;
	background: #c0392b;
	color: #fff;
	font-size: 11px;
	line-height: 1.4;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	pointer-events: none;
}

/* Option de menu déroulant incompatible : masquée (la liste se réduit aux compatibles). */
select.component_options_select option[data-wc-cp-pc-disabled="1"] {
	display: none;
}