/* =========================================================
   ARBRE DE PLUIE - PALETTE DE MARQUE
   ========================================================= */

:root {
	--adp-green-dark: #6F794E;
	--adp-green-logo: #838E5F;

	/* Déclinaisons directes du vert logo par opacité */
	--adp-green-80: rgba(131, 142, 95, 0.80);
	--adp-green-60: rgba(131, 142, 95, 0.60);
	--adp-green-40: rgba(131, 142, 95, 0.40);
	--adp-green-20: rgba(131, 142, 95, 0.20);

	--adp-focus-dark: #232323;
}


.caption-description p {
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.60) 0%
	);
	padding: 10px;
}

.payment__logo {
	max-width: var(--ty-size-15) !important;
}


/* =========================================================
   CHECKOUT - ALIGNEMENT DES MODES DE LIVRAISON
   ========================================================= */

#checkout-delivery-step .carrier {
	white-space: nowrap !important;
}

#checkout-delivery-step .delivery-option__right {
	font-weight: 700 !important;
	text-transform: capitalize;
}


/* =========================================================
   POINT RETRAIT COLIS - ID 32
   ========================================================= */

#checkout-delivery-step label[for="delivery_option_32"] {
	display: grid !important;
	grid-template-columns: auto auto minmax(260px, 1fr) auto;
	align-items: center;
	column-gap: 24px;
	width: 100%;
}

#checkout-delivery-step label[for="delivery_option_32"] .delivery-option__left {
	display: contents !important;
}

#checkout-delivery-step label[for="delivery_option_32"] .custom-radio {
	grid-column: 1;
}

#checkout-delivery-step label[for="delivery_option_32"] .carrier {
	grid-column: 2;
	justify-self: start;
	position: relative;
	left: -10px;
	white-space: nowrap !important;
}

#checkout-delivery-step label[for="delivery_option_32"] .delivery-option__center {
	display: none !important;
}

#checkout-delivery-step label[for="delivery_option_32"] .delivery-option__right {
	grid-column: 4;
	white-space: nowrap;
}

#checkout-delivery-step label[for="delivery_option_32"] .lp-extra-content {
	grid-column: 3;
	width: 100%;
	margin: 0 !important;
	padding: 0 20px 0 28px !important;
	box-sizing: border-box;
	align-self: center;
}

#checkout-delivery-step label[for="delivery_option_32"] .lp-extra-content > br:first-child {
	display: none;
}

#checkout-delivery-step label[for="delivery_option_32"] .lp-parcel-client {
	display: block;
	line-height: 1.45;
}

#checkout-delivery-step label[for="delivery_option_32"] .lp-parcel-client + br {
	display: none;
}

#checkout-delivery-step label[for="delivery_option_32"] .lp-select-parcel {
	display: inline-block;
	margin-top: 6px;
	margin-bottom: 0;
	text-decoration: underline;
	cursor: pointer;
	font-weight: 700;
	color: var(--adp-green-dark) !important;
}


/* =========================================================
   CLICK & COLLECT + LA POSTE
   ========================================================= */

#checkout-delivery-step
.delivery-options__item:not(:has(label[for="delivery_option_32"]))
.delivery-option__center {
	position: relative;
	left: -12px;
}


/* =========================================================
   BOUTONS PRINCIPAUX GLOBAUX
   ========================================================= */

.theme-trendy .btn.btn-primary {
	--bs-btn-color: #FFFFFF;
	--bs-btn-bg: var(--adp-green-dark);
	--bs-btn-border-color: var(--adp-green-dark);

	--bs-btn-hover-color: #FFFFFF;
	--bs-btn-hover-bg: var(--adp-green-logo);
	--bs-btn-hover-border-color: var(--adp-green-logo);

	--bs-btn-active-color: #FFFFFF;
	--bs-btn-active-bg: var(--adp-green-logo);
	--bs-btn-active-border-color: var(--adp-green-logo);

	background: var(--adp-green-dark) !important;
	border: 1px solid var(--adp-green-dark) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

.theme-trendy .btn.btn-primary .material-icons,
.theme-trendy .btn.btn-primary i {
	color: inherit !important;
}

.theme-trendy .btn.btn-primary:not(:disabled):not(.disabled):hover {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-green-logo) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
}

