/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* kylcla10122024 : Styles CSS pour gérer l'affichage des accordéons */
/* olicou le 14/05/2020 : affichage du logo général en grand */
#header .logo {
	max-width: none;
}

@media screen and (max-width:1518px) {
	#header .logo {
		max-width: 1300px;
	}
}

@media screen and (max-width:1350px) {
	#header .logo {
		max-width: 800px;
	}
}

.container {
	width: 100%;
}

/* olicou le 24/09/2020 : Modification largeur DIV principale pour avoir plus de produits affichés en largeur et aussi pour les filtres à gauche */
@media (min-width:1200px) {
	.container {
		width: 1540px;
		max-width: 100%
	}
}

.hidden {
	display: none !important;
}

/* olicou le 24/09/2020 : Affichage d'un trait de séparation entre catégorie et liste des produits */
/* #products { border-top-style: outset;} */

/* olicou le 12/02/2021 : modification CSS permettant d'aligner tous les prix en bas (page affichage vignettes produits) */
#products .product-price-and-shipping,
.featured-products .product-price-and-shipping,
.product-accessories .product-price-and-shipping,
.product-miniature .product-price-and-shipping {
	position: absolute;
	width: 250px;
	bottom: 0px;
}

/* olicou le 03/02/2021 : Réduire interligne description des produits affichés en miniature */
#products .product-title,
.featured-products .product-title,
.product-accessories .product-title,
.product-miniature .product-title {
	line-height: 0.8em;
	margin-bottom: 0rem;
	margin-top: 0rem;
}

.h3 {
	font-size: 1.025rem;
}

.font-14{
	font-size:14px;
}

/* olicou le 10/02/2021 : top=50px au lieu de top=0 pour descendre les vignette de produits et ne pas couvrir les prix Collectivite et autres au dessus */
#products .thumbnail-container .product-thumbnail img,
.featured-products .thumbnail-container .product-thumbnail img,
.product-accessories .thumbnail-container .product-thumbnail img,
.product-miniature .thumbnail-container .product-thumbnail img {
	top: 50px;
}

/* olicou le 23/06/2020 : augmenter taille affichage desc/prix des produits en page d'accueil */
/* Modification faire dans le fichier /offre_hacare/themes/classic/assets/css/theme.css à la colone 142 702 (ne fonctionne pas dans le custom.css) : height=80px au lieu de 70px */
/*#products .product-description,.featured-products .product-description,.product-accessories .product-description,.product-miniature .product-description{position:absolute;z-index:3;background:#fff;width:250px;bottom:0;height:80px}*/

/* olicou le 10/04/2020 : affichage fond blanc sur fiches produits */
#product #encaps {
	background: #fff;
	padding: 20px;
}

/* kylcla10122024 : Styles CSS pour gérer l'affichage des accordéons */
/* kylcla10122024 : Accordéon pas ouvert par défault */
.accordeon-content-famille, .accordeon-content-type {
	display: none;
}

/* kylcla10122024 : Classe appelée dans le script pour ouvrir l'accordéon */
.accordeon-open {
	display: block;
}

/* kylcla10122024 : Pas de bordure */
.accordeon-btn-famille {
	border:none;
	display: flex;
	padding: 0.5em;
	justify-content: space-between;
	cursor: pointer;
	background-color: lightgray;
	color: #7a7a7a;
	width:100%!important
}
/* kylcla10122024 : Style du bouton type de l'accordéon */
.accordeon-btn-type {
	background-color : #585ca1!important;
	border:none;
	color: white!important;
	display: flex;
	padding: 0.5em;
	justify-content: space-between;
	width:100%!important
}

/* olicou le 10/04/2020 : affichage en police plus petite dans arbre des sous catégories */
.block-categories .category-sub-menu li[data-depth="0"]>a {
	font-size: smaller;
}

/* olicou le 17/06/2020 : ajouter un espace de 15px à gauche du choix de langue dans le header pour ne pas chevaucher la barre de recherche */
#_desktop_language_selector {
	margin-left: 15px;
}

/* olicou le 24/04/2020 : remettre un margin-bottom sous description lors de l'ajout de la phrase de demande de connexion au visiteur pour aller plus loin */
.block-category .block-category-inner #category-description p {
	margin-bottom: 1.25rem;
}

