/*
 Theme Name:   Numerique Child
 Theme URI:    https://ocean-arena.com/
 Description:  Child theme for Numerique
 Author:       OCEAN
 Author URI:   https://ocean-arena.com/
 Template:     numerique
 Version:      1.0.0
 Text Domain:  numerique-child
*/
    
.axs-wrap {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    width: 100%;
    clear: both;
}

.axs {
    position: relative;
    display: flex;
    align-items: center;
    isolation: isolate;
}

.axs-inner {
    display: flex;
    align-items: center;
    border-radius: 50px;
    border: 1.5px solid #38BDF8;
    background: #fff;
    overflow: hidden;
    height: 46px;
    width: 300px;
    transition: all 0.4s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.axs-input {
    width: 220px;
    padding: 0 15px;
    border: none !important;
    outline: none !important;
    background: transparent;
    color: #111;
    font-size: 15px;
    transition: width .5s cubic-bezier(.4, 0, .2, 1), padding .5s;
    opacity: 1;
}

.axs-btn {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: none;
    background: #38BDF8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.3s, box-shadow 0.3s ease;
    padding: 0;
}

.axs-btn:hover {
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.6);
}

.axs-btn svg {
    width: 18px;
    height: 18px;
    stroke: #fff;
    fill: none;
    stroke-width: 2.5;
}

.axs-close {
    display: none;
}