.theme-trendy .btn.btn-primary:not(:disabled):not(.disabled):active,
.theme-trendy .btn.btn-primary:not(:disabled):not(.disabled):focus:not(:focus-visible) {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-green-logo) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	outline: none !important;
}

.theme-trendy .btn.btn-primary:focus-visible {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-focus-dark) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	outline: 2px solid var(--adp-focus-dark) !important;
	outline-offset: 2px;
}

.theme-trendy .btn.btn-primary:disabled,
.theme-trendy .btn.btn-primary.disabled {
	background: var(--adp-green-dark) !important;
	border-color: var(--adp-green-dark) !important;
	color: #FFFFFF !important;
	opacity: 0.55;
	box-shadow: none !important;
}


/* =========================================================
   BOUTONS SECONDAIRES GLOBAUX
   Blanc au repos / vert logo au survol
   ========================================================= */

.theme-trendy .btn.btn-outline-primary {
	--bs-btn-color: var(--adp-green-dark);
	--bs-btn-bg: #FFFFFF;
	--bs-btn-border-color: var(--adp-green-dark);

	--bs-btn-hover-color: #FFFFFF;
	--bs-btn-hover-bg: var(--adp-green-logo);
	--bs-btn-hover-border-color: var(--adp-green-logo);

	background: #FFFFFF !important;
	border: 1px solid var(--adp-green-dark) !important;
	color: var(--adp-green-dark) !important;
	box-shadow: none !important;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

.theme-trendy .btn.btn-outline-primary .material-icons,
.theme-trendy .btn.btn-outline-primary i {
	color: inherit !important;
}

.theme-trendy .btn.btn-outline-primary:not(:disabled):not(.disabled):hover {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-green-logo) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
}

.theme-trendy .btn.btn-outline-primary:not(:disabled):not(.disabled):active,
.theme-trendy .btn.btn-outline-primary:not(:disabled):not(.disabled):focus:not(:focus-visible) {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-green-logo) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	outline: none !important;
}

.theme-trendy .btn.btn-outline-primary:focus-visible {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-focus-dark) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	outline: 2px solid var(--adp-focus-dark) !important;
	outline-offset: 2px;
}


/* =========================================================
   TITRES DES CARTES PRODUITS
   ========================================================= */

.theme-trendy .product-miniature__title .link {
	color: var(--adp-green-dark) !important;
	font-weight: 600 !important;
}

.theme-trendy .product-miniature__title .link:hover,
.theme-trendy .product-miniature__title .link:focus {
	color: var(--adp-green-logo) !important;
}


/* =========================================================
   ACCUEIL - "TOUS LES PRODUITS"
   Exception : reste un CTA plein
   ========================================================= */

#index .btn-wrapper .btn.btn-outline-primary {
	background: var(--adp-green-dark) !important;
	border: 1px solid var(--adp-green-dark) !important;
	color: #FFFFFF !important;
	font-weight: 700;
	box-shadow: none !important;
}

#index .btn-wrapper .btn.btn-outline-primary:hover,
#index .btn-wrapper .btn.btn-outline-primary:active,
#index .btn-wrapper .btn.btn-outline-primary:focus:not(:focus-visible) {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-green-logo) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
}

#index .btn-wrapper .btn.btn-outline-primary:focus-visible {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-focus-dark) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	outline: 2px solid var(--adp-focus-dark) !important;
	outline-offset: 2px;
}


/* =========================================================
   BLOG - "TOUTES LES CATÉGORIES" / "VOIR TOUT"
   ========================================================= */

.theme-trendy .blog_view_all,
.theme-trendy .view_all_link {
	background: var(--adp-green-dark) !important;
	border: 1px solid var(--adp-green-dark) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

.theme-trendy .blog_view_all:hover,
.theme-trendy .view_all_link:hover,
.theme-trendy .blog_view_all:focus:not(:focus-visible),
.theme-trendy .view_all_link:focus:not(:focus-visible) {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-green-logo) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	outline: none !important;
}

