/* --- Contact page--- */

/* Styles for the title of the "Prendre RDV" page */
#post-84 .entry-title {
    text-align: center;
}

/* Styles for the title of the "Contact" page */
#post-115 .entry-title {
    text-align: center;
}



.page-template-default .entry-content > .wp-block-columns { /* Specific to default page template with columns block */
    gap: 40px;
    align-items: flex-start; 
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex;
}

.page-template-default .entry-content > .wp-block-columns > .wp-block-column {
    flex-basis: 0; 
    flex-grow: 1;  
    box-sizing: border-box;
}

.wp-block-column:nth-child(1) { /* Targets the first column (contact form) */
    padding: 25px;
}

.wp-block-column:nth-child(2) { /* Targets the second column (contact details and map) */
    /* background-color: #f9f9f9; */
    background-color: var(--color-background-white);
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Target h3/h4 inside the group within the second column */
.wp-block-column:nth-child(2) .wp-block-group h3,
.wp-block-column:nth-child(2) .wp-block-group h4 {
    margin-top: 0;
    color: var(--color-brand);
    font-size: 1.6em;
    margin-bottom: 1em;
}

/* Styles for the group block and the items within it */
.wp-block-column:nth-child(2) > .wp-block-group { /* Target the direct child .wp-block-group */
    width: 100%; 
    margin-bottom: 1.5em; 
    display: flex;
}

/* Center the inner container of the group and align its items left */
.wp-block-column:nth-child(2) .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-column:nth-child(2) .wp-block-group p.contact-detail-item {
    display: flex;
    align-items: center;
}

.wp-block-column:nth-child(2) .wp-block-group .contact-icon {
    margin-right: 1em;
    color: var(--color-primary);
    font-size: 1.8em; 
    line-height: inherit;
    flex-shrink: 0;
}


.wp-block-column:nth-child(2) > .map-responsive { 
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0; 
    margin-top: 1.5em; 
    margin-bottom: 1.5em;
}


@media screen and (max-width: 1200px) {
    .page-template-default .entry-content > .wp-block-columns > .wp-block-column:nth-child(2) .map-responsive {
        padding-bottom: 45%; 
        width: 100%; 
        padding-bottom: 125%;
        margin-top: 1.5em; 
        margin-bottom: 1.5em; 
    }
}