/* olicou le 29/04/2020 : format image thumbnail des Portefolio ou offre */
.img-thumbnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
}

/* olicou le 17/04/2020 : Fond écran custom text en page d'acueil pour les 3 entités CORONA/ALLLIBERT/SOTEC */
/*#custom-text {background: #34353f;}*/
#wrapper {
	background: #ffffff;
	box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, .11);
}

@media screen and (max-width:1000px) {
	#custom-text img {
		height: 120px;
	}
}

/*
@media screen and (max-width:768px){
    #custom-text img{ height: 50px; }
}*/


/* Olicou le 20/04/2020 : optimisation affichage largeur vidéo à 100% */
#product iframe {
	width: 100% !important
}

/* olicou le 16/04/2020 : Taille image des sous catégories*/
.block-category .block-category-inner .category-cover img {
	width: 160px;
	height: 120px;
}

.block-category {
	min-height: 0rem;
}

/* olicou le 22/04/2020 : Taille image des sous catégories sur mobile en responsive */
@media screen and (max-width:1000px) {
	.block-category .block-category-inner .category-cover img {
		width: 100px;
		height: 100px;
	}
}

/* BOF - olicou le 20/04/2020 : Affichage du titre HACare en haut : Mobilier & Dispositifs médicaux */
.title-hacare {
	font-weight: bold;
	font-size: 30px;
	padding-top: 25px;
	position: relative;
	margin-left: 200px;
}

@media screen and (max-width:1000px) {
	.title-hacare {
		font-size: 16px;
		margin-left: 150px;
	}
}

@media screen and (max-width:770px) {
	.title-hacare {
		display: none;
	}
}

/* EOF - olicou le 20/04/2020 : Affichage du titre HACare en haut : Mobilier & Dispositifs médicaux */

/* BOF - olicou le 16/04/2020 : affichage des sous-catégories */
.subcategory-heading {
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

.subcategory-name:link {
	color: #000;
	font-size: 14px;
}

.subcategory-name:active {
	color: #000;
	font-size: 14px;
}

.subcategory-name:visited {
	color: #000;
	font-size: 14px;
}

.subcategory-name:hover {
	color: #888;
	font-size: 14px;
}

#subcategories {
	background-color: #fff;
	box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 20%);
	padding-bottom: 5px;
	padding-top: 10px;
}

#subcategories h5 {
	margin-bottom: 25px
}

#subcategories ul li img {
	margin-bottom: 5px;
	/*width:90%;*/
}

#subcategories ul li img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	/* For IE8 and earlier */
}

/* mobile */
@media screen and (max-width:600px) {
	#subcategories ul li {
		width: 33%;
	}
}

@media screen and (max-width:1000px) {
	.thumbnail-video {
		width: 150px;
		height: 100px;
	}
}

/* EOF - olicou le 16/04/2020 : affichage des sous-catégories */

/* olicou le 23/04/2020 : modifier hover des icônes de liens sociaux (facebook, twitter, linkdin, ... */
.block-social ul li:hover {
	background-color: #34353F;
}

/* olicou le 23/04/2020 : modifier la couleur des liens en général (noir au lieu de bleu !) */
a {
	color: #34353F;
	text-decoration: none;
}

/*Taille police informations magasin dans footer*/
.info_footer {
	font-size: .875rem;
}


/* olicou le 06/05/2020 : ajout icône Linkedin */
.linkedin {
	background-image: url(../css/linkedin_white.svg)
}

.linkedin:before {
	content: "";
	background-image: url(../css/linkedin_blue.svg)
}

.linkedin.icon-gray {
	background-image: url(../css/linkedin_grey.svg)
}

.linkedin.icon-gray:hover {
	background-image: url(../css/linkedin_blue.svg)
}

/* olicou le 15/12/2020 : css de la page Doc institutionnelle */
.title_vign_institu {
	font-size: 12px;
	font-weight: 400;
	color: #7a7a7a;
}

.img-intitu-thumbnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
}

/* olicou le 12/05/2020 : affichage du logo Fabrication FR à droite dans le footer */
.logo-fr {
	float: right;
}