.theme-trendy .blog_view_all:focus-visible,
.theme-trendy .view_all_link:focus-visible {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-focus-dark) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	outline: 2px solid var(--adp-focus-dark) !important;
	outline-offset: 2px;
}


/* =========================================================
   BADGES PRODUITS
   Déclinaisons directes du vert logo
   ========================================================= */

.theme-trendy .product-flags .badge:not(.out_of_stock) {
	background: var(--adp-green-20) !important;
	border: 1px solid var(--adp-green-40) !important;
	color: var(--adp-green-dark) !important;
	font-weight: 600;
	box-shadow: none !important;
}


/* Rupture de stock : statut neutre, pas promotionnel */
.theme-trendy .product-flags .badge.out_of_stock {
	background: rgba(35, 35, 35, 0.08) !important;
	border: 1px solid rgba(35, 35, 35, 0.25) !important;
	color: #4B4B4B !important;
	font-weight: 600;
	box-shadow: none !important;
}

/* =========================================================
   NAVIGATION PRINCIPALE
   Page active : vert foncé + semi-gras
   Survol : vert du logo
   ========================================================= */

/* Pages natives PrestaShop :
   Qui sommes-nous, Le concept, Nos arbres de pluie, etc. */
.theme-trendy #top-menu.main-menu__tree
> li.current
> a.main-menu__tree__link {
	color: var(--adp-green-dark) !important;
	font-weight: 600 !important;
}

/* Blog : module externe, donc traitement spécifique */
body#ets_blog_page.theme-trendy
#top-menu.main-menu__tree
> li#lnk-blog
> a.main-menu__tree__link {
	color: var(--adp-green-dark) !important;
	font-weight: 600 !important;
}

/* Survol de tous les éléments principaux du menu */
.theme-trendy #top-menu.main-menu__tree
> li
> a.main-menu__tree__link:hover,
.theme-trendy #top-menu.main-menu__tree
> li
> a.main-menu__tree__link:focus {
	color: var(--adp-green-logo) !important;
}

/* La graisse reste conservée au survol lorsqu'on est sur la page active */
.theme-trendy #top-menu.main-menu__tree
> li.current
> a.main-menu__tree__link:hover,
.theme-trendy #top-menu.main-menu__tree
> li.current
> a.main-menu__tree__link:focus,
body#ets_blog_page.theme-trendy
#top-menu.main-menu__tree
> li#lnk-blog
> a.main-menu__tree__link:hover,
body#ets_blog_page.theme-trendy
#top-menu.main-menu__tree
> li#lnk-blog
> a.main-menu__tree__link:focus {
	color: var(--adp-green-logo) !important;
	font-weight: 600 !important;
}


/* =========================================================
   PANIER - LIEN "RETIRER"
   Action destructive traitée en neutre
   ========================================================= */

.theme-trendy .remove-from-cart.btn.btn-tertiary.btn-tertiary-text {
	color: #4B4B4B !important;
	text-decoration: none;
	box-shadow: none !important;
}

/* Survol souris */
.theme-trendy .remove-from-cart.btn.btn-tertiary.btn-tertiary-text:hover {
	color: var(--adp-focus-dark) !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Clic souris */
.theme-trendy
.remove-from-cart.btn.btn-tertiary.btn-tertiary-text:focus:not(:focus-visible) {
	color: var(--adp-focus-dark) !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Navigation clavier */
.theme-trendy
.remove-from-cart.btn.btn-tertiary.btn-tertiary-text:focus-visible {
	color: var(--adp-focus-dark) !important;
	text-decoration: underline;
	text-underline-offset: 2px;

	outline: 2px solid var(--adp-focus-dark) !important;
	outline-offset: 4px;
	box-shadow: none !important;
}

/* =========================================================
   BLOG - TITRES DES ARTICLES
   Colonne "Derniers articles" + liste principale
   ========================================================= */

body#ets_blog_page.theme-trendy a.ets_title_block {
	color: var(--adp-green-dark) !important;
}

body#ets_blog_page.theme-trendy a.ets_title_block:hover,
body#ets_blog_page.theme-trendy a.ets_title_block:focus {
	color: var(--adp-green-logo) !important;
}

