/*
 * Déclarations ":root" et "@font-face" dans "custom.css"
 */

#DTR_Zone {
	padding-left: 0;
}

.dp_group_grp_variables, .dp_group_grp_constantes, [data-name="prc_contenu"], [data-name="_matrice"] {
	display: none;
}

/* Quantité */
#quantity_wanted {
	display: none;
}

/* Zone de texte */
.dp_input_container .ui-spinner-input {
	max-width: 120px !important;
}

/* Champs sur une ligne */
/* [data-name="coin_a_valeur"], [data-name="coin_b_valeur"], [data-name="coin_c_valeur"], [data-name="coin_d_valeur"] */
[data-name="dim_rectangle_longueur"], [data-name="dim_rectangle_largeur"], [data-name="dim_triangle_base"], [data-name="dim_triangle_hauteur"], [data-name="gravure_hauteur"], [data-name="prc_0_posx"], [data-name="prc_0_posy"], [data-name="gravure_police"], [data-name="chanfrein_type"], [data-name="chanfrein_angles"], [data-name="precisions_html"], [data-name="fichier"], [data-name="hauteur"], [data-name="largeur"], [data-name="longueur"], [data-name="profondeur"] {
	display: inline-block;
	margin-right: 10px;
}

[data-name="coin_a_type"], [data-name="coin_b_type"], [data-name="coin_c_type"], [data-name="coin_d_type"]  {
	/*width: 180px;*/
	margin-right: 10px;
	display: inline-block;
}

[data-name="coin_a_valeur"], [data-name="coin_b_valeur"], [data-name="coin_c_valeur"], [data-name="coin_d_valeur"] {
	width: calc(50% - 140px);
	margin-right: 10px;
	display: inline-block;
}

#dp_coin_a_valeur, #dp_coin_b_valeur, #dp_coin_c_valeur, #dp_coin_d_valeur, #dp_collage_etanche {
	height: 42px !important;
}

.dp_input_container .ui-corner-all {
	border-radius: var(--border-radius) !important;
	border: var(--border-width) solid transparent;
}


/* Infobulles */
[data-name="fichier"] > span {
	display: none;
}
[data-label="Gravure superficielle"], [data-label="Coins"], [data-label="Chanfrein"], [data-label="Polissage"], [data-label="Socle"] {
	vertical-align: top;
}

/* Zone de texte, liste déroulante */
#dp_gravure_police, #dp_coin_a_type, #dp_coin_b_type, #dp_coin_c_type, #dp_coin_d_type, #dp_chanfrein_type, #dp_chanfrein_angles, .form-control {
	height: 42px !important;
	background-color: white !important;
	border-radius: var(--border-radius) !important;
}

/* Textarea */
#dp_precisions {
	height: 120px !important;
}

/* Commutateur */
.svelte-1f0wmfp {
	vertical-align: middle;
}

/* Fieldset */
fieldset.svelte-c1qji4.svelte-c1qji4,
fieldset.svelte-1rd4alp.svelte-1rd4alp {
	border: 0 !important;
}

li.dp_selected.svelte-ii8m5y .dp_thumb_btn.svelte-ii8m5y {
	outline: 3px solid var(--accent-color) !important;
}

.dp_steps_buttons .btn i {
	margin-top: 18px;
}

.dp_steps button.active[data-cy=step-button] {
	background: var(--jaune-fonce) !important;
	border: var(--border-width) solid var(--jaune-fonce);
}

.dp-transition-cart-btn .summary-container .product-add-to-cart .add .btn {
	margin-left: 0 !important;
}

/* Slider */
.value-input.svelte-b4fiua {
	width: 40px !important;
}

/* HTML */
.dp_html_content p {
	margin: -14px 0 20px 0;
}