/* olicou le 14/12/2020 : police du titre des vignettes mkt sous fp, notoce, video, portefolio */
.title_v_fp {
	font-size: 0.8vh;
}

.title_v_po {
	font-size: 0.8vh;
}

.title_v_vi {
	font-size: 0.8vh;
}

.title_v_no {
	font-size: 0.8vh;
}

/* olicou le 14/05/2020 : pointeur main sur les vignette FP, Notice et Vidéo */
#show-video {
	cursor: pointer;
}

#show-notice {
	cursor: pointer;
}

#show-fp {
	cursor: pointer;
}

#show-po {
	cursor: pointer;
}

#show-norme {
	cursor: pointer;
}

/* style des sous-titres des Notice, Vidéo, Normes, ... (olicou le 16/11/2022) */
.typmkt {
	cursor: pointer;
	background-color: lightgray;
	color: #7a7a7a;
}

@media screen and (max-width: 767px) {
	.card {
		box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
		border: 1px solid rgba(0, 0, 0, .125);
	}
}

/* olicou le 08/07/2020 : style pour affichage des prix Collectivité et Distributeur sur chaque produit */
#oc_specific_price {
	position: absolute;
	line-height: 0.8em;
	z-index: 999;
}

/* olicou le 21/09/2020 : modification de la marge basse suite à l'ajout d'une ligne de description pour chaque catégorie */
#subcategories h5 {
	margin-bottom: 0;
}



/* olicou le 05/10/2020 : Style du Tableau qui présente les Tarifs Collectivité/Distribnuteur sur le fiche produit pour les SuperAdmin */
.table_prix_col_dis {
	/*display: table;*/
	border-collapse: collapse;
	background-color: transparent;
	border-spacing: 2px;
	border-color: grey;
}

.table_prix_col_dis thead tr th {
	/*width: 20%;*/
	padding: .325rem 0.95rem;
	background: #fff;
	border: .3125rem solid #f1f1f1;
	text-align: center;
	font-weight: bold;
}

.table_prix_col_dis tbody tr {
	background: #f6f6f6;
}

.table_prix_col_dis tbody tr td {
	/*padding: .325rem 1.25rem;*/
	text-align: center;
	/*border: .3125rem solid #f1f1f1;*/
	border: solid #f1f1f1;
	font-size: 0.7rem;
}

/* css pour les logos entités en page d'entête */
/* Responsive quand l'écran se réduit, les logos sont au dessus les uns des autres */
.column-entite {
	float: left;
	width: 33.33%;
	text-align: center;
}

/* css pour logo HAcare Services en page d'accueil */
#home-hacare-service {
	text-align: center;
}

.rowentite:after {
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 850px) {
	.column-entite {
		width: 100%;
		margin: 2em 0;
	}
}

/*********************************************************/

/*********************************************************/
/* GEstion styles des documents normatifs */
/*********************************************************/
.products_collec {
	display: none;
}

.docs {
	display: none;
}

.img_norme {
	padding: 0.25em;
	border: 1px solid #dee2e6;
	border-radius: 0.25em;
}

/* querev - GED Responsive */
main .products {
	justify-content: space-evenly !important;
}

body #_desktop_logo {
	display: flex;
	justify-content: center;
}

#category-description {
	width: 100%;
}

.cstm-vignette {
	margin: 1em;
	width: 8em;
}

.cstm-vignette div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#subcategories ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 1em;
	margin-top: 0;
	text-align: center;
}

#subcategories ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-basis: 23%;
	margin: 0 1%;
}

#subcategories ul li img {
	width: 100%;
}

#category-title-list {
	display: flex;
	justify-content: space-between;
}

.footer-main-container {
	display: flex;
	flex-wrap: wrap;
}

.footer-main-container .links {
	display: flex;
	flex-wrap: wrap;
	flex-basis: 33.33%;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

#footer_sub_menu_ {
	display: flex;
	flex-direction: column;
}