/* =========================================================
   MODULE "NOS ARBRES DE PLUIE"
   Harmonisation avec la charte Arbre de Pluie
   ========================================================= */


/* =========================================================
   BOUTONS SECONDAIRES DU MODULE
   ========================================================= */

#adp-category-content.adpcc .adpcc-button {
	background: transparent !important;
	border: 1px solid var(--adp-green-dark) !important;
	color: var(--adp-green-dark) !important;
	font-weight: 600 !important;
	box-shadow: none !important;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}


/* Survol */
#adp-category-content.adpcc .adpcc-button:hover,
#adp-category-content.adpcc .adpcc-button:active,
#adp-category-content.adpcc .adpcc-button:focus:not(:focus-visible) {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-green-logo) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	outline: none !important;
}


/* Navigation clavier */
#adp-category-content.adpcc .adpcc-button:focus-visible {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-focus-dark) !important;
	color: #FFFFFF !important;

	outline: 2px solid var(--adp-focus-dark) !important;
	outline-offset: 2px;
	box-shadow: none !important;
}


/* =========================================================
   BANDEAU "EN SAVOIR PLUS"
   ========================================================= */

#adp-category-content.adpcc .adpcc-more {
	background: var(--adp-green-dark) !important;
}


/* Cartes au repos */
#adp-category-content.adpcc .adpcc-more-card-link {
	background: transparent !important;
	color: #FFFFFF !important;
	box-shadow: none !important;

	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}


/* Titres, textes et icônes restent blancs */
#adp-category-content.adpcc .adpcc-more-card-link h3,
#adp-category-content.adpcc .adpcc-more-card-link .adpcc-copy,
#adp-category-content.adpcc .adpcc-more-card-link .adpcc-copy p,
#adp-category-content.adpcc .adpcc-more-card-link .adpcc-more-icon {
	color: #FFFFFF !important;
}


/* Survol d'une carte :
   passage au vert exact du logo */
#adp-category-content.adpcc .adpcc-more-card-link:hover,
#adp-category-content.adpcc .adpcc-more-card-link:focus:not(:focus-visible) {
	background: var(--adp-green-logo) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	outline: none !important;
}


/* Navigation clavier */
#adp-category-content.adpcc .adpcc-more-card-link:focus-visible {
	background: var(--adp-green-logo) !important;
	color: #FFFFFF !important;

	outline: 2px solid #FFFFFF !important;
	outline-offset: -4px;
	box-shadow: none !important;
}

/* =========================================================
   ANCIENS LIENS CMS EN #86A963
   Harmonisation avec la nouvelle charte
   ========================================================= */

/* Liens éditoriaux simples */
.theme-trendy a[style*="color:#86a963"] {
	color: var(--adp-green-dark) !important;
}

.theme-trendy a[style*="color:#86a963"]:hover,
.theme-trendy a[style*="color:#86a963"]:focus {
	color: var(--adp-green-logo) !important;
}


/* CTA avec bordure :
   "Voir tous les Arbres de Pluie" */
