/* Configuration Générale */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.8; /* Interligne aérée pour une bonne lecture */
}

.section-padding {
    padding: 100px 0;
}

/* Scrollbar fine et élégante */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #198754; /* Couleur Bootstrap "success" (Vert) */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #146c43;
}

/* Section Hero */
.hero-section {
    height: 100vh;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/cover.jpg');
    background-size: cover;
    background-position: center;
}

.hero-section h1 {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

/* Cartes de Service */
.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-bottom: 4px solid transparent !important;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    border-bottom: 4px solid #198754 !important;
}

/* Tableau de Tarifs */
.table thead {
    border-radius: 10px 10px 0 0;
}

/* Formulaire de Contact */
.max-width-700 {
    max-width: 700px;
}

.form-control:focus, .form-select:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* Couleurs Personnalisées */
.text-success {
    color: #198754 !important;
}

.btn-success {
    background-color: #198754;
    border-color: #198754;
}

.btn-success:hover {
    background-color: #146c43;
}


footer a.legal {
    font-size: .9rem;
    color: #198754;
    font-style: italic;
    font-weight: 500;
    text-decoration: none;
    transition: color 200ms linear;
}

footer a.legal:hover {
    color: #ddd;
    text-decoration: underline;
    transition: color 200ms linear;
}