/**
 * css/custom/search-product.css
 * Stili personalizzati per la ricerca prodotti
 */

/* ============================================
   SEARCH FORM CONTAINER
   ============================================ */
.form_search-product.style-search-2.style-search-3 {
    display         : flex;
    align-items     : stretch;
    gap             : 0;
    max-width       : 600px;
    width           : 100%;
    margin          : 0;
    padding         : 0;
    background      : transparent;
    border          : 1px solid #e0e0e0;
    border-radius   : 30px;              /* Bordo arrotondato su tutto */
}


/* ============================================
   INPUT CERCA PRODOTTO
   ============================================ */
.form_search-product .style-def {
    flex            : 1;
    height          : 55px;
    padding         : 0px 100px;
    border          : none;
    border-radius   : 30px 0 0 30px;    /* Solo angoli sinistri arrotondati */
    font-size       : 24px !important;
    color           : #333;
    background      : #ffffff;
    outline         : none;
}

.form_search-product .style-def:focus {
    outline         : none;
}

.form_search-product .style-def::placeholder {
    color           : #999;
    font-size       : 24px !important;
    font-weight     : 300;
}

.form_search-product .style-def:disabled {
    background      : #f5f5f5;
    cursor          : not-allowed;
}

/* ============================================
   BOTTONE CERCA
   ============================================ */
.form_search-product .btn-submit-2 {
    height          : 57px;
    padding         : 0 45px;
    border          : none;
    border-radius   : 0 30px 30px 0;    /* Solo angoli destri arrotondati */
    background      : #ff5f1f;
    color           : white;
    font-size       : 24px !important;
    font-weight     : 600;
    cursor          : pointer;
    display         : flex;
    align-items     : center;
    justify-content : center;
    white-space     : nowrap;
    margin          : 0px;               /* Compensa il bordo del container */
    margin-right    : -4px;
    height          : 57px;               /* 55px + 2px di bordo */
    transform       : translateY(-5px);   /* Sposta il bottone verso l'alto di 2px */    
}

.form_search-product .btn-submit-2:hover {
    background      : #e85317;
    transform       : translateY(-5px);   /* Effetto hover più accentuato */    




.form_search-product .btn-submit-2:active {
    transform       : translateY(0);
    box-shadow      : none;
}

.form_search-product .btn-submit-2 .h6 {
    font-size       : 18px;
    font-weight     : 600;
    margin          : 0;
    line-height     : 1;
    color           : white;
}

.form_search-product .btn-submit-2:disabled,
.form_search-product .btn-submit-2.disabled {
    background      : #ccc;
    cursor          : not-allowed;
    pointer-events  : none;
    opacity         : 0.7;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 991px) {
    .form_search-product.style-search-2.style-search-3 {
        max-width       : 100%;
    }
}

@media (max-width: 767px) {
    .form_search-product.style-search-2.style-search-3 {
        border-radius   : 25px;
    }
    
    .form_search-product .style-def {
        height          : 50px;
        font-size       : 16px;
        padding         : 0 15px;
    }
    
    .form_search-product .style-def::placeholder {
        font-size       : 15px;
    }
    
    .form_search-product .btn-submit-2 {
        height          : 50px;
        padding         : 0 25px;
        font-size       : 16px;
    }
    
    .form_search-product .btn-submit-2 .h6 {
        font-size       : 16px;
    }
}