.theme-trendy
a[style*="border:1px solid #86A963"][style*="color:#86a963"] {
	background: var(--adp-green-dark) !important;
	border-color: var(--adp-green-dark) !important;
	color: #FFFFFF !important;
	box-shadow: none !important;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

.theme-trendy
a[style*="border:1px solid #86A963"][style*="color:#86a963"]:hover,
.theme-trendy
a[style*="border:1px solid #86A963"][style*="color:#86a963"]:focus {
	background: var(--adp-green-logo) !important;
	border-color: var(--adp-green-logo) !important;
	color: #FFFFFF !important;
}

/* =========================================================
   PAYPAL - FICHE PRODUIT
   Mise en page desktop + mobile
   ========================================================= */

/* ===== DESKTOP ===== */
@media (min-width: 769px) {

	/* Zone achat : autoriser les retours à la ligne */
	#product .product-actions__quantity-wrapper {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		gap: 12px !important;
	}

	/* 1re ligne : quantité + Ajouter au panier */
	#product .product-actions__quantity {
		flex: 0 0 160px !important;
	}

	#product .product-actions__button {
		flex: 1 1 0 !important;
		min-width: 220px !important;
	}

	/* Message PayPal 4X : forcer son CONTENEUR FLEX à prendre toute la ligne */
	#product .product-actions__quantity-wrapper > div:has([data-pp-message]) {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Le composant PayPal et son iframe utilisent toute la largeur du conteneur */
	#product .product-actions__quantity-wrapper > div:has([data-pp-message]) [data-pp-message],
	#product .product-actions__quantity-wrapper > div:has([data-pp-message]) [data-pp-message] > span {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#product .product-actions__quantity-wrapper > div:has([data-pp-message])
	[data-pp-message] iframe[title^="PayPal Message"] {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
	}

	/* PayPal Acheter : ligne complète */
	#product [data-container-express-checkout] {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin: 4px 0 0 0 !important;
	}

	#product [paypal-button-container] {
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
	}

	/* Payer en plusieurs fois : ligne complète */
	#product [data-container-bnpl] {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}

	#product [paypal-bnpl-button-container] {
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
	}

	/* Espace avant l'extrait sonore */
	#product-audio {
		margin-top: 18px !important;
	}
}


/* ===== MOBILE ===== */
@media (max-width: 768px) {

	/* PayPal Acheter */
	#product [data-container-express-checkout] {
		float: none !important;
		clear: both !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		box-sizing: border-box !important;
		margin: 8px 0 6px 0 !important;
	}

	#product [paypal-button-container] {
		width: 100% !important;
		max-width: none !important;
		display: block !important;
		box-sizing: border-box !important;
	}

	/* Payer en plusieurs fois */
	#product [data-container-bnpl] {
		float: none !important;
		clear: both !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		box-sizing: border-box !important;
		margin: 6px 0 12px 0 !important;
	}

	#product [paypal-bnpl-button-container] {
		width: 100% !important;
		max-width: none !important;
		display: block !important;
		box-sizing: border-box !important;
	}

	/* Espace avant l'extrait sonore */
	#product-audio {
		margin-top: 12px !important;
	}
}

/* Correction des espaces entre les boutons PayPal sur ordinateur */
@media (min-width: 769px) {
  #product .product-actions__quantity-wrapper > .clearfix {
    display: none !important;
  }
}
/* Espacement du titre, du lecteur et du conseil d'écoute */
#product-audio > div > p {
  margin: 0 0 8px !important;
}

#product-audio audio {
  display: block !important;
  margin: 0 0 8px !important;
}

#product-audio > div > small {
  display: block;
  line-height: 1.5;
}
/* Descendre légèrement le message PayPal sur ordinateur */
@media (min-width: 769px) {
  #product .product-actions__quantity-wrapper > div:has([data-pp-message]) {
    padding-top: 11px !important;
    padding-bottom: 0 !important;
  }
}
/* Prix et TTC sur la même ligne : ordinateur et téléphone */
#product .product__prices-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: baseline !important;
  gap: 8px !important;
}

