#piq_questions_replies .piq_reply { padding: 10px 0px 0; background: #F6F6F6; border-bottom: 1px solid #E2E2E2; margin: 10px 0 20px;}

#piq_questions_replies .piq_reply p { padding: 0 10px}

#piq_questions_replies form { display: block; clear: both; padding-top: 30px}

#piq_questions_replies .author_0 { border-right: 3px solid #EDDD07; margin-right: 8%}

#piq_questions_replies .reply_stage_0 { border-right: 3px solid #EDDD07; margin-right: 0px}

#piq_questions_replies .author_1 { border-left: 3px solid #3AA04B; margin-left: 8%}

#piq_questions_replies .date_piq { display: block; clear: both; height: 20px; padding: 0 10px; font-size: 11px;
font-weight: normal; background: #EAEAEA; text-align: right; line-height: 23px}

#piq_questions_replies form textarea { border: 1px solid #D6D4D4; padding: 5px; border-radius: 3px; width: 75%; min-height: 200px}

#piq_questions_replies .product_desc {background: #EAEAEA; border-bottom: 1px solid #E2E2E2; padding: 10px 10px 0;
border-left: 3px solid #4889F4; margin-bottom: 13px}

/*---------------*/

#maoFormWrapper { clear:both; padding:10px 0px; }

#maoFormWrapper a#mao_init_button span { display:inline-block; width:26px; height:26px; background:url(../img/icon_mao.png) no-repeat left top; vertical-align:middle; padding-right:6px}

#maoFormFields {min-width:370px}

#maoFormFields ul { padding:0px; margin:0px;}

#maoFormFields ul li { padding:16px 0px; margin:0px; clear:both; display:block; list-style:none}

#maoFormFields ul li label { float:left; font-size:13px; color:#655454;width:38%; line-height:24px}

#maoFormFields ul li label.psgdpr_consent_message { width: 95%;}

#maoFormFields ul li .textfiled { float:right; font-size:13px; color:#655454; padding:5px 3px;border-radius:4px !important;background: none repeat scroll 0 0 #f2f2f2; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) inset; border:0px; width:60%}

#maoFormFields ul li sup { color:red; vertical-align:text-top}

.oosAlertMessage { color:#F3515C; font-weight:bold; clear:both}

.oosSuccess {font-weight:bold; color:#93CD60}

.oosError {font-weight:bold; color:#F3515C}

#oosAjaxLoadIcon { display:none; text-align:center}

#maoFormWrapper .form-group { margin-bottom:0px; display:none}

#maoFormWrapper .form-group .exclusive { margin-top:6px}

.icon-outofstocknotification:before { content: "\f0a1";}

#maoFormFields #maoLoader { text-align:center; display:none}

.maoSuccessMessage { background:#BDF29D; padding:4px; color:#578E34; font-weight:bold; display:none}

#maoFormFields ul li#maoExecDataTrigger { display:none}

#maoFormFields ul li label#gCaptchaVerifyLabel { width:15%}

#maoFormFields ul li div#maoGcaptcha { width:85%; float:right;}

.row #maoFormWrapper { text-align:center}

.row #maoFormWrapper a.exclusive_large {background:#0096CD; border-color: #0079b6 #006fa8 #012740;border-radius: 4px;}

.row #maoFormWrapper a#mao_init_button { color:#ffffff;}
.row #maoFormWrapper a#mao_init_button:hover { background:#007DB9}

.row #maoFormWrapper a#mao_init_button span { margin-right:12px;}

/* PrestaShop 1.7 Stylesheet */
.pi_prestashop_17 { text-align: left !important; padding-top: 15px}
.pi_prestashop_17 #mao_init_button { background: #2FB5D2 !important; padding: 8px 12px; border-radius: 0px !important; display: inline-block}
.pi_prestashop_17 #mao_init_button:hover { background: #2592A9 !important;}
/*---- Message holder ----*/
#pq_invalid_message_holder { border: 2px solid #E9E9E9; padding: 5px; margin: 10px; color: #434A54; font-weight: bold;}


/*-------- Product Info Addition --------*/
#pq_show_pi { min-width: 600px}
#pq_show_pi .pq_show_pi_left { display: inline-block; width: 35%; padding-right: 1%; vertical-align: middle; text-align: center}

#pq_show_pi .pq_show_pi_left img { max-width: 100%; width: 80%; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2); display: inline-block}

#pq_show_pi .pq_show_pi_right { display: inline-block; width: 60%; padding-left: 4%; vertical-align: middle;}

#pq_show_pi .pq_show_pi_left { border-right: 2px solid #f1f1f1;}

#pq_show_pi .pq_name_holder { display: block; clear: both; text-transform: capitalize; color: #232323; 
padding: 15px 0 10px; font-size: 18px}

#pq_show_pi .pq_price_holder { display: block; clear: both; font-weight: 700; font-style: italic;
padding: 10px 0 0px; font-size: 17px}


/* --------------------------------------------------------------------------
 * Vai Con La Sigla - PS 1.7 product page CTA refresh (v1.4.1 custom)
 * Front-end only: keeps the original inquiry form and popup logic unchanged.
 * -------------------------------------------------------------------------- */
.pi_prestashop_17 {
    text-align: left !important;
    padding-top: 15px;
}

.pi_prestashop_17 #mao_init_button.piq-question-cta {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 9px 13px !important;
    margin: 0;
    color: #2b2b2b !important;
    background: #f7f7f7 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    line-height: 1.25;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.pi_prestashop_17 #mao_init_button.piq-question-cta:hover,
.pi_prestashop_17 #mao_init_button.piq-question-cta:focus {
    color: #232323 !important;
    background: #f2f8fa !important;
    border-color: #cfe6ec !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.pi_prestashop_17 #mao_init_button.piq-question-cta:active {
    transform: translateY(1px);
}

.pi_prestashop_17 #mao_init_button.piq-question-cta .piq-question-icon {
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0 !important;
    padding: 0 !important;
    color: #2fb5d2;
    background: #ffffff !important;
    background-image: none !important;
    border: 2px solid #2fb5d2;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
}

