/* ------------------------------------------------------------------------
   Raccord de la maquette TARIFS avec le thème sensible_pro_2.0.
   ÉCRIT À LA MAIN — jamais régénéré par build_pivot_wp.py. Chargé APRÈS
   dp-tarifs.css. Même motif que dp-pivot-hote.css : voir ce fichier pour le
   pourquoi (header absolu au menu blanc, doublon de marque, boutons blancs).
   ------------------------------------------------------------------------ */

/* Le header du thème est `position:absolute; top:0` et ne réserve aucune
   hauteur : on la rend en haut de la maquette pour qu'il ne la recouvre pas. */
.page-id-23224 .dp-maquette {
	padding-top: 132px;
}
@media (max-width: 900px) {
	.page-id-23224 .dp-maquette {
		padding-top: 104px;
	}
}

/* La marque de la maquette ferait doublon avec le logo du site, juste
   au-dessus. Le lien de retour, lui, reste : il navigue dans l'offre. */
.page-id-23224 .dp-tarifs .top .brand {
	display: none;
}
.page-id-23224 .dp-tarifs .top {
	justify-content: flex-end;
}

/* Le thème force `color:#ffffff !important` sur ses boutons. Sur CETTE page,
   les éléments à sauver sont les deux CTA de la bande marine finale (le
   « primaire » est orange sur texte sombre) et les liens du corps. */
.page-id-23224 .dp-tarifs .cta a.primary {
	color: #1a1006 !important;
}
.page-id-23224 .dp-tarifs .cta a.ghost,
.page-id-23224 .dp-tarifs .band a {
	color: var(--band-ink) !important;
}
.page-id-23224 .dp-tarifs a:not(.cta a) {
	color: var(--navy);
}

/* La barre de la maquette n'a plus lieu d'être ici : le site pose déjà sa marque ET
   son menu juste au-dessus. Elle ne portait plus qu'un « ← Retour à l'accueil » qui
   doublait l'entrée « Accueil » du menu (GP, 03/09). */
.page-id-23224 .dp-tarifs .top {
	display: none;
}

/* Bouton « Souscrire » de chaque ligne du tableau : le thème colore les liens en marine
   avec !important — sur un fond marine, le libellé disparaissait (constaté 03/09). */
.page-id-23224 .dp-tarifs .cta-ligne { color: #fff !important; }
.page-id-23224 .dp-tarifs .cta-ligne:hover { color: #fff !important; }
