/*
 * Maboutik — Identité Rouge Énergique v1.1
 * Surcouche de style pour le thème Dropshipping Store
 * Chargée après style.css — ne pas modifier style.css directement pour ces règles.
 */

:root {
	--mab-rouge: #2D6A4F;        /* vert forêt principal */
	--mab-rouge-dark: #1B4332;   /* survols / états actifs */
	--mab-rouge-deep: #123026;   /* dégradés profonds */
	--mab-noir: #0E1B15;         /* presque-noir teinté vert */
	--mab-creme: #F4F8F5;        /* fond doux teinté nature */
}

/* ---------- Contraste : texte blanc sur fonds rouges ---------- */
/* Le thème d'origine mettait du texte noir sur l'accent jaune ;
   sur rouge, le blanc est nécessaire pour la lisibilité. */
input[type="submit"],
.pagination a:hover,
.footer-wp .tagcloud a:hover,
.nav-next a:hover,
.nav-previous a:hover,
#slider .carousel-control-prev-icon:hover,
#slider .carousel-control-next-icon:hover,
#sidebar .tagcloud a:hover,
#sidebar input[type="submit"]:hover,
#tag-cloud a:hover,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	color: #fff !important;
}

/* ---------- Boutons ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
input[type="submit"],
.more-btn a {
	background: linear-gradient(135deg, var(--mab-rouge) 0%, var(--mab-rouge-dark) 100%) !important;
	border: none !important;
	border-radius: 6px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
	box-shadow: 0 2px 10px rgba(45, 106, 79, 0.28);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
input[type="submit"]:hover,
.more-btn a:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
	box-shadow: 0 5px 16px rgba(45, 106, 79, 0.38);
	color: #fff !important;
}

/* ---------- Barre supérieure / éléments de header ---------- */
.top-header,
.topbar {
	background: var(--mab-noir) !important;
	color: #fff;
}

.top-header a,
.topbar a {
	color: #fff;
}

.top-header a:hover,
.topbar a:hover {
	color: var(--mab-rouge);
}

/* ---------- Prix & badges WooCommerce ---------- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--mab-rouge);
	font-weight: 700;
}

.woocommerce span.onsale {
	background: var(--mab-rouge) !important;
	color: #fff !important;
	font-weight: 700;
	border-radius: 999px;
	padding: 0.35em 0.9em;
	min-height: 0;
	min-width: 0;
	line-height: 1.6;
	box-shadow: 0 2px 8px rgba(45, 106, 79, 0.35);
}

/* Note de produit (étoiles) */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
	color: var(--mab-rouge);
}

/* ---------- Cartes produit ---------- */
.woocommerce ul.products li.product {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border-radius: 10px;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(14, 27, 21, 0.12);
}

/* ---------- Liens & navigation ---------- */
.main-menu a:hover,
.menu-header a:hover,
nav ul li a:hover {
	color: var(--mab-rouge) !important;
}

/* Soulignement animé sur le menu principal */
.main-menu ul li > a {
	position: relative;
}

.main-menu ul li > a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: var(--mab-rouge);
	transition: width 0.25s ease;
}

.main-menu ul li > a:hover::after {
	width: 100%;
}

/* ---------- Slider / Héro ---------- */
#slider .inner_carousel h1 {
	font-weight: 800;
	letter-spacing: -0.01em;
}

#slider .more-btn a {
	border-radius: 999px;
	padding: 12px 32px;
}

/* ---------- Panier / compteur ---------- */
.cart-count,
.cart_no,
.shopping-cart-count {
	background: var(--mab-rouge) !important;
	color: #fff !important;
	border-radius: 999px;
}

/* ---------- Fils d'Ariane, pagination, tags ---------- */
.pagination .current {
	background: var(--mab-rouge);
	color: #fff !important;
	border-radius: 4px;
}

/* ---------- Footer ---------- */
.footer-wp h3,
.footer-wp h4 {
	position: relative;
	padding-bottom: 10px;
}

.footer-wp h3::after,
.footer-wp h4::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 42px;
	height: 3px;
	background: var(--mab-rouge);
	border-radius: 2px;
}

/* ---------- Formulaires ---------- */
input:focus,
textarea:focus,
select:focus {
	outline: 1px solid var(--mab-rouge) !important;
	border-color: var(--mab-rouge) !important;
}

/* ---------- Sélection de texte ---------- */
::selection {
	background: var(--mab-rouge);
	color: #fff;
}

