/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Silhouette Sangoku avant le texte manga */
.manga-text {
    position: relative;
    padding-left: 120px;
}

.manga-text::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 200px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cpath d='M55 5 Q65 15, 58 25 Q68 20, 72 8 Q75 18, 68 28 M42 12 Q35 18, 38 28 Q28 22, 25 10 Q20 20, 30 30 M38 28 Q35 35, 40 42 L42 50 Q48 48, 52 50 L54 42 Q58 35, 55 28 M40 42 Q32 55, 38 65 Q30 70, 35 85 L40 90 M54 42 Q62 55, 56 65 Q64 70, 58 85 L55 90 M40 90 Q42 100, 38 115 Q35 130, 42 145 Q38 160, 45 175 Q42 185, 48 195 M55 90 Q53 100, 56 115 Q60 130, 52 145 Q58 160, 50 175 Q55 185, 50 195' stroke='%23214d25' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* Centrer le dernier bloc de la section A propos */
.a-propos-last-content {
    margin: auto;
}

/* ===========================================
   Menu de navigation des prestations
   =========================================== */
.presta-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.presta-nav a {
    color: #FFFFFF;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 20px;
    display: inline-block;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 400;
}

.presta-nav a:hover {
    background: rgba(255, 255, 255, 0.2);
}

.presta-nav a.active {
    color: #37233d;
    background: #FFFFFF;
    font-weight: 600;
}

@media (max-width: 767px) {
    .presta-nav {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    .presta-nav a {
        width: 80%;
        max-width: 200px;
        text-align: center;
        padding: 10px 16px;
    }
}

/* ===========================================
   Menu de navigation des prestations - Version Light
   (Pour fonds clairs : texte noir, hover assombrit)
   =========================================== */
.presta-nav-light {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.presta-nav-light a {
    color: #37233d;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 20px;
    display: inline-block;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 400;
    background: rgba(55, 35, 61, 0.08);
}

.presta-nav-light a:hover {
    background: rgba(55, 35, 61, 0.18);
}

.presta-nav-light a.active {
    color: #FFFFFF;
    background: #37233d;
    font-weight: 600;
}

@media (max-width: 767px) {
    .presta-nav-light {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    .presta-nav-light a {
        width: 80%;
        max-width: 200px;
        text-align: center;
        padding: 10px 16px;
    }
}

/* ===========================================
   Tableaux responsive (tarifs)
   =========================================== */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive table {
    min-width: 500px;
}

@media (max-width: 767px) {
    .table-responsive table th,
    .table-responsive table td {
        padding: 10px 8px !important;
        font-size: 13px;
    }
}

/* ===========================================
   Bouton d'envoi
   =========================================== */
.send-button {
    background-color: #37233D !important;
}