.elementor-59617 .elementor-element.elementor-element-ce70885{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:0px 0px 0px 0px;}.elementor-59617 .elementor-element.elementor-element-55ecdbc.elementor-element{--align-self:center;}#elementor-popup-modal-59617 .dialog-widget-content{background-color:#FFFFFF;border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0, 0, 0, 0.09);}#elementor-popup-modal-59617{background-color:#FFFFFFCC;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-59617 .dialog-message{width:637px;height:auto;}#elementor-popup-modal-59617 .dialog-close-button{display:flex;}/* Start custom CSS for container, class: .elementor-element-ce70885 *//* =========================
   OVERLAY / FOND MODALE
   ========================= */

.blog-search-popup .dialog-widget-content {
    background: rgba(7, 22, 43, 0.45) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: none !important;
}

/* =========================
   BOÎTE CENTRALE
   ========================= */

.blog-search-box {
    max-width: 760px;
    width: calc(100% - 40px);
    margin: 0 auto;
    background: #ffffff;
    border-radius: 20px;
    padding: 28px 32px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
    position: relative;
}

/* Petit titre si tu veux en ajouter un */
.blog-search-box .search-title {
    margin: 0 0 18px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    color: #002b49;
    text-align: center;
}

/* Petit sous-texte optionnel */
.blog-search-box .search-subtitle {
    margin: 0 0 24px;
    font-size: 15px;
    color: #5b6675;
    text-align: center;
}

/* =========================
   FORMULAIRE
   ========================= */

.blog-search-box .nibelis-blog-search-form,
.blog-search-box form[role="search"] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Champ de recherche */
.blog-search-box input[type="search"],
.blog-search-box input[type="text"] {
    flex: 1 1 420px;
    min-width: 260px;
    height: 58px;
    padding: 0 18px;
    border: 1px solid #d9e1ea;
    border-radius: 14px;
    background: #f8fafc;
    font-size: 16px;
    color: #002b49;
    outline: none;
    box-shadow: none;
    transition: all 0.2s ease;
}

.blog-search-box input[type="search"]::placeholder,
.blog-search-box input[type="text"]::placeholder {
    color: #7b8794;
}

.blog-search-box input[type="search"]:focus,
.blog-search-box input[type="text"]:focus {
    background: #ffffff;
    border-color: #47b8df;
    box-shadow: 0 0 0 4px rgba(71, 184, 223, 0.15);
}

/* Bouton recherche */
.blog-search-box button,
.blog-search-box input[type="submit"] {
    height: 58px;
    min-width: 150px;
    padding: 0 24px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #49bfe4 0%, #2fa7d1 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    box-shadow: 0 10px 24px rgba(47, 167, 209, 0.28);
}

.blog-search-box button:hover,
.blog-search-box input[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(47, 167, 209, 0.32);
}

.blog-search-box button:active,
.blog-search-box input[type="submit"]:active {
    transform: translateY(0);
}

/* =========================
   BOUTON FERMER
   ========================= */

.blog-search-popup .dialog-close-button {
    top: 24px !important;
    right: 24px !important;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #002b49 !important;
    font-size: 18px !important;
    transition: transform 0.15s ease, background 0.2s ease;
}

.blog-search-popup .dialog-close-button:hover {
    transform: scale(1.05);
    background: #f5f8fb;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 767px) {
    .blog-search-box {
        width: calc(100% - 24px);
        padding: 20px 18px;
        border-radius: 16px;
    }

    .blog-search-box .search-title {
        font-size: 22px;
    }

    .blog-search-box .nibelis-blog-search-form,
    .blog-search-box form[role="search"] {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-search-box input[type="search"],
    .blog-search-box input[type="text"],
    .blog-search-box button,
    .blog-search-box input[type="submit"] {
        width: 100%;
        min-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS *//* Formulaire de recherche Blog RH */
.nibelis-blog-search-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    width: 100%;
}

/* Champ de recherche */
.nibelis-blog-search-form input[type="search"] {
    width: 260px;
    height: 50px;
    padding: 0 18px;
    border: 1px solid #d7d7d7;
    border-radius: 15px !important;
    background: #ffffff;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 400;
    outline: none;
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
}

.nibelis-blog-search-form input[type="search"]::placeholder {
    color: #5f6670;
    opacity: 1;
}

.nibelis-blog-search-form input[type="search"]:focus {
    border-color: #0FB7E2;
    box-shadow: 0 0 0 3px rgba(15, 183, 226, 0.18) !important;
}

/* Bouton rechercher */
.nibelis-blog-search-form button {
    min-width: 180px;
    height: 50px;
    padding: 0 28px;
    border: none !important;
    border-radius: 15px !important;
    background: #0FB7E2 !important;
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none !important;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.nibelis-blog-search-form button:hover,
.nibelis-blog-search-form button:focus {
    background: #0170B9 !important;
    color: #ffffff !important;
}

.nibelis-blog-search-form button:active {
    transform: translateY(1px);
}

/* Mobile */
@media (max-width: 767px) {
    .nibelis-blog-search-form {
        flex-direction: column;
        gap: 16px;
    }

    .nibelis-blog-search-form input[type="search"],
    .nibelis-blog-search-form button {
        width: 100%;
        min-width: 100%;
    }
}/* End custom CSS */