/* ==================== HEADER FINALISÉ ==================== */

/* ---------- Barre de recherche ---------- */
.header-search form {
	background: #fff;
	border: 2px solid #e8e8e8;
	border-radius: 999px;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	align-items: stretch;
}

.header-search form:focus-within {
	border-color: var(--mab-rouge);
	box-shadow: 0 0 0 3px rgba(45, 106, 79, 0.12);
}

.header-search input[type="search"] {
	padding: 10px 20px;
	background: transparent;
	font-size: 15px;
	color: #222;
}

.header-search input[type="search"]::placeholder {
	color: #9a9a9a;
	opacity: 1;
}

.header-search input[type="search"]:focus {
	outline: none !important;
	border-bottom: 0 !important;
}

.header-search button[type="submit"] {
	position: relative;
	background: var(--mab-rouge);
	width: 58px;
	min-width: 58px;
	border-radius: 0;
	transition: background 0.2s ease;
	cursor: pointer;
}

.header-search button[type="submit"]:hover {
	background: var(--mab-rouge-dark);
}

.header-search button[type="submit"]::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.2' y2='16.2'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}

/* ---------- Barre de menu : noire, contrastée ---------- */
.menu-section {
	background: var(--mab-noir) !important;
	border-top: 3px solid var(--mab-rouge);
}

.menu-section .main-menu-navigation a,
.menu-section nav a,
.menu-section .toggle-menu button {
	color: #fff !important;
}

.menu-section .main-menu-navigation a:hover,
.menu-section nav a:hover {
	color: var(--mab-rouge) !important;
}

/* ---------- Panier dans la barre de menu ---------- */
.cart_no i {
	color: #fff !important;
	transition: color 0.2s ease;
}

.cart_no a,
.cart_no span {
	color: #fff !important;
}

.cart_no .cart-total {
	color: var(--mab-rouge) !important;
	font-weight: 700;
}

.cart_no a:hover i {
	color: var(--mab-rouge) !important;
}

/* ---------- Icônes compte / wishlist du header ---------- */
.myaccount-link i,
.wishlist-link i {
	font-size: 20px;
	color: #222;
	transition: color 0.2s ease;
}

.myaccount-link:hover i,
.wishlist-link:hover i {
	color: var(--mab-rouge);
}

/* ---------- Sélecteur de catégories ---------- */
.drp_dwn_menu a:hover {
	color: var(--mab-rouge) !important;
}

/* ==================== ICÔNES HEADER (compte / panier / wishlist) ==================== */
.mab-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 28px;
}

.mab-action {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none !important;
	color: #16090C !important;
	line-height: 1.15;
}

.mab-action > i,
.mab-cart-icon > i {
	font-size: 24px;
	color: #16090C;
	transition: color 0.2s ease;
}

.mab-action:hover > i,
.mab-action:hover .mab-cart-icon > i {
	color: var(--mab-rouge);
}

.mab-action-label {
	display: flex;
	flex-direction: column;
}

.mab-action-label small {
	font-size: 12px;
	color: #6b6b6b;
}

.mab-action-label strong {
	font-size: 14px;
	font-weight: 700;
	color: #16090C;
	transition: color 0.2s ease;
}

.mab-action:hover .mab-action-label strong {
	color: var(--mab-rouge);
}

.mab-cart-icon {
	position: relative;
	display: inline-block;
}

.mab-cart-count {
	position: absolute;
	top: -10px;
	right: -12px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	background: var(--mab-rouge);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(45, 106, 79, 0.4);
}

@media (max-width: 767px) {
	.mab-header-actions {
		justify-content: center;
		margin-top: 12px;
		gap: 22px;
	}
}

/* ==================== BANDEAU D'ANNONCES (ancienne barre de menu) ==================== */
.mab-promo-bar {
	overflow: hidden;
	padding: 10px 0;
}

.mab-promo-track {
	display: flex;
	width: max-content;
	animation: mab-promo-scroll 28s linear infinite;
}

.mab-promo-bar:hover .mab-promo-track {
	animation-play-state: paused;
}

.mab-promo-group {
	display: flex;
	align-items: center;
	gap: 64px;
	padding-right: 64px;
	flex-shrink: 0;
}

.mab-promo-item {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
}

.mab-promo-item i {
	color: var(--mab-rouge);
	font-size: 13px;
}