#product .product__prices-wrapper > .product__prices-flex {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}
/* Supprimer les séparateurs inutiles autour de PayPal sur téléphone */
@media (max-width: 768px) {
  #product .product-actions__quantity-wrapper > .clearfix {
    display: none !important;
  }
}
/* Ajuster les espaces PayPal sur téléphone */
@media (max-width: 768px) {

  #product .product-actions__quantity-wrapper {
    row-gap: 6px !important;
  }

  /* Message : pleine largeur et légèrement descendu */
  #product .product-actions__quantity-wrapper > div:has([data-pp-message]) {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 11px 0 0 !important;
  }

  #product [data-pp-message],
  #product [data-pp-message] > span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #product [data-pp-message] iframe[title^="PayPal Message"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }

  /* Réduire de moitié les marges des boutons */
  #product [data-container-express-checkout] {
    margin: 4px 0 3px !important;
  }

  #product [data-container-bnpl] {
    margin: 3px 0 6px !important;
  }
}
/* Renforcer la lisibilité du bouton Ajouter au panier */
#product .product-actions__button .add-to-cart {
  font-size: 17px !important;
  font-weight: 600 !important;
}
/* Réduire la hauteur de la grande photo sur ordinateur */
@media (min-width: 992px) {
  #product .product-big__slider .swiper-slide img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 620px !important;
    object-fit: contain !important;
  }
}
/* Réassurance : alignement et lisibilité sur ordinateur */
@media (min-width: 992px) {

  #product .blockreassurance_product {
    padding-top: 20px !important;
    row-gap: 40px !important;
  }

  #product .blockreassurance_product .rea__title {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
  }
}
/* Agrandir légèrement les phrases de réassurance sur ordinateur */
@media (min-width: 992px) {
  #product .blockreassurance_product .rea__desc {
    font-size: 14px !important;
  }
}
/* Taille des liens de téléchargement des notices */
#product #attachments .attachment > a {
  font-size: 15px !important;
}
/* Fiche technique : intitulés et valeurs en 14 px */
#product #product-features .detail__title,
#product #product-features .detail__right,
#product #product-features .detail__right > * {
    font-size: 14px !important;
}
/* Panier : boutons PayPal sur ordinateur et mobile */
#cart [data-container-express-checkout],
#cart [data-container-bnpl] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
}

#cart [paypal-button-container],
#cart [paypal-bnpl-button-container] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Panier : espacement du bouton jaune PayPal */
#cart [data-container-express-checkout] {
    margin: 20px 0 8px 0 !important;
}

/* Panier : préserver les contours du bouton en plusieurs fois */
#cart [data-container-bnpl] {
    margin: 0 !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
}
/* Panier : texte du bouton Commander */
#cart .cart-detailed__actions a.btn.btn-primary {
    font-size: 17px !important;
    font-weight: 600 !important;
}
/* Informations personnelles : masquer les boutons PayPal express */
#checkout-personal-information-step [data-container-express-checkout],
#checkout-personal-information-step [data-container-bnpl] {
    display: none !important;
}
/* Tunnel : bouton Paiement */
#checkout button[name="confirmDeliveryOption"] {
    font-size: 17px !important;
    font-weight: 600 !important;
    justify-content: center !important;
    min-height: 48px !important;
}

/* Ordinateur : bouton environ deux fois plus large */
@media (min-width: 768px) {
    #checkout button[name="confirmDeliveryOption"] {
        width: 220px !important;
        max-width: 100% !important;
    }
}
/* Paiement : réduire le picto du virement */
#checkout-payment-step img.payment__logo[src*="virement-bancaire.png"] {
    width: calc(var(--ty-size-15) * 0.7) !important;
    max-width: calc(var(--ty-size-15) * 0.7) !important;
    height: auto !important;
}
/* Paiement : réduire les pictos CB et CB en plusieurs fois */
#checkout-payment-step img.payment__logo[src*="/systempay/views/img/standard.png"],
#checkout-payment-step img.payment__logo[src*="/systempay/views/img/multi.png"] {
    width: calc(var(--ty-size-15) * 0.7) !important;
    max-width: calc(var(--ty-size-15) * 0.7) !important;
    height: auto !important;
}
/* Paiement : rendre les boutons de sélection plus visibles */
#checkout-payment-step input.form-check-input[type="radio"] {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    flex-shrink: 0 !important;
    border: 1.5px solid #707952 !important;
    cursor: pointer;
}

/* Mettre en évidence l’option sélectionnée */
#checkout-payment-step input.form-check-input[type="radio"]:checked {
    background-color: #707952 !important;
    border-color: #707952 !important;
}
/* Paiement : case des conditions générales de vente */
#checkout-payment-step input[type="checkbox"][name^="conditions_to_approve"] {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    flex-shrink: 0 !important;
    border: 1.5px solid #707952 !important;
    cursor: pointer;
}