.footer-end-part {
	display: flex;
	flex-direction: row;
	flex-basis: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.block-social ul {
	display: flex;
	justify-content: center;
}

.img-responsive img {
	width: 100%;
	height: auto;
}

.btn-collapse-footer {
	display: none;
}

.list-docs-institutionnelles {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 4em;
}

.list-docs-institutionnelles li {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	flex-basis: calc(20% - 1em);
	align-items: center;
	text-align: center;
	margin: 1em 0.5em;
}

.list-docs-institutionnelles li img {
	border: lightgray solid 1px;
}

.shown-mobile,
.shown-mobile-flex {
	display: none;
}

.logo-header-mobile {
	max-width: 3em;
	height: auto;
}

.hcr-category-cstm {
	position: fixed;
	height: 100vh;
	width: 40%;
	top: 0;
	background-color: white;
	right: -40vw;
	overflow-y: auto;
	z-index: -1;
	padding: 0.5em;
	animation: ReverseSlideFromRight 0.3s;
}

.hcr-category-cstm ul {
	display: flex;
	flex-wrap: wrap;
}

.hcr-category-cstm ul>li {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
}

.hcr-category-cstm li strong {
	font-weight: 600;
	font-size: 12px;
}

.hcr-category-cstm header {
	display: flex;
	justify-content: center;
	position: relative;
	margin: 0.8em;
	margin-bottom: 1.4em;
}

.hcr-category-cstm header svg {
	width: 1.5em;
	height: 1.5em;
	fill: currentColor;
	position: absolute;
	left: 0;
	bottom: 0;
	cursor: pointer;
}

.hcr-category-cstm header h2 {
	margin-bottom: 0;
}

.typmkt {
	display: flex;
	padding: 0.5em;
	justify-content: space-between;
}

.hcr-category-cstm-close {
	display: none;
	position: fixed;
	height: 100vh;
	width: 60%;
	top: 0;
	background-color: lightgray;
	left: 0;
	z-index: 9999;
	opacity: 0.3;
}

.animate-hcr-category-cstm {
	animation: slideFromRight 0.3s;
	right: 0;
}

.certificat-container {
	display: flex;
	flex-wrap: wrap;
}

.certificat-container>div {
	display: flex;
	flex-direction: column;
	margin: 1em;
	text-align: center;
}

/* querev le 25/05/2023 : Documents mkt dans le détails des produits */
.docMkt-parent {
	cursor: pointer;
	border-top: solid 5px white;
}

.docMkt-parent>th {
	position: relative;
}

.docMkt-parent>th svg {
	position: absolute;
	right: 10px;
}

.docMkt-child-hidden {
	display: none;
}

/* querev le 03/11/2023 : Mise à jour Prestashop 1.7.8.10, update CSS */
.card.cart-summary {
	padding: 1.5em;
	padding-bottom: 0.5em;
}

#search_widget {
	display: flex;
	align-items: center;
}

.searchbar-autocomplete {
	max-height: 80%;
	overflow: auto;
	font-size: 13px;
	z-index: 999;
	scrollbar-width: thin;
	box-shadow: 0 0 2px 0 rgba(69, 69, 69, .16), 0 3px 6px 0 rgba(69, 69, 69, .16);
}

/* querev15022024 : padding de la liste de la composition product-commentaires */
.product-commentaires ul {
	padding-left: 1em;
}

/* querev le 13/11/2023 : Affichage de checkbox personnalisée pour afficher les options dispos aux expos */
/* Hide the browser's default checkbox */
label.custom-checkmark input,
label.custom-checkmark input[type=checkbox] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	display: block;
	height: 20px;
	width: 20px;
	position: relative;
	background-color: white;
	border: solid 3px #2fb5d2;
}

/* On mouse-over, add a grey background color */
label.custom-checkmark:hover input~.checkmark {
	background-color: #def1f5;
}

/* When the checkbox is checked, add a blue background */
label.custom-checkmark input:checked~.checkmark,
label.custom-checkmark input:checked~.checkmark {
	background-color: #2fb5d2;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
label.custom-checkmark input:checked~.checkmark:after,
label.custom-checkmark input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
label.custom-checkmark .checkmark:after,
label.custom-checkmark .checkmark:after {
	left: 5px;
	top: 1px;
	width: 6px;
	height: 11px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

label.custom-checkmark {
	cursor: pointer;
}

#show_expo_options_label {
	margin-left: 1em;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	flex-direction: row-reverse;
	justify-content: left;
	margin-left: 0;
}

#show_expo_options_label>div {
	margin: 0 0.5em;
}