@keyframes mab-promo-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.mab-promo-track {
		animation: none;
		width: 100%;
		justify-content: center;
	}
	.mab-promo-group[aria-hidden="true"] {
		display: none;
	}
}

/* ==================== TI WOOCOMMERCE WISHLIST ==================== */
.tinvwl_add_to_wishlist_button,
.tinv-wishlist a.button,
.tinv-wishlist button.button {
	color: var(--mab-rouge) !important;
}

.tinvwl_add_to_wishlist_button.tinvwl-product-in-list {
	color: var(--mab-rouge-dark) !important;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button:hover {
	color: var(--mab-rouge-dark) !important;
}

.tinv-wishlist table.tinvwl-table-manage-list .product-price,
.tinv-wishlist .tinv-header h2 {
	color: var(--mab-noir);
}

/* ==================== FOOTER ==================== */
.mab-footer .mab-footer-main {
	background: var(--mab-noir);
	padding: 56px 0 40px;
	border-top: 3px solid var(--mab-rouge);
}

.mab-footer-col {
	margin-bottom: 24px;
}

.mab-footer-brand a {
	font-size: 28px;
	font-weight: 800;
	color: #fff !important;
	text-decoration: none !important;
	letter-spacing: -0.01em;
}

.mab-footer-brand a span {
	color: var(--mab-rouge);
}

.mab-footer-about {
	color: #c9bfc1;
	font-size: 14px;
	line-height: 1.7;
	margin-top: 12px;
	max-width: 320px;
}

.mab-footer-payments {
	margin-top: 18px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.mab-footer-payments-label {
	color: #8f8385;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.mab-footer-payments i {
	font-size: 26px;
	color: #c9bfc1;
}

.mab-footer .mab-footer-main h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 18px;
}

.mab-footer .mab-footer-main h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 42px;
	height: 3px;
	background: var(--mab-rouge);
	border-radius: 2px;
}

.mab-footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mab-footer-links li {
	margin-bottom: 10px;
}

.mab-footer-links a {
	color: #c9bfc1 !important;
	font-size: 14px;
	text-decoration: none !important;
	transition: color 0.2s ease, padding-left 0.2s ease;
}

.mab-footer-links a:hover {
	color: var(--mab-rouge) !important;
	padding-left: 5px;
}

.mab-copyright {
	background: #0d0508;
}

.mab-copyright p {
	color: #8f8385;
	font-size: 13px;
	margin: 0;
	text-align: center;
}

.mab-copyright p a {
	color: #c9bfc1 !important;
	text-decoration: none !important;
}

.mab-copyright p a:hover {
	color: var(--mab-rouge) !important;
}

/* ------------------------------------------------------------------
   Neutralisation des couleurs WooCommerce par défaut
   WooCommerce livre un violet (#a46497) et un rouge (#b81c23) codés
   en dur dans woocommerce.css. Ils ne passent pas par les variables
   du thème, d'où un mélange visuel avec l'identité verte.
------------------------------------------------------------------- */

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--mab-rouge) !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--mab-rouge) !important;
}

.woocommerce-error {
	border-top-color: #8C2F1E !important;
}

.woocommerce-error::before {
	color: #8C2F1E !important;
}

.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button {
	background: var(--mab-rouge) !important;
	color: #fff !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	color: var(--mab-rouge-dark) !important;
}

.woocommerce .star-rating span::before,
.woocommerce p.stars a::before {
	color: #C8961E !important;
}

.woocommerce-store-notice,
p.demo_store {
	background-color: var(--mab-rouge-dark) !important;
	color: #fff !important;
}

.woocommerce-store-notice a,
p.demo_store a {
	color: #fff !important;
	text-decoration: underline !important;
}

/* Merkzettel (TI WooCommerce Wishlist) — alignement sur l'identité */
.tinv-wishlist .tinvwl_add_to_wishlist_button,
.tinv-wishlist button.button,
.tinv-wishlist .button {
	background-color: var(--mab-rouge) !important;
	border-color: var(--mab-rouge) !important;
	color: #fff !important;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button:hover,
.tinv-wishlist button.button:hover,
.tinv-wishlist .button:hover {
	background-color: var(--mab-rouge-dark) !important;
	border-color: var(--mab-rouge-dark) !important;
}

.tinvwl_add_to_wishlist_button.tinvwl-product-in-list,
.tinvwl_add_to_wishlist_button:hover {
	color: var(--mab-rouge) !important;
}