#checkout-payment-step input[type="checkbox"][name^="conditions_to_approve"]:checked {
    background-color: #707952 !important;
    border-color: #707952 !important;
}
/* PayPal : rapprocher les visuels de leur texte */
#checkout-payment-step .form-check-label:has([paypal-mark-container]) {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

#checkout-payment-step .form-check-label:has([paypal-mark-container]) > span.flex-grow-1 {
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

#checkout-payment-step [paypal-mark-container] {
    display: inline-flex !important;
    flex: 0 0 auto !important;
}

/* Agrandir les deux visuels PayPal de 40 % */
#checkout-payment-step [paypal-mark-container] .paypal-mark {
    zoom: 1.28;
    margin: 0 !important;
}

/* Espacement des deux options PayPal */
#checkout-payment-step .payment__option:has([paypal-mark-container]) {
    margin-bottom: 20px !important;
}

/* Bouton final Commander : texte et hauteur */
#checkout-payment-step .payment__actions .btn-primary {
    font-size: 17px !important;
    font-weight: 600 !important;
    min-height: 48px !important;
    justify-content: center !important;
}

/* Ordinateur : agrandir la largeur du bouton Commander */
@media (min-width: 768px) {
    #checkout-payment-step .payment__actions .btn-primary {
        width: 280px !important;
        max-width: 100% !important;
    }
}
/* Ordinateur : ajuster l’alignement des deux lignes PayPal */
@media (min-width: 992px) {
    #checkout-payment-step .form-check-label:has(input[data-module-name="paypal"]) {
        position: relative;
        top: 6px;
    }

    #checkout-payment-step .form-check-label:has(input[data-module-name="paypal_bnpl"]) {
        position: relative;
        top: -2px;
    }
}
/* Paiement : masquer les quatre arguments promotionnels PayPal */
#checkout-payment-step [data-pp-info] {
    display: none !important;
}
/* =========================================================
   VALIDATION DU PAIEMENT — ALIGNEMENT SUR ORDINATEUR
   ========================================================= */

@media (min-width: 768px) {

  /* Retour à gauche et paiement à droite, centrés verticalement */
  #checkout-payment-step .payment__actions:has(> .payment-validation-zone) {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
  }

  /* Largeur commune aux trois boutons de validation */
  #checkout-payment-step .payment-validation-zone {
    flex: 0 0 280px !important;
    width: 280px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Commander ne doit plus réserver de place avec PayPal */
  #checkout-payment-step:has(
    input[name="payment-option"][data-module-name="paypal"]:checked
  ) .payment-validation-zone #payment-confirmation,
  #checkout-payment-step:has(
    input[name="payment-option"][data-module-name="paypal_bnpl"]:checked
  ) .payment-validation-zone #payment-confirmation {
    display: none !important;
  }

  /* Supprimer les espaces des blocs de validation */
  #checkout-payment-step .payment-validation-zone .payment__definitions,
  #checkout-payment-step .payment-validation-zone #payment-confirmation,
  #checkout-payment-step .payment-validation-zone #payment-confirmation .payment__actions {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Bouton Commander : 280 × 48 px */
  #checkout-payment-step .payment-validation-zone .btn-primary {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* Conteneurs des boutons PayPal */
  #checkout-payment-step .payment-validation-zone [data-container-express-checkout],
  #checkout-payment-step .payment-validation-zone [data-container-bnpl] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #checkout-payment-step .payment-validation-zone [paypal-button-container],
  #checkout-payment-step .payment-validation-zone [paypal-bnpl-button-container] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #checkout-payment-step .payment-validation-zone .paypal_payment_form {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Agrandissement proportionnel : hauteur de 35 à 48 px */
  #checkout-payment-step .payment-validation-zone .paypal-buttons {
    display: block !important;
    zoom: 1 !important;
    width: calc(100% / 1.3714286) !important;
    max-width: none !important;
    transform: scale(1.3714286) !important;
    transform-origin: top left !important;
    margin: 0 !important;
  }
}