/*
 * Feuille chargée automatiquement par PrestaShop après theme.css (« theme-custom »).
 */

/*
 * Étape de paiement : acceptation des CGV, même style que le .com
 * (themes/panda/assets/css/custom.css du .com). Le gabarit
 * templates/checkout/_partials/steps/payment.tpl la place au-dessus des moyens de paiement.
 */
body#checkout section.checkout-step #conditions-to-approve {
	display: block;
	padding: 0.6rem 0.5rem;
	margin: 0 0 20px 0;
	border: 1px solid #489548;
	border-radius: 4px;
	background-color: #ddffb445;
	margin: 12px auto;
}
body#checkout #conditions-to-approve ul {
	margin: 0;
}
body#checkout #conditions-to-approve li {
	display: flex;
	align-items: center;
}
body#checkout #conditions-to-approve li + li {
	margin-top: 0.5rem;
}
body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"] {
	position: static;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
	opacity: 1;
	cursor: pointer;
}
body#checkout #conditions-to-approve .condition-label {
	padding-left: 0;
	margin-top: 0;
}
body#checkout #conditions-to-approve label {
	margin: 0;
	color: green;
}
body#checkout #conditions-to-approve #cta-terms-and-conditions-0 {
	color: blue;
}

/*
 * Panier : bloc « Zawsze przydatne » du module sdcartcrossselling.
 * Règles reprises telles quelles du .com (themes/panda/assets/css/custom.css, « Cros-selling panier ») ;
 * le module n'apporte que l'alignement des cartes (views/css/sdcartcrossselling.css).
 */
.cross-selling-container {
	background: transparent;
	box-shadow: 0 2px 20px rgba(0,0,0,.1);
	border: 0 !important;
	margin: 6px auto 24px auto;
	padding: 12px;
	width: 100%;
}
.cross-selling-title {
	font-size: 22px;
	margin: 12px;
	font-family: 'AllerDisplay-regular', Sans-serif, serif;
	color: #412bad;
}
.cross-selling-products {
	width: 100%;
	overflow: scroll;
	display: flex;
	gap: 7px;
}
.cr-product-box {
	width: 174.8px;
	height: fit-content;
	border: 1px solid #d4d1d1;
	padding: 6px;
	min-width: 166px;
	margin: 0 0 12px 0;
}
.cr-product-box-img {
	width: 100%;
	aspect-ratio: 1 / 1;
	background: #FFFFFF;
}
.cr-product-box-txt a {
	line-height: 16px;
	font-size: 14px;
}
.cr-product-box-txt .ajax_add_to_cart_button .cr-add-to-cart {
	background-color: #412bad;
	color: white;
	padding: 6px;
	text-align: center;
	margin: 6px auto 0 auto;
}

/*
 * Méga-menu « Efect crom » (stardustnav, bloc /317-efecte-cromate ; « Efekt chromu » /196-efekty-chromowe sur STPL) : les 4 photos n'ont pas les mêmes
 * proportions (380×287, 250×230, 250×232, 1350×1350). En pleine largeur de colonne, elles avaient des hauteurs
 * différentes et des titres décalés. Hauteur commune ici, photo entière (contain, fonds blancs) : titres sur une même ligne.
 */
.sdcnav__item--efecte-cromate .sdcnav__mega .sdcnav__cell img {
	width: auto;
	max-width: 100%;
	height: clamp(170px, 18vw, 230px);
	object-fit: contain;
}

/*
 * Listes de produits (catégories, recherche, marques, nouveautés, promotions…) : 4 produits par ligne au lieu de 5
 * (theme.css, « #products .products »), demande du client pour aérer la grille. À ~1000 px de contenu, une carte passe
 * de ~190 à ~240 px, sous les 250 px des vignettes home_default. 80 produits par page = lignes pleines.
 * Téléphones (≤ 420 px, responsive.css) non touchés. Les accessoires de la fiche produit restent à 5.
 */
@media (min-width: 421px) {
	#products .products {
		grid-template-columns: repeat(4, 1fr);
	}
}

/*
 * Panier : champ « Kod koloru » d'evercars (surcharge evercars_cart_line.tpl) avec le libellé sur la même ligne que le champ
 * (le module met le libellé en bloc au-dessus). Le champ garde ses 160 px et rétrécit si la colonne est étroite.
 */
.evercars-cart-line .evercars-cart-line-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	white-space: nowrap;
}
.evercars-cart-line .evercars-cart-line-label .evercars-line-input {
	flex: 0 1 160px;
	width: 160px;
	min-width: 0;
}

/* Compteur d'arbres plantés du pied de page (widget Tree-Nation, iframe 167×58), réglages repris du .com */
.tree-counter {
	display: block;
	margin: 12px 0 0 0;
	height: 60px;
}
.tree-counter iframe {
	height: 60px !important;
}

/* Message Tree-Nation du panier (checkout/_partials/cart-detailed.tpl), réglages repris du .com */
.treenation-cart-container {
	display: block;
	margin: 12px 0;
	width: 100%;
	line-height: normal;
	border: solid 1px #bcdff1;
	padding: 0.75rem 1.25rem .75rem 1.25rem;
	background-color: #d9edf7;
	text-align: left;
	color: #31708f;
}
.treenation-cart-img {
	display: inline-block;
	margin: -5px 18px 0 -3px;
	max-width: 180px;
	height: 24px;
	width: auto;
}