/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Child – Chef on Board
Version: 1.4.0
*/

/* ============================================================
   Chef on Board — CSS CANONIQUE (unique)
   Tout le style global + Form 7 + Form 8 + "voilier"
   ============================================================ */

/* === CAPITALISATION — TOUT LE SITE (TITRES UNIQUEMENT) ===== */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .post-title,
.wp-block-heading, .wp-block-post-title, .wp-block-post-title a,
.kadence-blocks-heading, .kb-section-title,
.kb-advanced-heading, .kb-advanced-text .kb-advanced-heading,
.woocommerce-products-header__title, .woocommerce-loop-product__title, .product_title,
.archive-title, .widget-title, .sidebar .widget-title, .footer-widget-area .widget-title {
  text-transform: none !important;
}

/* ============================================================
   BLOCS GÉNÉRIQUES "COB"
   ============================================================ */

/* Bloc redirection + voilier (utilisé après soumission Form 7) */
.cob-redirect{
  background:#FAF7F2;border:1px solid #eee;border-radius:14px;
  padding:14px 16px;margin:14px 0;
}
.cob-redirect__txt{margin:0 0 10px 0;line-height:1.45}
.cob-redirect__txt a{font-weight:600;text-decoration:none;color:#2B90A7}
.cob-redirect__rail{
  position:relative;height:14px;background:#e6eef3;border-radius:9999px;overflow:hidden
}
.cob-redirect__bar{
  position:absolute;left:0;top:0;height:100%;width:0%;
  background:linear-gradient(90deg,#3CA0A4,#2B90A7);
  box-shadow:0 0 0 1px rgba(37,126,147,.25),0 0 12px rgba(37,126,147,.35);
  transition:width .25s linear;
}
.cob-redirect__boat{
  position:absolute;left:0;top:-8px;transform:translateX(0);
  will-change:transform;transition:transform .25s linear;
}
@media (prefers-reduced-motion: reduce){
  .cob-redirect__bar{transition:none !important}
  .cob-redirect__boat{transition:none !important}
}

/* Chip d’info (utilisable partout) */
.cob-chip{
  display:inline-block;background:#e6f6f7;border:1px solid #3CA0A4;color:#2B90A7;
  padding:2px 8px;border-radius:999px;font-size:12px
}
/* Voilier — placé sur le rail et animé en translateX par le JS */
#ff-redirect-zone .ff-progress{ position:relative; overflow:visible !important; }
#ff-redirect-zone .ff-progress .sailboat{
  position:absolute;left:0;right:auto;top:-18px;
  font-size:18px;line-height:1;user-select:none;pointer-events:none;z-index:1;
  transform:translateX(0);
}

/* ============================================================
   FORM 8 — Progress bar (Option A : ID #ff-progress-bar)
   ============================================================ */
#ff-redirect-zone .ff-progress{
  height:12px !important;
  background:#e6eef3 !important;
  border-radius:9999px !important;
  margin:8px 0;
  position:relative;
  overflow:visible !important; /* pour laisser dépasser le voilier */
}
#ff-redirect-zone #ff-progress-bar{
  height:100% !important;
  background:linear-gradient(90deg,#2B90A7,#257e93) !important;
  border-radius:inherit !important;
  box-shadow:0 0 0 1px rgba(37,126,147,.25),0 0 12px rgba(37,126,147,.35) !important;
 transition:width .25s linear;
  position:relative; /* <-- indispensable pour .sailboat en absolute */
  width:0%; /* départ garanti à gauche si le JS init tarde */
}
@media (prefers-reduced-motion: reduce){
  #ff-redirect-zone #ff-progress-bar{transition:none !important}
}
/* Voilier — sur le rail (.ff-progress), animé en translateX par le JS */
#ff-redirect-zone .ff-progress .sailboat{
  position:absolute;
  left:0; right:auto; top:-18px;
  font-size:18px; line-height:1;
  user-select:none; pointer-events:none; z-index:1;
  transform:translateX(0);
}

@media (prefers-reduced-motion: reduce){
  #ff-redirect-zone #ff-progress-bar{transition:none !important}
}

/* Bouton GPS – même look que "Utiliser ma position" (Form 8) */
.cob-gps-btn{
  margin-top: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 0;
  background: linear-gradient(135deg,#3CA0A4,#2B90A7);
  color: #fff;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none; /* pour le <a> */
}
.cob-gps-btn:hover{
  opacity: .9;
}
/* ===== Stats devis – 2e ligne plus petite (Dernier type, Dernière date, Horaires, Participants, Dernier contact, Lieu RDV) ===== */

/* Titres de la 2e ligne */
.cob-stats-wrap .cob-row:nth-child(2) .cob-card .title {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Valeurs de la 2e ligne : "08/12/2025 13:24", type, horaires, etc. */
.cob-stats-wrap .cob-row:nth-child(2) .cob-card .value {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3;
}

/* Lien "Voir la position" dans la tuile Lieu (RDV) */
.cob-stats-wrap .cob-row:nth-child(2) .cob-card .value a {
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Ligne en dessous (coordonnées, "(il y a X heures)" etc.) */
.cob-stats-wrap .cob-row:nth-child(2) .cob-card .value .sub,
.cob-stats-wrap .cob-row:nth-child(2) .cob-card .value .cob-mono {
  font-size: 11px !important;
  font-weight: 400 !important;
}