#add_to_cart button#pd-customize-btn {
	background-color: #6E12C8;
}

/* === Product page: zone blocks container (injected via custom_zones.tpl) === */

.pd-zone-field {
	margin-bottom: 2.5rem;
}

.pd-zone-field::last-child {
	margin-bottom: 1rem;
}

.pd-zone-visual {
	display: none;
}

.pd-zone-blocks {
  margin: 15px 0;
  padding: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  background: #fafafa;
  box-shadow: 0 2px 16px rgba(0,0,0,0.2);
}
.pd-zone-blocks__title {
	font-weight: 400;
	border: 1px solid rgb(3, 36, 134);
	padding: 12px 20px 14px;
	border-radius: 8px 8px 0 0;
	background: #333;
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
	position: relative;
	top: -20px;
	width: calc(100% + 40px);
	left: -20px;
	z-index: 1;
}
.pd-zone-blocks__close {
	position: absolute;
  z-index: 2;
	top: 17px;
	right: 20px;
	width: 22px;
	height: 22px;
	border: none;
	background: #eee;
	color: #333;
	border-radius: 11px;
	font-size: 23px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* Text overlay inside the image preview zones */
.pd-text-overlay {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 2; /* au-dessus des images */
}

/* Image overlay below the text overlay */
.pd-image-overlay {
  z-index: 1;
}

/* Canvas wrapper and eye toggle button */
.pd-canvas-wrap { position: relative; }
.pd-canvas-toggle {
	position: absolute;
	top: 0px;
	right: 4.3rem;
	height: 28px;
	border: none;
	border-radius: 4px;
	background: #6E12C8;
	color: #fff;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	z-index: 5;
	padding: 2px 14px;
  text-transform: uppercase;
  font-weight: 300;
}
.pd-canvas-toggle:hover { background: #430c7b }

/* State: when frames are hidden, keep toggle in hover color */
.pd-canvas-wrap.has-hidden-frames .pd-canvas-toggle {
  background: #430c7b;
}

.pd-color-swatch {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #ccc;
	cursor: pointer;
}

.pd-color-swatch.selected {
  border-color: #6E12C8;
  box-shadow: 0 0 0 2px #6E12C8;
}

/* Avoid native focus ring interfering with selection visual */
.pd-color-swatch:focus { outline: none; }
.pd-color-swatch:focus-visible { outline: none; }

#pd-customize-btn {
	width: 100%;
}

#add_to_cart button.btn.btn-primary.disabled {
  background-color: #a7a7a7;
}

.pd-cart-preview {
	max-width: 240px;
}

.pd-cart-line {
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.35;
}