/* AMIO — styles de la refonte (lot 7), chargés après le CSS compilé du thème (inc/amio.php). */

/* Visuel neutre tant que la photo du client n'est pas là (fiche et cartes produit). */
.amio-sans-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #c9c9c9;
	background: linear-gradient(135deg, #f7f7f7 0%, #efefef 100%);
}

.pp-related-card-img .amio-sans-image svg {
	width: 44px;
	height: 44px;
}

/* Méga-menu : le SCSS du thème cible l'ancien menu par son ID (#ubermenu-main-4). Ces règles en reprennent
   le rendu pour toute instance « main » d'UberMenu, quel que soit l'ID du menu servi (inc/amio.php). */
.ubermenu-main .ubermenu-item-level-0 i {
	top: 50% !important;
}

/* L'ancienne règle tenait sa priorité de l'ID ; sans ID, !important est nécessaire face aux styles UberMenu
   des liens (.ubermenu-target). */
.ubermenu-main .btn-menu,
.ubermenu-main a.ubermenu-target.btn-menu {
	border-radius: 20px 0 20px 0 !important;
	padding: 10px 20px !important;
	background-color: #ffbb15 !important;
	border-color: #ffbb15 !important;
	text-transform: uppercase !important;
	display: inline-block !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 20px !important;
	margin-left: 20px;
	text-decoration: none !important;
}

.ubermenu-main .btn-menu:hover,
.ubermenu-main a.ubermenu-target.btn-menu:hover {
	background-color: #000 !important;
}

/* Badge « +n » des cartes produit. */
.pp-related-tax-badge.amio-badge-plus {
	cursor: help;
	color: var(--noir-claire);
	background: var(--blanc);
}

/* [amio_liste] : sous-pages ou termes d'une page hub. */
.amio-liste {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin: 0 0 48px;
}

.amio-liste-carte {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px 22px 20px;
	border: 1px solid var(--gris-tres-clair);
	border-radius: 16px;
	background: var(--blanc);
	color: var(--noir-claire);
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease;
}

.amio-liste-carte:hover,
.amio-liste-carte:focus-visible {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
	color: var(--noir-claire);
}

/* Sélecteurs renforcés : la couleur des liens du thème (jaune) l'emportait et rendait le texte peu lisible. */
.amio-liste a.amio-liste-carte .amio-liste-titre {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: #1d1d1b;
}

.amio-liste a.amio-liste-carte .amio-liste-texte {
	font-size: 15px;
	line-height: 1.5;
	flex: 1;
	color: #4a4a48;
}

.amio-liste a.amio-liste-carte .amio-liste-lien {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	color: var(--jaune-orange, #e09a00);
}

@media (max-width: 991px) {
	.amio-liste {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 575px) {
	.amio-liste {
		grid-template-columns: 1fr;
	}
}