/*
Theme Name:   Bateau Bleu Child
Theme URI:    https://batoblue.fr
Description:  Thème enfant Astra pour la plateforme de formation Bateau Bleu
Author:       Bonneval Solutions
Template:     astra
Version:      0.4.0
Text Domain:  bateau-bleu-child
*/

/* ---- Palette Bateau Bleu (à ajuster avec la charte du client) ---- */
:root {
  --bb-bleu-profond: #0b3d5c;
  --bb-bleu-mer: #1178a8;
  --bb-ecume: #f2f8fa;
  --bb-corail: #e8734a;
}

/* Boutons principaux (Astra + WooCommerce + LearnDash) */
.ast-button,
.woocommerce a.button,
.learndash-wrapper .ld-button {
  background-color: var(--bb-bleu-mer);
}

/* ---- Header : logo FIN discret, pas de titre texte ----
   Le logo est le lien vers l'accueil ; « bateaubleu.fr » est masqué. */
.site-logo-img img.custom-logo {
  max-width: 125px;
  width: 125px;
  height: auto;
}

.ast-site-identity .site-title,
.ast-site-identity .site-description {
  display: none !important;
}

/* ---- Badge Bateau Bleu du hero (accueil) ----
   Centré sur mobile, aligné à gauche sur desktop. */
.bb-hero-badge {
  margin: 0 auto 1.5rem;
}

.bb-hero-badge img {
  width: 260px;
  height: auto;
}

@media (min-width: 922px) {
  .bb-hero-badge {
    margin-left: 0;
    margin-right: auto;
  }
}

/* Certificat / examen : bandeau d'appel à l'action */
.bb-cta-examen {
  background: var(--bb-bleu-profond);
  color: #fff;
  padding: 2rem;
  border-radius: 8px;
  text-align: center;
}

/* Modules Articulate embarqués en iframe */
.bb-module-embed iframe {
  width: 100%;
  min-height: 80vh;
  border: 0;
}

/* ---- Checkout WooCommerce : champs Bateau Bleu ---- */
.woocommerce-checkout .bb-checkout-field {
  margin-top: 0.25rem;
}

.woocommerce-checkout .bb-checkout-field input[type="number"] {
  max-width: 100%;
}

/* ---- Bandeau félicitations cours LearnDash ---- */
.bb-congrats {
  background: var(--bb-ecume);
  border: 1px solid rgba(17, 120, 168, 0.25);
  border-left: 4px solid var(--bb-bleu-mer);
  border-radius: 8px;
  padding: 1.5rem 1.75rem;
  margin: 0 0 2rem;
  color: var(--bb-bleu-profond);
}

.bb-congrats h3 {
  margin: 0 0 0.75rem;
  color: var(--bb-bleu-mer);
  font-size: 1.35rem;
}

.bb-congrats p {
  margin: 0 0 0.75rem;
  line-height: 1.55;
}

.bb-congrats p:last-child {
  margin-bottom: 0;
}

/* ---- Accès formation : compte client et confirmation de commande ---- */
.bb-account-training,
.bb-training-access {
  background: var(--bb-ecume);
  border: 1px solid rgba(17, 120, 168, 0.25);
  border-left: 4px solid var(--bb-bleu-mer);
  border-radius: 8px;
  padding: 1.5rem 1.75rem;
}

.bb-training-access {
  margin: 2rem 0;
}

.bb-account-training h2,
.bb-training-access h2 {
  color: var(--bb-bleu-profond);
  margin-top: 0;
}

.bb-account-training p,
.bb-training-access p {
  margin-bottom: 1rem;
}

.bb-account-training .button,
.bb-training-access .button {
  background: var(--bb-bleu-mer);
  color: #fff;
}

/* Blocs formation / examen dans « Mon compte → Ma formation » */
.bb-account-block {
  background: #fff;
  border: 1px solid rgba(11, 61, 92, 0.15);
  border-radius: 6px;
  padding: 1.25rem 1.5rem;
  margin: 1rem 0 0;
}

.bb-account-block h3 {
  margin: 0 0 0.5rem;
  color: var(--bb-bleu-profond);
  font-size: 1.1rem;
}

/* Bouton secondaire (page de confirmation : lien examen) */
.bb-button-secondary,
.woocommerce a.button.bb-button-secondary {
  background: transparent;
  color: var(--bb-bleu-mer);
  border: 1px solid var(--bb-bleu-mer);
}

/* Note « terminez d'abord la formation » sur la page examen */
.bb-notice-formation {
  background: var(--bb-ecume);
  color: var(--bb-bleu-profond);
  text-align: left;
  padding: 1rem 1.5rem;
}

.bb-notice-formation a {
  color: var(--bb-bleu-mer);
  text-decoration: underline;
}