/*
 * Reproduit la mise en forme du bouton "Ajouter au panier" et du champ quantité de
 * la fiche produit, SANS réutiliser ses classes (`single_add_to_cart_button`,
 * `button`, `alt`, `btn-cartouche`) — celles-ci dépendaient du contexte du module
 * Divi et ne s'appliquaient pas correctement une fois réutilisées ailleurs.
 *
 * Valeurs copiées en dur depuis le CSS RÉELLEMENT généré par Divi pour ce produit
 * (inspection du 2026-07-15, fichiers et-cache/586/et-divi-dynamic-... et
 * et-cache/586/et-core-unified-cpt-...-deferred-586.min.css — pas le CSS générique
 * du thème, qui décrit un tout autre style en boîte rectangulaire jointe) :
 * https://logisec.la-freelancerie.fr/produit/cartouche-dencre-noire-pitney-bowes-sl-7741-pour-systemes-dm-infinity/
 *
 * Tout est scopé sous `.ss-woo-list-cart` : les classes `.qty-wrap`/`.qty-btn` sont
 * génériques (générées par le script +/- du thème sur TOUT le site), donc on ne les
 * redéfinit jamais globalement ici pour ne pas modifier leur rendu ailleurs (fiche
 * produit, panier...).
 *
 * À resynchroniser manuellement si la charte change côté Divi (couleur, rayon,
 * police, icône) — ce fichier ne suit pas ces changements automatiquement.
 */

/*
 * --- Bouton "Ajouter au panier" / "Accéder au produit" ---
 * `.ss-woo-list-add-to-cart` est un <button type="button"> (pas un <a> — voir la
 * note PHP sur l'imbrication dans le <a> du produit), `.ss-woo-list-view-product`
 * un <span> : reset `appearance`/`outline` nécessaire pour un `<button>`, dont le
 * chrome natif (fond, bordure) peut sinon déborder du style forcé ci-dessous dans
 * certains navigateurs (Safari notamment).
 */

.ss-woo-list-add-to-cart,
.ss-woo-list-view-product {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background-color: #fbf596 !important;
	color: #2f2f80 !important;
	font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	line-height: 1.4 !important;
	padding: 10px 20px !important;
	border: 1px solid #fbf596 !important;
	border-radius: 24px !important;
	white-space: nowrap;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	transition: background-color 300ms ease, border-color 300ms ease;
}

.ss-woo-list-add-to-cart:hover,
.ss-woo-list-add-to-cart:focus,
.ss-woo-list-view-product:hover,
.ss-woo-list-view-product:focus {
	background-color: #fffcfa !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	color: #2f2f80 !important;
}

.ss-woo-list-add-to-cart:focus-visible {
	outline: 2px solid rgba(0, 0, 0, 0.35);
	outline-offset: 2px;
}

/*
 * Icône flèche : même image que la fiche produit (dépendance externe — voir note
 * en tête de fichier), repositionnée nous-mêmes en flexbox plutôt qu'avec les
 * marges/`top` pensées pour la mise en page du module Divi d'origine, qui n'ont
 * pas de sens dans notre propre bouton.
 */
.ss-woo-list-add-to-cart::after,
.ss-woo-list-view-product::after {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-left: 9px;
	background-image: url("https://logisec.la-freelancerie.fr/wp-content/uploads/2026/05/Group-15.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* --- Champ quantité (habillé en `.qty-wrap`/`.qty-btn` par le script du thème) --- */

.ss-woo-list-cart .qty-wrap {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 6px;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, 0.07);
	background: #fff;
}

.ss-woo-list-cart .qty-wrap input.qty {
	width: 56px;
	height: 40px;
	text-align: center;
	margin: 0 !important;
	border-radius: 999px !important;
	border: 1px solid rgba(0, 0, 0, 0.25) !important;
	background: #fff !important;
	outline: none;
	font-family: 'SATOSHI-MEDIUM', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 700 !important;
	color: #2f2f80 !important;
	font-size: 17px !important;
}

.ss-woo-list-cart .qty-wrap input.qty::-webkit-outer-spin-button,
.ss-woo-list-cart .qty-wrap input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.ss-woo-list-cart .qty-wrap .qty-btn {
	min-width: 36px;
	width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	font-weight: 800;
	line-height: 1;
	color: #000 !important;
	border: 1px solid rgba(0, 0, 0, 0.15);
	background: #fff;
	cursor: pointer;
	user-select: none;
	transition: background .15s ease, border-color .15s ease;
}

.ss-woo-list-cart .qty-wrap .qty-btn:hover {
	background: rgba(0, 0, 0, 0.04);
}

.ss-woo-list-cart .qty-wrap .qty-btn:active {
	background: rgba(0, 0, 0, 0.08);
}

.ss-woo-list-cart .qty-wrap .qty-btn:focus-visible {
	outline: 2px solid rgba(0, 0, 0, 0.35);
	outline-offset: 2px;
}