/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Thème enfant pour Astra, personnalisé pour contratenligne.fr
Author: L'Expert
Author URI: https://wpastra.com/
Template: astra
Version: 2.0.0
Text Domain: astra-child
*/

/* ==========================================================================
   1. FONDATIONS GRAPHIQUES
   ========================================================================== */
:root {
    --cel-primary-blue: #2563eb;
    --cel-dark-blue: #1e40af;
    --cel-light-gray-bg: #f3f4f6;
    --cel-text-dark: #111827;
    --cel-text-light: #4b5563;
    --cel-border-color: #e5e7eb;
    --cel-success-green: #16a34a;
    --font-sans: 'Inter', sans-serif; /* Assumer l'utilisation d'Inter, à ajuster si nécessaire */
    --cel-radius: 8px;
    --cel-btn-shadow: 0 4px 15px rgba(0,85,164,.2);
    --cel-btn-shadow-hover: 0 7px 20px rgba(0,85,164,.4);
    
}

body {
    font-family: var(--font-sans);
    color: var(--cel-text-dark);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--cel-text-dark);
}

a {
    color: var(--cel-primary-blue);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--cel-dark-blue);
}
/* Rend le menu de navigation principal collant en haut de la page */
#masthead {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff; /* Assurez-vous que le menu a une couleur de fond pour ne pas être transparent */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Ajoute une ombre discrète pour le détacher du contenu */
}

.ast-single-post-featured-section{display:none!important;}

/* =========================================================
   BASELINE – Boutons Elementor (garde le texte blanc au hover)
   ========================================================= */
.elementor a.elementor-button,
.elementor .elementor-button,
.elementor .elementor-button .elementor-button-text {
  background: var(--cel-primary-blue);
  color: #fff !important;
  border: 2px solid var(--cel-primary-blue);
  border-radius: 9999px; /* si tu veux garder l'effet pilule de ta capture, sinon mets var(--cel-radius) */
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(0,85,164,.2);
  transition: all .3s ease;
}

.elementor a.elementor-button:hover,
.elementor .elementor-button:hover,
.elementor .elementor-button:hover .elementor-button-text {
  background: var(--cel-dark-blue);
  border-color: var(--cel-dark-blue);
  color: #fff !important; /* <- force le blanc au hover */
  transform: translateY(-3px);
  box-shadow: 0 7px 20px rgba(0,85,164,.4);
}
/* === Fix global pour les boutons Elementor (hover = texte toujours blanc) === */
body .elementor .elementor-button,
body a.elementor-button {
  background: var(--cel-primary-blue);
  color: #fff !important;
  border: 2px solid var(--cel-primary-blue);
  border-radius: 9999px; /* comme ton screenshot */
  box-shadow: var(--cel-btn-shadow, 0 4px 15px rgba(0,85,164,.2));
  transition: all .3s ease;
}

/* Survol / focus / active : garder le texte blanc et foncer le fond */
body .elementor .elementor-button:hover,
body .elementor .elementor-button:focus,
body .elementor .elementor-button:active {
  background: var(--cel-dark-blue) !important;
  border-color: var(--cel-dark-blue) !important;
  color: #fff !important;
  box-shadow: var(--cel-btn-shadow-hover, 0 7px 20px rgba(0,85,164,.4));
  transform: translateY(-2px);
}

/* Forcer aussi les sous-éléments à rester blancs */
body .elementor .elementor-button:hover .elementor-button-text,
body .elementor .elementor-button:focus .elementor-button-text,
body .elementor .elementor-button:active .elementor-button-text,
body .elementor .elementor-button:hover .elementor-button-icon,
body .elementor .elementor-button:focus .elementor-button-icon,
body .elementor .elementor-button:active .elementor-button-icon {
  color: #fff !important;
  fill: #fff !important;
}

/* Certaines animations Elementor posent un style différent : on les neutralise pareil */
body .elementor a.elementor-button.elementor-animation-pulse-shrink:hover,
body .elementor a.elementor-button.elementor-animation-shrink:hover {
  background: var(--cel-dark-blue) !important;
  border-color: var(--cel-dark-blue) !important;
  color: #fff !important;
}
/* ==========================================================================
   2. COMPOSANTS COMMUNS (BOUTONS, FORMULAIRES)
   ========================================================================== */