.expo-highlight>.thumbnail-container {
	border: solid 5px #90d4ee;
}

.expo-highlight .product-description,
.expo-highlight .highlighted-informations {
	width: 100%;
}

/* Querev le 03/04/2024 : CSS pour afficher les prix quantitatifs sur deux colonnes */
.product-discounts {
	margin-bottom: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product-discounts-container {
	display: flex;
	flex-direction: column;
	width: calc(50% - 2em);
	margin: 1em 0;
}

.product-discounts .product-discounts-title {
	font-weight: 400;
	font-size: .875rem;
}

.product-discounts .table-product-discounts thead tr th {
	width: 33%;
	padding: .625rem 1.25rem;
	background: #fff;
	border: .3125rem solid #f1f1f1;
	text-align: center;
}

.product-discounts .table-product-discounts tbody tr {
	background: #f6f6f6;
}

.product-discounts .table-product-discounts tbody tr:nth-of-type(2n) {
	background: #fff;
}

.product-discounts .table-product-discounts tbody tr td {
	padding: .625rem 1.25rem;
	text-align: center;
	border: .3125rem solid #f1f1f1;
}

@keyframes rotate {
	from {
		rotate: 0;
	}

	to {
		rotate: 180deg;
	}
}

/* Définition des variables CSS */
:root {
	--slideFromRight-var: -40vw;
	--color-btn-collapse-colored: gray;
}

/* Affichage autre que téléphone (Desktop, Tablet) */
@media screen and (min-width: 767px) {
	#cstm-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		margin-bottom: 0;
		text-align: center;
	}

	.btn-collapse-colored {
		display: none;
	}
}

/* Affichage téléphone */
@media screen and (max-width: 767px) {
	.hidden-mobile {
		display: none;
	}

	.shown-mobile {
		display: block;
	}

	.shown-mobile-flex {
		display: flex;
	}

	.logo-header-mobile {
		position: absolute;
		top: 1.5em;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#subcategories {
		margin-top: 1em;
	}

	#subcategories ul {
		flex-direction: column;
		margin: 0;
	}

	#subcategories ul li {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		margin: 15px 0.5em 0 0.5em;
		flex-basis: auto;
	}

	#subcategories ul li img {
		height: 3em;
		width: auto;
	}

	#subcategories ul li h5 {
		margin-left: 1em;
	}

	#cstm-list {
		flex-direction: column;
	}

	.collapse {
		display: none;
	}

	.collapse.in {
		display: block;
	}

	.cstm-vignette {
		width: calc(100% - 1em);
	}

	.cstm-vignette div {
		flex-direction: row;
	}

	.cstm-vignette div img {
		height: 3em;
		width: auto;
		padding: 0;
		border: 0;
	}

	.cstm-vignette div strong {
		margin-left: 1em;
	}

	.block-category {
		padding: 0;
	}

	#category-title-list {
		flex-direction: column;
		align-items: center;
		margin: 1em;
		text-align: center;
	}

	.block-social ul li {
		height: 2.5rem;
		width: 2.5rem;
		margin: 0.5em 0.4em;
	}

	.footer-main-container {
		flex-direction: column;
	}

	.footer-main-container .links {
		flex-basis: 100%;
		margin: 0.5em 0;
	}

	#footer_sub_menu_ {
		width: 100%;
	}

	#footer_sub_menu_ li {
		display: flex;
		padding: 0;
	}

	#footer_sub_menu_ li a {
		width: 100%;
		padding: .625rem;
	}

	.btn-collapse-footer {
		display: flex;
		width: 100%;
		justify-content: space-between;
		background: none;
		border-bottom: black solid 1px;
		padding-left: 5px;
	}

	#collapseLinks {
		width: 100%;
	}

	#collapseCoordonnees {
		margin-top: 10px;
	}

	.list-docs-institutionnelles li {
		flex-basis: calc(50% - 1em);
	}

	/* Suppression barre grise sous header en mobile */
	#header .header-nav {
		margin-bottom: 0;
		border: none;
	}

	#wrapper {
		box-shadow: none;
	}

	:root {
		--slideFromRight-var: -80vw;
	}

	.hcr-category-cstm {
		width: 80%;
		right: -80vw;
	}

	.animate-hcr-category-cstm {
		animation: slideFromRight 0.3s;
		right: 0;
	}

	.hcr-category-cstm-close {
		width: 20%;
	}

	.hcr-category-cstm ul {
		flex-direction: column;
	}

	.hcr-category-cstm ul>li {
		flex-direction: row;
		margin: 0;
		margin-bottom: 10px;
		width: 100%;
	}

	.hcr-category-cstm ul>li strong {
		max-width: 50%;
	}

	.hcr-category-cstm ul>li img {
		max-width: 70%;
	}

	.btn-collapse-colored {
		display: flex;
		width: calc(100% - 2em);
		justify-content: space-between;
		align-items: center;
		border-radius: 5px;
		padding: 0.5em;
		padding-left: 1em;
		background-color: var(--color-btn-collapse-colored);
		;
		color: white;
		margin: 1em;
	}

	.breadcrumb {
		display: flex !important;
		font-size: 13px;
	}

	.category-title-icons {
		display: none;
	}

	#wrapper .breadcrumb[data-depth="1"] {
		display: none !important;
	}
}