/* Boutons perçage */
.btn_rectangle {
	background-image: url('https://www.plastigood.net/img/cms/plastigood/configurateur_plaques/rectangle.png');
	background-size: 30px;
	background-position: center left;
	background-repeat: no-repeat;
	background-color: var(--blanc-opaque);
	border-right: 1px solid var(--gris-argent) !important;
	border-bottom: 1px solid var(--gris-argent) !important;
	border-radius: 0 0 6px 0 !important;
}
.btn_cercle {
	background-image: url('https://www.plastigood.net/img/cms/plastigood/configurateur_plaques/cercle.png');
	background-size: 30px;
	background-position: center left;
	background-repeat: no-repeat;
	background-color: var(--blanc-opaque);
	border-right: 1px solid var(--gris-argent) !important;
	border-bottom: 1px solid var(--gris-argent) !important;
	border-radius: 0 0 6px 0 !important;
}
.btn_triangle {
	background-image: url('https://www.plastigood.net/img/cms/plastigood/configurateur_plaques/triangle.png');
	background-size: 30px;
	background-position: center left;
	background-repeat: no-repeat;
	background-color: var(--blanc-opaque);
	border-right: 1px solid var(--gris-argent) !important;
	border-bottom: 1px solid var(--gris-argent) !important;
	border-radius: 0 0 6px 0 !important;
}
.btn_trianglerectangle {
	background-image: url('https://www.plastigood.net/img/cms/plastigood/configurateur_plaques/trianglerectangle.png');
	background-size: 30px;
	background-position: center left;
	background-repeat: no-repeat;
	background-color: var(--blanc-opaque);
	border-right: 1px solid var(--gris-argent) !important;
	border-bottom: 1px solid var(--gris-argent) !important;
	border-radius: 0 0 6px 0 !important;
}

/* Boutons des étapes */


[data-cy="step-button"]:nth-child(1)::before {
	content: "1 "; /* ➊⓵ */
	font-size: 20px;
	vertical-align: middle;
	margin-right: 6px;
}
[data-cy="step-button"]:nth-child(2)::before {
	content: "2 "; /* ➋⓶ */
	font-size: 20px;
	vertical-align: middle;
	margin-right: 6px;
}
[data-cy="step-button"]:nth-child(3)::before {
	content: "3 "; /* ➌⓷ */
	font-size: 20px;
	vertical-align: middle;
	margin-right: 6px;
}
[data-cy="step-button"]:nth-child(4)::before {
	content: "4 "; /* ➍⓸ */
	font-size: 20px;
	vertical-align: middle;
	margin-right: 6px;
}
[data-cy="step-button"]:nth-child(5)::before {
	content: "5 "; /* ➎⓹ */
	font-size: 20px;
	vertical-align: middle;
	margin-right: 6px;
}

.dp_steps button {
	background-color: var(--jaune-empire);
	border-radius: 6px !important;
	margin: 0 10px 10px 0;
}

.btn-group > .btn, .btn-group-vertical > .btn {
	margin-bottom: 10px;
}

.btn-primary:hover {
	background: var(--jaune-clair);
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
	background-color: var(--jaune-moyen);
}

.dp_steps button.active {
	background-color: var(--jaune-fonce)!important;
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
	background-color: var(--jaune-clair);
}

.dp-zoom.svelte-ii8m5y.svelte-ii8m5y {
	display: none;
}

#dp_product .tooltip .tooltip-inner {
	background-color: var(--gris-clair) !important;
	max-width: 600px !important;
	max-height: auto !important;
}

#dp_product .tooltip .tooltip-inner div, .tooltip .tooltip-inner p {
	color: var(--gris-fonce) !important;
}

#dp_product .tooltip.in {
	opacity: 0.99 !important;
	border: var(--border-width) solid var(--noir-opaque) !important;
	border-radius: var(--border-radius) !important;
}

.dp_step_prev, .dp_step_next {
	font-size: 1.4rem !important;
	width: 100px;
}

/* Bouton ajout au panier */
/*.dp-hide-cart-btn .product-add-to-cart .add-to-cart {
	opacity: 1 !important;
}*/

/* Éléments SVG */
#DTR_Forme {
	fill: none;
	stroke:#000000;
	stroke-width:0.7087;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
}

#DTR_conteneur .item {
	cursor: grab;
	touch-action: none;
	user-select: none;
	box-sizing: border-box;
	stroke-width: 0.5;
}

.item:hover {
	stroke: var(--jaune-empire);
	stroke-width: 0.5;
}

.axe_on {
	
}

.axe_off {
	stroke-width: 0;
}

.st0{fill:none;stroke:#000000;stroke-width:0.7087;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}