/* === BASELINE GLOBAL (tous les boutons publics) ==================== */
.button,
.ast-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.gform_wrapper .gform_button {
  background: var(--cel-primary-blue);
  color: #fff;
  border: 2px solid var(--cel-primary-blue);
  border-radius: var(--cel-radius);
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  box-shadow: var(--cel-btn-shadow);
  transition: all .3s ease;
}
/* Patch : garder le texte blanc au hover partout */
.button:hover,
.ast-button:hover,
.wp-block-button__link:hover,
.wp-block-button__link:hover strong,

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.gform_wrapper .gform_button:hover {
  color: #fff !important;
}

/* Gutenberg met parfois une couleur via .has-text-color */
.wp-block-button__link,
.wp-block-button__link strong {
  color: #fff !important;
}
.button:hover,
.ast-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.gform_wrapper .gform_button:hover {
  background: var(--cel-dark-blue);
  border-color: var(--cel-dark-blue);
  transform: translateY(-3px);
  box-shadow: var(--cel-btn-shadow-hover);
}

/* Bouton de type "ghost" (transparent) */
.cel-btn{
  background:var(--cel-primary-blue);
  color:#fff !important;
  border:2px solid var(--cel-primary-blue);
  border-radius:8px;
  padding:10px 20px;
  font-weight:600;
  transition:.2s;
}

    
.cel-btn:hover{
  background:var(--cel-dark-blue);
  border-color:var(--cel-dark-blue);
  transform:translateY(-3px);
}
/* Centrer le footer GF uniquement sur la page du formulaire */
body.page-id-2470 #gform_wrapper_4 .gform_footer{display:flex;justify-content:center;}
/* bouton secondaire */
.button.ghost,.ast-button.ghost,
.wp-block-button.is-style-outline .wp-block-button__link{
    background:transparent;
    color:var(--cel-primary-blue);
    border:2px solid var(--cel-primary-blue);
    box-shadow:none;
}

.button.ghost:hover,.ast-button.ghost:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover{
    background:var(--cel-primary-blue);
    color:#fff;
    box-shadow:0 4px 14px rgba(0,82,255,.25);
}

/* Masque le texte de la plage dans le formulaire de création de contrat gravity Forms (ex: "Veuillez saisir...") 
pour tous les champs ayant la classe 'masquer-plage' 
*/
.gform_wrapper li.masquer-plage .gfield_description.range {
  display: none !important;
}
/* ==========================================================================
   2.1 FORMULAIRE DE CRÉATION DE CONTRAT (Gravity Forms)
   ========================================================================== */
/* 1. Centre le bouton avec Flexbox (plus fiable) */
#gform_wrapper_4 .gform_footer {
    display: flex; /* Active le mode d'affichage flexible */
    justify-content: center; /* Aligne l'enfant (le bouton) au centre */
    padding-top: 16px; /* Conserve l'espacement supérieur */
}
/* Style du bouton Valider le contrat : couleur de fond et couleur au survol */
#gform_wrapper_4 .gform_footer .gform_button {
  background-color: #0073e6; /* Un bleu standard, à ajuster si besoin */
}

#gform_wrapper_4 .gform_footer .gform_button:hover {
  background-color: #005cb8; /* Un bleu un peu plus foncé pour le survol */
}
.notice-centree {
  text-align: center;
  font-size: small;
  font-style: italic;
  color: #555;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* ==========================================================================
   3. STYLES SPÉCIFIQUES AUX PAGES
   ========================================================================== */

/* 3.2 Section "Comment ça marche?" (Réf: Image 2) */
.how-it-works-section { 
/* Sélecteur à adapter */
padding: 60px 0;
text-align: center;
}
.how-it-works-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
margin-top: 40px;
text-align: left;
}
.how-it-works-item {
padding: 20px;
}
.how-it-works-item.icon { /* Sélecteur pour l'icône */
background-color: #e0e7ff;
color: var(--cel-primary-blue);
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
font-size: 24px; /* Taille de l'icône à ajuster */
}
.how-it-works-item h3 {
font-size: 1.2em;
margin-bottom: 0.5em;
}

/* 3.3 Section "Un tarif unique" (Réf: Image 2) */
.pricing-section {
background-color: var(--cel-light-gray-bg);
padding: 60px 20px;
border-radius: 12px;
text-align: center;
margin: 40px auto;
max-width: 800px;
}
.pricing-section.price {
font-size: 3em;
font-weight: 800;
color: var(--cel-primary-blue);
margin: 0.2em 0;
}

/* --- Styles de la page de Paiement (Checkout) --- */
.woocommerce-checkout .col2-set { display: flex; flex-wrap: wrap; gap: 2em; }
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 { flex: 1 1 48%; max-width: 100%; }

#order_review {
    border: 1px solid #e0e0e0;
    padding: 2em;
    border-radius: 8px;
}

