/*
 Theme Name:   Astra Child
 Theme URI:    https://ismaildounia.com
 Description:  Child theme for Astra with custom formations CPT
 Author:       IsmailDounia
 Author URI:   https://ismaildounia.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* ==========================================================================
   Contact Form 7 - Form Styling
   ========================================================================== */

.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.wpcf7-form p {
    width: calc(50% - 10px);
    margin: 0;
}

.wpcf7-form p:has(textarea),
.wpcf7-form p:has(.wpcf7-checkbox),
.wpcf7-form p:has(.wpcf7-acceptance),
.wpcf7-form p:has(input[type="submit"]) {
    width: 100%;
}

.wpcf7-form label {
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    display: block;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 15px;
    transition: border-color 0.3s;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    border-color: #0073aa;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 115, 170, 0.2);
}

.wpcf7-form .wpcf7-radio,
.wpcf7-form .wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.wpcf7-form .wpcf7-list-item {
    margin: 0;
}

.wpcf7-form input[type="submit"] {
    background-color: #1FBCAC;
    color: #fff;
    padding: 15px 40px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #005a87;
}

.wpcf7-form .wpcf7-form-control-wrap abbr,
.wpcf7-form label abbr,
.wpcf7-form .required,
.wpcf7-form label .required {
    color: #e74c3c;
    font-weight: bold;
}

@media (max-width: 768px) {
    .wpcf7-form p {
        width: 100%;
    }
}

/* ==========================================================================
   Footer - Hide extra "Contactez nous" button in widget 1
   ========================================================================== */

.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] #block-50 {
    display: none;
}