/**
 * Styles WooCommerce - Pixel Fleurs V2
 *
 * Personnalisation des styles WooCommerce
 */

/* ===== HEADER FIXES (WooCommerce peut interferer) ===== */

.site-header {
	height: 80px !important;
}

.site-header-inner {
	height: 80px !important;
}

.custom-logo {
	max-height: 50px !important;
	height: 50px !important;
}

.custom-logo-link {
	height: 50px !important;
}

/* ===== PRIX ET ÉVALUATIONS ===== */

.woocommerce-price-amount {
	color: var(--primary-color);
	font-weight: 600;
}

.woocommerce-currency-symbol {
	color: var(--text-secondary);
}

.price {
	font-size: var(--font-size-lg);
}

.woocommerce-review-link {
	color: var(--text-secondary);
	text-decoration: none;
	margin-left: var(--spacing-md);
}

/* Rating stars */
.star-rating {
	color: #FFD700; /* Gold pour les étoiles */
}

.star-rating span::before {
	color: var(--primary-color);
}

/* ===== BOUTONS WOOCOMMERCE ===== */

.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: var(--primary-color);
	color: var(--white);
	padding: var(--spacing-md) var(--spacing-lg);
	border: none;
	border-radius: var(--radius-md);
	cursor: pointer;
	font-weight: 600;
	transition: all var(--transition-base);
	min-height: 44px;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--primary-hover);
	transform: translateY(-2px);
	box-shadow: var(--shadow-md);
}

.woocommerce button.button.alt {
	background-color: var(--action-color);
}

.woocommerce button.button.alt:hover {
	background-color: var(--action-hover);
}

/* ===== BADGES ===== */

.woocommerce .badge {
	background-color: var(--action-color);
	color: var(--white);
	padding: var(--spacing-sm) var(--spacing-md);
	border-radius: var(--radius-sm);
	font-weight: 600;
	font-size: var(--font-size-xs);
}

.woocommerce .featured-badge {
	background-color: var(--primary-color);
}

/* ===== MESSAGES ===== */

.woocommerce-message {
	background-color: rgba(76, 175, 80, 0.1);
	border-color: var(--success);
	color: var(--text-primary);
	padding: var(--spacing-lg);
	margin-bottom: var(--spacing-lg);
	border-radius: var(--radius-md);
}

.woocommerce-error {
	background-color: rgba(244, 67, 54, 0.1);
	border-color: var(--error);
	color: var(--error);
	padding: var(--spacing-lg);
	margin-bottom: var(--spacing-lg);
	border-radius: var(--radius-md);
}

/* ===== FORMULAIRES WOOCOMMERCE ===== */

.woocommerce form input,
.woocommerce form textarea,
.woocommerce form select {
	border-color: var(--border-color);
	border-radius: var(--radius-md);
	padding: var(--spacing-md);
	font-family: var(--font-family);
}

.woocommerce form input:focus,
.woocommerce form textarea:focus,
.woocommerce form select:focus {
	border-color: var(--primary-color);
	outline: none;
	box-shadow: 0 0 0 3px rgba(139, 157, 131, 0.1);
}

.form-row label {
	color: var(--text-primary);
	font-weight: 500;
	margin-bottom: var(--spacing-sm);
	display: block;
}

.form-row .required {
	color: var(--error);
}

/* ===== QUANTITÉ ===== */

.woocommerce .quantity {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-sm);
}

.woocommerce .quantity input.qty {
	width: 60px;
	text-align: center;
	padding: var(--spacing-sm);
}

.woocommerce .quantity .qty-button {
	background-color: var(--background);
	border: 1px solid var(--border-color);
	color: var(--text-primary);
	width: 32px;
	height: 32px;
	min-height: 32px;
	padding: 0;
	cursor: pointer;
	border-radius: var(--radius-sm);
	transition: all var(--transition-base);
}

.woocommerce .quantity .qty-button:hover {
	background-color: var(--primary-light);
	border-color: var(--primary-color);
	color: var(--primary-color);
}