@media (max-width: 768px) {
    .woocommerce-checkout .col2-set { flex-direction: column; }
}

/* --- Styles de la page "Mon Compte" --- */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding-left: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 5px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
    background-color: #f5f5f5;
    border-color: #0055ff;
    color: #0055ff;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link a:focus {
    background-color: #f5f5f5;
    border-color: #0055ff;
    color: #0055ff;
    outline: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #0055ff;
    border-color: #0055ff;
    color: #fff;
}
/* Style du lien de navigation actif */
.woocommerce-account .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: var(--cel-dark-blue) !important;
    color: white !important;
}
/* Style au survol pour les liens non-actifs */
.woocommerce-account .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link:not(.is-active) a:hover {
    background-color: var(--cel-light-gray-bg) !important;
    color: var(--cel-primary-blue) !important;
}
/* ==========================================================================
   4. STYLES DE LA PAGE D'ACCUEIL
   ========================================================================== */


/* --- 4 Section "Comment ça marche" --- */
.how-it-works-section {
    padding: 80px 20px;
    text-align: center;
}

.how-it-works-section h2 {
    font-size: 2.2em;
    margin-bottom: 50px;
}

.steps-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.step-item {
    text-align: center;
}

.step-item .icon {
    background-color: var(--cel-primary-blue);
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px;
}

/* --- 4.3 Section Tarif --- */
.pricing-section {
    background-color: var(--cel-light-gray-bg);
    padding: 60px 20px;
    text-align: center;
}
.pricing-section .price-main {
    font-size: 3em;
    font-weight: 700;
    color: var(--cel-primary-blue);
}
.pricing-section .price-from {
    font-size: 1.2em;
    color: var(--cel-text-light);
}

/* --- 4.4 Blocs "En savoir plus" --- */
.info-blocks-section {
    padding: 80px 20px;
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.info-block {
    text-align: center;
}

/* ==========================================================================
   5. PAGE MON COMPTE
   ========================================================================== */

/* Charger Font Awesome (à ajouter dans functions.php si pas déjà fait) */
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css'); */
/* On cache les balises <i> existantes pour éviter des doublons */
.woocommerce-MyAccount-navigation li i,
.wcmtx-my-account-links .wcmtx_icon_src i {display:none;}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
    font-family: "Font Awesome 5 Free" !important; /* Utiliser Font Awesome */
    font-weight: 900; /* Style solide pour les icônes */
    font-size: 16px;
    width: 20px; /* Aligner les icônes */
    text-align: center;
}
/* Variables d’icônes (Font Awesome 5 Free)  */
:root{
    --fa-dashboard: "\f3fd";   /* tachometer-alt (tableau de bord) */
    --fa-credits  : "\f555";   /* coins */
    --fa-orders   : "\f291";   /* shopping-basket */
    --fa-address  : "\f015";   /* home */
    --fa-pay      : "\f09d";   /* credit-card */
    --fa-account  : "\f007";   /* user */
    --fa-logout   : "\f2f5";   /* sign-out-alt */
}

/* ===== Barre latérale (ul.wcmamtx_vertical) ===== */
.woocommerce-MyAccount-navigation-link a::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;          /* solid */
    margin-right:8px;
    display:inline-block;
}

/* dashboard */
.woocommerce-MyAccount-navigation-link--dashboard      > a::before{content:var(--fa-dashboard);}
/* crédits : ton endpoint perso = custom-link-991646 */
.woocommerce-MyAccount-navigation-link--custom-link-991646 > a::before{content:var(--fa-credits);}
/* commandes */
.woocommerce-MyAccount-navigation-link--orders         > a::before{content:var(--fa-orders);}
/* adresses */
.woocommerce-MyAccount-navigation-link--edit-address   > a::before{content:var(--fa-address);}
/* moyens de paiement */
.woocommerce-MyAccount-navigation-link--payment-methods> a::before{content:var(--fa-pay);}
/* compte */
.woocommerce-MyAccount-navigation-link--edit-account   > a::before{content:var(--fa-account);}
/* déconnexion */
.woocommerce-MyAccount-navigation-link--customer-logout> a::before{content:var(--fa-logout);}

/* ===== Grille des boutons (div.wcmtx-my-account-links) ===== */
.wcmtx-my-account-links .wcmtx_icon_src::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:24px;
    display:inline-block;
    margin-bottom:6px;
}

