/**
 * PR Home Products - CSS Front Office
 * Colonnes responsive gérées par les classes Bootstrap Warehouse (col-xs-*, col-ms-*, etc.)
 * Les styles Warehouse s'appliquent automatiquement via les classes natives
 */

/* Gap / espacement entre les produits */
#prhomeproducts {
	margin-top: 30px;
}
@media (max-width: 767px) {
	#prhomeproducts {
		margin-top: 15px;
	}
}
#prhomeproducts .ajax_block_product {
	padding-left: var(--prhp-gap-h, 10px);
	padding-right: var(--prhp-gap-h, 10px);
	margin-bottom: var(--prhp-gap-v, 30px);
}

@media (max-width: 767px) {
	#prhomeproducts .ajax_block_product {
		padding-left: var(--prhp-gap-h, 5px);
		padding-right: var(--prhp-gap-h, 5px);
		margin-bottom: var(--prhp-gap-v, 15px);
	}
}

/* ============================================
   BOUTON "VOIR D'AUTRES MODÈLES" - Position basse
   ============================================ */
#prhomeproducts .right-block.product-info-wrap .button-container {
	position: absolute;
	bottom: 10px;
	width: 100%;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 2;
}

#prhomeproducts .ajax_block_product:hover .button-container {
	opacity: 1;
}

/* ============================================
   LABELS PROMO / SOLDES / SOLD OUT / NEW
   ============================================ */
#prhomeproducts .discount-label {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 10;
	background: #e74c3c;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
	line-height: 18px;
	display: inline-block;
	text-transform: uppercase;
}

#prhomeproducts .sale-label {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 10;
	background: #f0a025;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
	line-height: 18px;
	display: inline-block;
	text-transform: uppercase;
}

/* Sold out - position par défaut centre, surchargé par CSS dynamique */
#prhomeproducts .soldout-label {
	position: absolute;
	z-index: 20;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 18px;
	line-height: 20px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	pointer-events: none;
	white-space: nowrap;
}

/* Sold out avec SVG picto - taille gérée par CSS dynamique */
#prhomeproducts .soldout-label img,
#prhomeproducts .soldout-label svg {
	width: auto;
	vertical-align: middle;
	display: inline-block;
}

#prhomeproducts .soldout-label.img-only {
	padding: 4px;
	background: none;
	position: absolute;
	z-index: 20;
	pointer-events: none;
}

#prhomeproducts .soldout-label.img-only img {
	width: auto;
	display: block;
}

/* New - position haut gauche */
#prhomeproducts .new-label {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 10;
	background: #2ecc71;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
	line-height: 18px;
	display: inline-block;
	text-transform: uppercase;
}

/* New avec SVG picto - taille gérée par CSS dynamique */
#prhomeproducts .new-label img,
#prhomeproducts .new-label svg {
	width: auto;
	vertical-align: middle;
	display: inline-block;
}

#prhomeproducts .new-label.img-only {
	padding: 4px;
	background: none;
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 10;
	pointer-events: none;
}

#prhomeproducts .new-label.img-only img {
	width: auto;
	display: block;
}

/* Si new + sale en meme temps, decale new sous sale */
#prhomeproducts .sale-label + .new-label {
	top: 32px;
}

/* Cacher le sélecteur de quantité */
#prhomeproducts .pl-quantity-input-wrapper {
	display: none;
}

/* Cacher availability partout (home, catégorie, page produit) */
.availability.availability-slidein {
	display: none !important;
}

/* ============================================
   SOLD OUT SUR PAGE PRODUIT & CATÉGORIE
   (injecté via JS getSoldoutJS)
   ============================================ */
#image-block .soldout-label {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 20;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 18px;
	line-height: 20px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	pointer-events: none;
	white-space: nowrap;
}

#image-block .soldout-label.img-only {
	padding: 4px;
	background: none;
}

#image-block .soldout-label.img-only img {
	width: auto;
	display: block;
}

/* Catégorie listing - soldout dans .product-flags */
.product-image-container .product-flags .soldout-label {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 20;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 18px;
	line-height: 20px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	pointer-events: none;
	white-space: nowrap;
}

.product-image-container .product-flags .soldout-label.img-only {
	padding: 4px;
	background: none;
}

.product-image-container .product-flags .soldout-label.img-only img {
	width: auto;
	display: block;
}

/* Cacher le new-label natif du thème (contrôlé par notre module via JS) */
#image-block > .new-label,
.product-image-container .product-flags .new-label:not(.img-only) {
	display: none !important;
}

/* New label injecté par notre module sur page produit */
#image-block .new-label.img-only {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 20;
	padding: 4px;
	background: none;
	display: inline-block;
	pointer-events: none;
}
#image-block .new-label.img-only img {
	width: auto;
	display: block;
}
#image-block .new-label:not(.img-only) {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 20;
	background: #2ecc71;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 18px;
	line-height: 20px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	pointer-events: none;
	white-space: nowrap;
}

/* New label injecté sur page catégorie */
.product-image-container .product-flags .new-label.img-only {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 20;
	padding: 4px;
	background: none;
	display: inline-block;
	pointer-events: none;
}
.product-image-container .product-flags .new-label.img-only img {
	width: auto;
	display: block;
}
.product-image-container .product-flags .new-label:not(.img-only) {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 20;
	background: #2ecc71;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 18px;
	line-height: 20px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	pointer-events: none;
	white-space: nowrap;
}

/* ============================================
   VIDEOMANAGER - Autoplay + cacher contrôles
   ============================================ */
.vm-player-container .vm-video {
	pointer-events: none;
}
.vm-player-container video::-webkit-media-controls {
	display: none !important;
}
.vm-player-container video::-webkit-media-controls-enclosure {
	display: none !important;
}
.vm-player-container video::-webkit-media-controls-panel {
	display: none !important;
}

/* Cacher Snapchat du footer */
.social_block_mod.footer-block li.snapchat {
	display: none !important;
}

/* Espacement vidéo au-dessus des produits */
.vm-player-container {
	margin-bottom: 10px;
	aspect-ratio: 16/9;
}