/* Retire le soulignement des liens dans le bloc Counter */
.ctrb-counter a {
  text-decoration: none !important;
  color: inherit;
  transition: color 0.2s ease;
}

/* Effet de survol avec couleur orange */
.ctrb-counter a:hover {
  color: #000000;
}

/* Formulaire toujours visible sur mobile aussi */
@media (max-width: 768px) {
    .section-hero {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .form-container {
        margin-top: 40px;
    }
}

/* Effet d'ombre et bordure pour le formulaire */
.form-container {
    transition: all 0.3s ease;
}
.form-container:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

/* Espacement et typographie */
.scroll-section {
    padding: 80px 20px;
}

/* Alignement des champs du formulaire CoBlocks */
.wp-block-coblocks-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wp-block-coblocks-form .coblocks-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wp-block-coblocks-form .coblocks-field label {
    font-weight: 500;
    color: #333;
    font-size: 14px;
}

.wp-block-coblocks-form .coblocks-field input,
.wp-block-coblocks-form .coblocks-field textarea {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}

.wp-block-coblocks-form .coblocks-field textarea {
    min-height: 120px;
    resize: vertical;
}

.wp-block-coblocks-form .wp-block-coblocks-field-submit-button {
    margin-top: 10px;
}

.wp-block-coblocks-form .wp-block-coblocks-field-submit-button .wp-block-button__link {
    background-color: #0073aa;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
}

.wp-block-coblocks-form .wp-block-coblocks-field-submit-button .wp-block-button__link:hover {
    background-color: #005177;
}

/* Titre "Contactez-nous" */
.form-container h3 {
    font-size: 20px; /* Taille réduite */
    color: #333;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Labels des champs */
.wp-block-coblocks-form .coblocks-field label {
    font-size: 13px; /* Taille réduite */
    font-weight: 500;
    color: #555; /* Couleur un peu plus douce */
    margin-bottom: 5px;
}

/* Champs input/textarea */
.wp-block-coblocks-form .coblocks-field input,
.wp-block-coblocks-form .coblocks-field textarea {
    font-size: 14px; /* Taille standard pour la saisie */
    padding: 10px 12px;
}

/* Bouton d'envoi */
.wp-block-coblocks-form .wp-block-coblocks-field-submit-button .wp-block-button__link {
    font-size: 14px; /* Taille cohérente */
}

/* STYLE OFFRES */

/* === HERO === */
.hero-container { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
@media (max-width:992px) { .hero-container { grid-template-columns:1fr; text-align:center; gap:2rem; } }
@media (max-width:640px) { .hero-text h1 { font-size:2.2rem !important; } .hero-text p { font-size:1rem !important; } }

/* === OFFRES GRID === */
.offres-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; max-width:1200px; margin:0 auto; }
@media (max-width:1024px) { .offres-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) { .offres-grid { grid-template-columns:1fr; } }

/* === STARTER GRID === */
.starter-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; max-width:1200px; margin:0 auto; }
@media (max-width:1024px) { .starter-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) { .starter-grid { grid-template-columns:1fr; } }

/* === CARTES OFFRES === */
.offer-card { background:#fff; border-radius:16px; box-shadow:0 4px 12px rgba(0,0,0,0.08); padding:2rem; text-align:center; transition:0.3s; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.offer-card:hover { transform:translateY(-8px); box-shadow:0 16px 32px rgba(0,0,0,0.12); }
.offer-card h3 { font-size:1.5rem; font-weight:700; color:#111827; margin:0 0 0.5rem; }
.offer-card p { color:#4b5563; font-size:1rem; line-height:1.6; flex-grow:1; margin:0 0 1rem; }
.offer-card a { color:inherit; font-weight:600; text-decoration:none; }
.offer-card a:hover { text-decoration:underline; }

/* === STARTER CARDS === */
.starter-card { background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:1.5rem; text-align:center; position:relative; height:100%; display:flex; flex-direction:column; }
.starter-card img { height:50px; margin:0 auto 1rem; }
.starter-card h3 { font-size:1.25rem; font-weight:700; color:#111827; margin:0 0 0.5rem; }
.starter-card .price { font-size:2rem; font-weight:700; color:#111827; margin:0.5rem 0; }
.starter-card ul { margin:1rem 0 0; padding-left:1.2rem; text-align:left; font-size:0.875rem; color:#4b5563; flex-grow:1; list-style:disc; }
.starter-card.popular { border-color:#f59e0b; }
.starter-card .badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:#f59e0b; color:white; padding:0.35rem 1rem; border-radius:9999px; font-size:0.75rem; font-weight:600; z-index:1; }

/* CTA Hover */
a[style*="background:white"] { transition:0.3s; }
a[style*="background:white"]:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,0.3); }