@keyframes slideFromRight {
	from {
		right: var(--slideFromRight-var);
	}

	to {
		right: 0;
	}
}

@keyframes ReverseSlideFromRight {
	from {
		right: 0;
	}

	to {
		right: var(--slideFromRight-var);
	}
}


/* Gestion affichage du logo CE DM sur fiche produit*/
.ce_dm {
	/*width: 50%;*/
	padding-left: 15px;
	float: left;
	display: inline-flex;
	justify-content: flex-end;
}

.img_cedm1 {
	height: 2.70rem;
}

.img_cedm2 {
	display: none;
	height: 2.70rem;
}

@media only screen and (max-width: 1480px) and (min-width: 920px) {
	.img_cedm1 {
		display: none;
	}

	.img_cedm2 {
		display: block;
		height: 2.70rem;
	}

	.product-quantity {
		display: -webkit-box;
	}
}


@media only screen and (max-width: 919px) {
	.img_cedm1 {
		display: none;
	}

	.img_cedm2 {
		display: block;
		height: 2.05rem;
	}

	.product-quantity {
		display: -webkit-box;
	}
}

/* #querev06052024 : Affichage quand un produit associé n'est pas dispo dans la catégorie parente */
article .product-unavailable-in-category {
	display: none;
}

.product-not-in-parent-category .product-unavailable-in-category {
	display: flex;
}

.product-unavailable-in-category {
	position: absolute;
	z-index: 1;
	text-align: center;
	background: #ff000012;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.product-unavailable-in-category>svg {
	opacity: 0.3;
	margin-top: 4em;
}

.product-unavailable-in-category>p {
	margin-top: 1em;
	font-weight: bold;
	color: #bb4646;
	margin-left: 0.5em;
	margin-right: 0.5em;
	background: #ffffffd9;
	padding: 0.5em;
	font-size: 14px;
	border-radius: 3px;
}

#show_products_not_in_parent_category_label {
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	flex-direction: row-reverse;
	justify-content: left;
	margin-left: 0;
}

#show_products_not_in_parent_category_label>div {
	margin: 0 0.5em;
}

.checkmark-red {
	border-color: #d20808;
}

label.custom-checkmark:hover input~.checkmark-red {
	background-color: #f5dede;
}

label.custom-checkmark input:checked~.checkmark-red,
label.custom-checkmark input:checked~.checkmark-red {
	background-color: #d91010;
}

/* querev le 05/06/2024 : Affichage si la catégorie est visible en admin et/ou direction uniquement */
.admin-category-info {
	position: absolute;
	top: -2.5em;
	right: 1em;
	z-index: 9;
	display: flex;
	background: #f7bbbb;
	padding: 0.3em 0.5em;
	border-radius: 2px;
}

.admin-category-info svg {
	width: 20px;
	margin-right: 0.5em;
}

.admin-category-info p {
	margin: 0;
	color: #b9160a;
}