.pi_prestashop_17 #mao_init_button.piq-question-cta .piq-question-copy {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    background-image: none !important;
}

.pi_prestashop_17 #mao_init_button.piq-question-cta .piq-question-title {
    margin: 0 !important;
    padding: 0 !important;
    color: #333333;
    background: none !important;
    background-image: none !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.pi_prestashop_17 #mao_init_button.piq-question-cta .piq-question-action {
    margin: 0 !important;
    padding: 0 !important;
    color: #168eaa;
    background: none !important;
    background-image: none !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

.pi_prestashop_17 #mao_init_button.piq-question-cta .piq-question-arrow {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 1px !important;
    padding: 0 !important;
    background: none !important;
    background-image: none !important;
    font-size: 15px;
    line-height: 1;
    vertical-align: baseline;
}

@media (max-width: 575px) {
    .pi_prestashop_17 #mao_init_button.piq-question-cta {
        width: 100%;
    }

    .pi_prestashop_17 #mao_init_button.piq-question-cta .piq-question-copy {
        display: block;
    }

    .pi_prestashop_17 #mao_init_button.piq-question-cta .piq-question-title,
    .pi_prestashop_17 #mao_init_button.piq-question-cta .piq-question-action {
        display: block;
    }

    .pi_prestashop_17 #mao_init_button.piq-question-cta .piq-question-action {
        margin-top: 2px !important;
    }
}

/* --------------------------------------------------------------------------
 * Vai Con La Sigla - v1.4.2 compatibility fix
 * The original module styles every span inside #mao_init_button as a 26x26
 * icon. Reset that legacy rule only inside the custom CTA, then restore the
 * intended dimensions for the question-mark icon.
 * -------------------------------------------------------------------------- */
#maoFormWrapper.pi_prestashop_17 a#mao_init_button.piq-question-cta span {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    background: none !important;
    background-image: none !important;
    vertical-align: baseline;
}

#maoFormWrapper.pi_prestashop_17 a#mao_init_button.piq-question-cta > .piq-question-icon {
    flex: 0 0 28px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    vertical-align: middle;
}

#maoFormWrapper.pi_prestashop_17 a#mao_init_button.piq-question-cta > .piq-question-copy {
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    min-width: 0;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
}

#maoFormWrapper.pi_prestashop_17 a#mao_init_button.piq-question-cta .piq-question-title,
#maoFormWrapper.pi_prestashop_17 a#mao_init_button.piq-question-cta .piq-question-action {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.25;
}

#maoFormWrapper.pi_prestashop_17 a#mao_init_button.piq-question-cta .piq-question-arrow {
    display: inline !important;
    width: auto !important;
    height: auto !important;
}

@media (max-width: 575px) {
    #maoFormWrapper.pi_prestashop_17 a#mao_init_button.piq-question-cta > .piq-question-copy {
        display: block !important;
    }

    #maoFormWrapper.pi_prestashop_17 a#mao_init_button.piq-question-cta .piq-question-title,
    #maoFormWrapper.pi_prestashop_17 a#mao_init_button.piq-question-cta .piq-question-action {
        display: block !important;
    }
}
