/* Couleur principale : Rose */
:root {
	--primary-color: #e91e63;
	--primary-dark: #c2185b;
	--primary-light: #f48fb1;
	--primary-gradient: linear-gradient(135deg, #e91e63 0%, #f06292 100%);
	--primary-shadow: rgba(233, 30, 99, 0.3);
	--primary-hover: #ad1457;
}

/* Remplacement des couleurs bleues/violettes par le rose */
.cl1, .hov-cl1:hover {
	color: var(--primary-color) !important;
}

.cl4 {
	color: #999;
}

/* Boutons et backgrounds */
.bg1 {
	background-color: var(--primary-color) !important;
}

.bg3 {
	background-color: #222;
}

.hov-btn1:hover,
.hov-btn2:hover,
.hov-btn3:hover {
	background-color: var(--primary-color) !important;
}

/* Liens actifs et hover */
.main-menu > li.active-menu > a,
.main-menu > li:hover > a,
.wrap-icon-header .icon-header-item:hover {
	color: var(--primary-color) !important;
}

/* Boutons de formulaire */
.btn-submit,
.flex-c-m.stext-101.cl0.size-101.bg1.bor1.hov-btn1,
.flex-c-m.stext-101.cl0.size-103.bg1.bor1.hov-btn2 {
	background: var(--primary-gradient) !important;
}

.btn-submit:hover {
	box-shadow: 0 8px 25px var(--primary-shadow) !important;
}

/* Icônes de contact */
.contact-icon {
	background: var(--primary-gradient) !important;
	box-shadow: 0 4px 15px var(--primary-shadow) !important;
}

.contact-details a:hover {
	color: var(--primary-color) !important;
}

.social-icon:hover {
	background: var(--primary-gradient) !important;
	box-shadow: 0 5px 15px var(--primary-shadow) !important;
}

/* Input focus */
.form-input:focus,
.form-textarea:focus {
	border-color: var(--primary-color) !important;
	box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.1) !important;
}

.form-input:focus + .input-icon,
.form-textarea:focus ~ .input-icon {
	color: var(--primary-color) !important;
}

/* Filtres et boutons de catégorie */
.filter-tope-group button.how-active1,
.filter-link-active {
	color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

/* Produits */
.block2-btn {
	background-color: var(--primary-color) !important;
}

.block2-btn:hover {
	background-color: var(--primary-hover) !important;
}

/* Pagination et liens */
a.hov-cl1:hover {
	color: var(--primary-color) !important;
}

/* Badges et labels */
.badge,
.label1::after {
	background-color: var(--primary-color) !important;
}

/* Slider et boutons */
.item-slick1 .flex-c-m.stext-101.cl0.size-101.bg1.bor1.hov-btn1 {
	background-color: var(--primary-color) !important;
}

.item-slick1 .flex-c-m.stext-101.cl0.size-101.bg1.bor1.hov-btn1:hover {
	background-color: var(--primary-hover) !important;
}

/* Block1 links */
.block1-link {
	color: var(--primary-color) !important;
}

/* Footer links hover */
.stext-107.cl7.hov-cl1:hover {
	color: var(--primary-color) !important;
}