/* même mapping que pour la barre latérale */
.wcmamtx_dashboard_link.dashboard-link             .wcmtx_icon_src::before{content:var(--fa-dashboard);}
.wcmamtx_dashboard_link.custom-link-991646-link    .wcmtx_icon_src::before{content:var(--fa-credits);}
.wcmamtx_dashboard_link.orders-link                .wcmtx_icon_src::before{content:var(--fa-orders);}
.wcmamtx_dashboard_link.edit-address-link          .wcmtx_icon_src::before{content:var(--fa-address);}
.wcmamtx_dashboard_link.payment-methods-link       .wcmtx_icon_src::before{content:var(--fa-pay);}
.wcmamtx_dashboard_link.edit-account-link          .wcmtx_icon_src::before{content:var(--fa-account);}
.wcmamtx_dashboard_link.customer-logout-link       .wcmtx_icon_src::before{content:var(--fa-logout);}

/* Amélioration de la visibilité du lien actif */
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active > a {
    background-color: var(--cel-primary-blue) !important;
    color: #ffffff !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link:not(.is-active) > a:hover {
    background-color: var(--cel-light-gray-bg) !important;
    color: var(--cel-primary-blue) !important;
}
/*Supprime la ligne « Pay by wallet » (déjà cachée) */
tr.wallet-pay-partial{display:none!important;}

/* ==========================================================================
   7. AFFICHAGE DES PACKS DE CONTRATS (GRILLE)
   ========================================================================== */
/* masque la catégorie "packs" affichée au-dessus des titres produits */
ul.products li span.ast-woo-product-category{
    display:none!important;
}
/* Conteneur principal des produits en grille */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonnes par défaut */
    gap: 2em;
}

/* Chaque carte produit */
.woocommerce ul.products li.product {
    margin: 0 !important;
    text-align: center;
    width: 100% !important; /* Prend toute la largeur de sa colonne de grille */
}

/* Lien qui enveloppe toute la carte */
a.product-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: var(--cel-text-dark);
    border: 1px solid var(--cel-border-color);
    border-radius: 12px;
    transition: all 0.3s ease;
    background-color: #fff;
    padding: 1em;
}

a.product-card-link:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-color: var(--cel-primary-blue);
}

/* Image à l'intérieur de la carte */
.product-card-link img {
    transition: transform 0.3s ease;
    margin-bottom: 1em;
    border-radius: 8px;
}
.product-card-link:hover img {
    transform: scale(1.05);
}

/* Titre du produit */
.product-card-link .woocommerce-loop-product__title {
    font-size: 1.1em; /* Taille de police réduite */
    font-weight: 700;
    margin: 0 0 0.5em 0;
    transition: color 0.3s ease;
}
.product-card-link:hover .woocommerce-loop-product__title {
    color: var(--cel-primary-blue);
}

/* Prix */
.product-card-link .price {
    font-size: 1em;
    color: var(--cel-text-light);
    margin-top: auto; /* Pousse le prix et le bouton vers le bas */
}

/* Bouton "Choisir ce pack" */
.product-card-link .button {
    margin-top: 1em;
    width: 100%;
}
/* Réduit la hauteur des boutons “Choisir ce pack” */
.packs-de-contrats .add_to_cart_button.button {
    white-space: nowrap;      /* force le texte sur une seule ligne          */
    padding: 5px 24px;       /* un peu moins haut (12 px → 10 px)            */
    line-height: 1.1;         /* garde l’alignement vertical du libellé       */
}
/* Masquer le bouton par défaut qui est hors du lien */
.woocommerce ul.products li.product > .woocommerce-loop-add-to-cart__link {
    display: none !important;
}

