/* Color-only override for crm-software/whatsapp-crm-submit-review.php
   Repaints the existing look with the palette used on
   crm-software/whatsapp-business-api-integration (dark green / bright green / cream).
   Loaded only on this page, so these rules cannot affect any other page.
   No layout, spacing, typography, or structural properties are touched here. */

/* Hero / review card section (.wapi-section, from style-crm.css) */
.wapi-section{background:linear-gradient(135deg,#fcf5eb,#d4f6e1);}
.wapi-section .hero-left h1{color:#003a27;}
.wapi-section .hero-left span{background:linear-gradient(90deg,#003a27,#00d856);-webkit-background-clip:text;background-clip:text;}
.wapi-section .hero-left p{color:#6b8478;}
.wapi-section .hero-clients .trustedText{color:#003a27;}
.wapi-section .hero-clients .logo-box{background-color:#fff;}
.wapi-section .hero-clients .logo-box:hover{border-color:#9cecba;box-shadow:0 6px 20px rgba(0,58,39,0.08);}
.wapi-section .wapi-tab-btn{background-color:#fff;}
.wapi-section .wapi-tab-btn:hover{background-color:#d4f6e1;}
.wapi-section .wapi-tab-btn.active{background:linear-gradient(90deg,#003a27,#0a5c3f);box-shadow:0 12px 30px rgba(0,58,39,0.3);}
.wapi-section .wapi-tab-btn.active::after{border-top-color:#0a5c3f;}

/* Google / Video / Written review tabs (style-crm.css shared classes) */
.google-review-btn{border-color:#d4f6e1;}
.google-review-btn:hover{border-color:#25d366;box-shadow:0 10px 25px rgba(37,211,102,0.15);}
.btn-text strong{color:#003a27;}
.btn-text span{color:#6b8478;}
.review-note{color:#6b8478;}
.form-group label{color:#003a27;}
.form-group input,
.form-group textarea{border-color:#cfe3d7;}
.form-group input:focus,
.form-group textarea:focus{border-color:#25d366;box-shadow:0 0 0 3px rgba(37,211,102,0.15);}
.file-upload{border-color:#cfe3d7;}
.file-upload:hover{border-color:#25d366;background-color:#f2fbf6;}
.submit-btn{background:#00d856;color:#003a27;}
.submit-btn:hover{box-shadow:0 8px 20px rgba(0,58,39,0.25);}
.wapi-tab-panel .video-guide{background-color:#fcf5eb;}
.wapi-tab-panel .guide-item{border-color:#d4f6e1;}
.wapi-tab-panel .guide-item span{background-color:#003a27;color:#00d856;}
.review-header h3{color:#003a27;}
.review-header p{color:#6b8478;}
#wapi-video .review-header,
#wapi-written .review-header{background-color:#fcf5eb;border-color:#d4f6e1;}
#wapi-video .review-header::before,
#wapi-written .review-header::before{background-color:#00d856;}
.review-badge{background-color:#e6ffda;}
.review-text h3{color:#003a27;}
.review-text p{color:#6b8478;}

/* Sample popups (inline <style> block on this page) */
.section-header h2{color:#003a27;}
.section-header span{color:#00d856;}
.section-header p{color:#6b8478;}
.video-card{border-color:#d4f6e1;}
.video-card:hover{border-color:#25d366;}
.play-btn{background:linear-gradient(135deg,#00d856,#003a27);box-shadow:0 8px 20px rgba(0,58,39,0.4);}
.client-info h4{color:#003a27;}
.client-info span{color:#6b8478;}
.testimonial-card{border-color:#d4f6e1;}
.sample-label{color:#003a27;background-color:#e6ffda;}
.testimonial-text{color:#4a5c53;}
.fancybox__content{background-color:#fcf5eb;}

/* Footer (this page uses the CRM-style footer via $new_page_url) */
.globally_bg{background-color:#003a27;}
.glo_s_hed{color:#fff;}
.glo_s_hed span{color:#25d366;}
.glo_form_bg{background-color:#00261a;border-color:#9cecba;}
.glo_form_bg .submit_btn{background-color:#25d366;color:#003a27;}
.glo_form_bg .submit_btn:hover{background-color:#003a27;color:#00d856;}
.footer_bot_bg .bg_bot{background-color:#00261a;border-bottom-color:#143a2e;color:#25d366;}
.copyright_bg{background-color:#002e1f;}
.copyright_bg .text-secondary{color:#9cbfae;}

.glo_form_bg input[type=text], .glo_form_bg input[type=password], .glo_form_bg input[type=email], .glo_form_bg select {
    padding: .8em 1em;
    margin-bottom: .7em;
    background-color: #f7f7f7;
    color: #555;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    width: 100%;
    font-size: 1em;
    line-height: 1.1;
}

.newFooter{background-color:#00261a;}
.newFooter .newFootInn ._linkBox .__title{border-left-color:#00d856;}
.newFooter .newFootInn ._linkBox .__list li a:hover,
.newFooter .newFootInn ._linkBox .__list li a:focus{color:#00d856;}
.newFooter .quickLink{border-top-color:#023626;}
.newFooter .quickLink .companyLinks li a{background-color:#0a5c3f;}
.newFooter .quickLink .companyLinks li a:hover{background-color:#fff;color:#003a27;}
.newFooter .copyRight{border-top-color:#023626;color:#9cbfae;}
.newFooter .copyRight ._social a{background-color:#e6ffda;color:#003a27;}
.newFooter .copyRight ._social a:hover,
.newFooter .copyRight ._social a:focus{background-color:#00d856;color:#003a27;}
.whatsapp_pos img{border-radius: 50px;}



@media (max-width: 991px) { 
.footer_bot_bg .bg_bot {font-size: 2em;}
.globally_bg h2{ text-align:left;font-size: 2em;}
.glo_s_hed{ text-align:left;font-size: 1.5em;}

    .newFooter .newFootInn ._linkBox .__list li a {
        background: #0a5c3f;
    }

}

@media (max-width:767px) { 
.footer_bot_bg .bg_bot {font-size: 2em;}
.globally_bg h2{ text-align:left;font-size:1.5em;}
.glo_s_hed{ text-align:left;font-size: 1.5em;}

}

@media (max-width:479px) { 
.globally_bg h2{ text-align:center;font-size:1.6em;}
.glo_s_hed{ text-align:center;font-size: 1.1em;padding: 0 15px;}
.footer_bot_bg .bg_bot{font-size:1.3em;line-height:1.2em;padding:20px;}
.copyright_bg .text-right{text-align: center!important;margin-top:25px;}
}