/* =========================================================
   LOGMIS — Pricing tables (widget Ohio Pricing Table)
   Compléments à la maquette que le widget Ohio n'expose pas nativement.
   ========================================================= */

/* #2 — Unité de prix INLINE (ex. « / chambre / mois ») — OPT-IN par classe « prix-unite ».
   Le contenu reste du VRAI texte (champ « Description » du widget = .pricing-table-details) :
   on ne fait ici que la mise en page (inline, à droite du prix, en gris).
   Sans la classe → la Description reste sous le prix (ex. note POS « Par licence… »). */
.prix-unite .pricing-table-price,
.prix-unite .pricing-table-details {
	display: inline-block;
	vertical-align: middle;   /* unité centrée verticalement sur le prix (maquette) */
}
/* Ohio met line-height + marge sur le bloc prix → sa boîte est plus haute que le
   chiffre, ce qui décale la centration. On neutralise pour que le centre de boîte
   = centre visuel du chiffre (sinon vertical-align:middle paraît décalé). */
.prix-unite .pricing-table-price,
.prix-unite .pricing-table-price .price-number {
	margin: 0 !important;
	line-height: 1 !important;
}
.prix-unite .pricing-table-details {
	margin: 0 0 0 10px;
	line-height: 1.15;
	color: #807c8c;      /* gris neutre (≈ maquette) — ajustable */
	font-weight: 500;
	font-size: 16px;
}

/* Cartes de MÊME HAUTEUR : le widget remplit la colonne Elementor (égalisée par
   le container flex parent, align stretch par défaut), et la carte remplit le
   widget. .pricing-table reste en flux normal à l'intérieur → l'unité inline
   (ci-dessus) est préservée (pas de flex-column qui casserait l'inline). */
.elementor-widget-ohio_pricing_table,
.elementor-widget-ohio_pricing_table > .elementor-widget-container {
	display: flex;
}
.elementor-widget-ohio_pricing_table .pricing-table {
	width: 100%;
}

/* Aération : espace entre le bloc prix (partie haute) et la liste de features
   (partie basse), conforme maquette. */
.pricing-table .pricing-table-features {
	margin-top: 32px;
}

/* BOUTON COLLÉ EN BAS — sans flex-column (qui casserait l'unité inline).
   On cible UNIQUEMENT le bouton : sorti du flux (position:absolute) et épinglé
   au bas de la carte. left/right laissés en auto → le bouton garde sa position
   horizontale naturelle (-left, calée sur le padding gauche) et sa largeur.
   La carte réserve la place du bouton via padding-bottom (padding d'origine
   1.8rem = 28.8px + hauteur bouton ~52px + 32px d'aération) pour qu'aucune
   feature ne passe sous le bouton sur la carte la plus haute.
   !important = pour battre le padding du style de carte Ohio « -contained ». */
.elementor-widget-ohio_pricing_table .pricing-table {
	position: relative;
	padding-bottom: calc(1.8rem + 52px + 32px) !important;
}
.elementor-widget-ohio_pricing_table .pricing-table > .button {
	position: absolute;
	bottom: 1.8rem;   /* = padding-bas d'origine de la carte (28.8px) */
	margin: 0;        /* neutralise une éventuelle marge de flux */
}

/* #3 — SURVOL DE LA CARTE : inversion des couleurs (maquette)
   Au hover : fond indigo, TOUS les textes en blanc, coches (lignes incluses)
   en vert #00C86E, bouton inversé (fond blanc, texte bleu-nuit #283742).
   ⚠️ Transitions UNIFIÉES (même durée .25s, sans délai, incluant
   -webkit-text-fill-color) déclarées sur l'état de BASE (c'est lui qui pilote
   la SORTIE) : sinon le bouton Ohio reprend sa propre transition 'all' avec
   délai → effet disgracieux « en 2 temps » au survol/sortie. */
.elementor-widget-ohio_pricing_table .pricing-table,
.elementor-widget-ohio_pricing_table .pricing-table .button,
.elementor-widget-ohio_pricing_table .pricing-table .title,
.elementor-widget-ohio_pricing_table .pricing-table h5,
.elementor-widget-ohio_pricing_table .pricing-table .subtitle,
.elementor-widget-ohio_pricing_table .pricing-table .price-number,
.elementor-widget-ohio_pricing_table .pricing-table .pricing-table-details,
.elementor-widget-ohio_pricing_table .pricing-table .pricing-table-features li,
.elementor-widget-ohio_pricing_table .pricing-table .icon svg,
.elementor-widget-ohio_pricing_table .pricing-table .icon svg path,
.elementor-widget-ohio_pricing_table .pricing-table .button * {
	transition: background-color .25s ease, color .25s ease, fill .25s ease,
		border-color .25s ease, box-shadow .25s ease, -webkit-text-fill-color .25s ease !important;
	transition-delay: 0s !important;
}

/* fond indigo au survol */
.elementor-widget-ohio_pricing_table .pricing-table:hover {
	background-color: #4646ff !important;
}

/* tous les textes en blanc */
.elementor-widget-ohio_pricing_table .pricing-table:hover,
.elementor-widget-ohio_pricing_table .pricing-table:hover h5,
.elementor-widget-ohio_pricing_table .pricing-table:hover .title,
.elementor-widget-ohio_pricing_table .pricing-table:hover .subtitle,
.elementor-widget-ohio_pricing_table .pricing-table:hover .price-number,
.elementor-widget-ohio_pricing_table .pricing-table:hover .pricing-table-details,
.elementor-widget-ohio_pricing_table .pricing-table:hover .pricing-table-features li,
.elementor-widget-ohio_pricing_table .pricing-table:hover .pricing-table-features li .title {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* coches (lignes incluses) en vert #00C86E */
.elementor-widget-ohio_pricing_table .pricing-table:hover .pricing-table-features li.exist .icon,
.elementor-widget-ohio_pricing_table .pricing-table:hover .pricing-table-features li.exist .icon svg,
.elementor-widget-ohio_pricing_table .pricing-table:hover .pricing-table-features li.exist .icon svg path {
	color: #00c86e !important;
	fill: #00c86e !important;
}

/* bouton inversé : fond blanc, texte bleu-nuit #283742
   (.button:hover couvert pour le cas où le curseur est posé sur le bouton ;
   -webkit-text-fill-color forcé sur le bouton lui-même, qu'Ohio met en blanc). */
.elementor-widget-ohio_pricing_table .pricing-table:hover .button,
.elementor-widget-ohio_pricing_table .pricing-table:hover .button:hover {
	background-color: #fff !important;
	border-color: #fff !important;
}
.elementor-widget-ohio_pricing_table .pricing-table:hover .button,
.elementor-widget-ohio_pricing_table .pricing-table:hover .button:hover,
.elementor-widget-ohio_pricing_table .pricing-table:hover .button * {
	color: #283742 !important;
	-webkit-text-fill-color: #283742 !important;
}

/* Bouton « Demandez un devis » : pas de picto pour l'instant (flèche retirée). */