/* Responsive : passage à 2 colonnes sur tablette */
@media (max-width: 992px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive : passage à 1 colonne sur mobile */
@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }
}
/* Masque la section "Pay by wallet" sur la page de paiement */
.woo-wallet-form-on-checkout-page {
    display: none !important;
}
/* grille 6-colonnes desktop, responsive en dessous */
.packs-grid ul.products{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:24px;
}
@media(max-width:992px){
  .packs-grid ul.products{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:576px){
  .packs-grid ul.products{grid-template-columns:repeat(2,1fr);}
}

/* cache les badges Promo / Cashback */
.onsale,
.ast-onsale-card,
.on-woo-wallet-cashback{display:none!important;}

/* ==========================================================================
   8. AJUSTEMENTS DE LA PAGE DE PAIEMENT (CHECKOUT)
   ========================================================================== */
.woocommerce-checkout-review-order-table a.remove{float:right;font-weight:700;}

/*
==========================================================================
   9. CORRECTIF DÉFINITIF : MASQUAGE DU BOUTON CRÉDITS DUPLIQUÉ
==========================================================================
*/
/* Cible et masque UNIQUEMENT le lien "Crédits" dupliqué généré par le portefeuille (woo-wallet) */
.woocommerce-MyAccount-navigation-link--woo-wallet {
    display: none !important;
}

/* ==========================================================================
   10. PAGE DE FORMULAIRE DE CRÉATION DE CONTRAT (ID 2470)
   ========================================================================== */
/* Centrage du bouton submit "Valider le contrat"  sur le formulaire Gravity Forms sur la page de création de contrat */
/* === PAGE FORMULAIRE (2470) ========================================= */
/* Boutons GF & Gravity Flow, avec spécificité + !important */
body.page-id-2470 #gform_submit_button_4,
body.page-id-2470 #gravityflow_update_button{
  background: var(--cel-primary-blue) !important;
  color:#fff !important;
  border:2px solid var(--cel-primary-blue) !important;
  border-radius:8px !important;
  padding:10px 20px !important;
  font-size:1rem !important;
  font-weight:600 !important;
  box-shadow:0 4px 15px rgba(0,85,164,.2) !important;
  transition:all .3s ease !important;
  text-align:center !important;
}

/* Hover forcé (casse la règle elementor-kit-7 … :hover noir) */
body.page-id-2470 #gform_submit_button_4:hover,
body.page-id-2470 #gravityflow_update_button:hover{
  background: var(--cel-dark-blue) !important;
  border-color: var(--cel-dark-blue) !important;
  transform: translateY(-3px);
  box-shadow:0 7px 20px rgba(0,85,164,.4) !important;
}

/* Sécurité : neutraliser le hover noir global d’Elementor sur cette page */
body.page-id-2470 .elementor-kit-7 button#gform_submit_button_4:hover{
  background: var(--cel-dark-blue) !important;
  color:#fff !important;
}

/* Centre le bouton du form 4 sur la page 2470 */
body.page-id-2470 #gform_4 .gform_footer {
  display:flex !important;
  justify-content:center !important;
}
#gform_submit_button_4{
  display:block !important;
  margin:0 auto !important;
}

/* ==========================================================================
 * STYLES POUR LA PAGE DE CONTRE-SIGNATURE (GRAVITY FLOW)
 * ========================================================================== */

/* Cacher les éléments superflus de l'interface Gravity Flow */
body.gravityflow-inbox-page .gravityflow-print-entries-container,
body.gravityflow-inbox-page .gravityflow-entry-id,
body.gravityflow-inbox-page .gravityflow-empty-field-note {
    display: none !important;
}

/* Centrer le conteneur principal du formulaire sur la page */
body.gravityflow-inbox-page #gform_wrapper_4 {
    margin: 2em auto;
    max-width: 800px; /* ou la largeur que vous préférez */
}

/* Centrer tous les champs du formulaire */
body.gravityflow-inbox-page #gform_4 .gfield {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Styles pour les aperçus de contrat et les sections */
body.gravityflow-inbox-page #gform_4 .gfield_html,
body.gravityflow-inbox-page #gform_4 .gsection {
    width: 100%;
    max-width: 100%;
}

/* Style et positionnement du bouton de validation */
body.gravityflow-inbox-page #gform_4 .gravityflow-next-button-container {
    text-align: center;
    width: 100%;
    margin-top: 2em;
}

/* Assurer que le bouton a le même style que les autres boutons du site */
body.gravityflow-inbox-page .cel-sign-btn {
    font-size: 1.2em !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
}

/* Style pour l'iframe du PDF */
#pdf-preview-iframe {
    width: 100%;
    height: 600px; /* Hauteur ajustable */
    border: 1px solid #ddd;
    margin: 1.5em 0;
}
/* ==========================================================================
 * 11. NETTOYAGE FINAL DE L'INTERFACE DE CONTRE-SIGNATURE
 * ========================================================================== */

/* Masque l'en-tête du tableau d'entrée (Entrée n°XXX, afficher champs vides) */
body.gravityflow-inbox-page .gf_entry_wrap thead {
    display: none !important;
}

/* Masque les séparateurs vides (comme le champ 157) */
body.gravityflow-inbox-page .gsection:has(h3.gsection_title:empty) {
	display: none !important;
}

/* Centre le bloc de signature (étiquette, champ et bouton) */
body.gravityflow-inbox-page .gfield--type-signature {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em; /* Espace entre l'étiquette et le champ */
}

/* Centre le bouton "Envoyer" qui est DANS le champ signature */
body.gravityflow-inbox-page .gfield--type-signature .gform_button {
    margin: 1em 0 0 0;
}