/* =========================================
   WHATSAPP POPUP POSITIONING - MOBILE
========================================= */

   #whatsapp-enquiry-mode1 {
       position: fixed !important;
        top: auto !important;
        bottom: 82px !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: calc(100% - 24px) !important;
        max-width: 450px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        z-index: 100000 !important;

    }

/* =========================================
   SOLID GREEN WHATSAPP SUBMIT BUTTON
========================================= */

/* Solid green background and white text */
.whatsapp-enquiry-mode #submitBtn {
    background: #20a653!important; /* WhatsApp Green */
    color: #ffffff !important;
    border: 1px solid #20a653!important;
    box-shadow: none !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

/* Ensure inner text and icons inside submit button inherit white color */
.whatsapp-enquiry-mode #submitBtn,
.whatsapp-enquiry-mode #submitBtn * {
    color: #ffffff !important;
}

/* WhatsApp PNG/SVG Icon sizing and placement */
.whatsapp-enquiry-mode #submitBtn img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
    margin: 0 !important;
    vertical-align: middle !important;
    display: inline-block !important;
    /* Optional: turns icon white if it's a monochrome icon */
    /* filter: brightness(0) invert(1) !important; */
}

/* Hover state for WhatsApp button */
.whatsapp-enquiry-mode #submitBtn:hover {
    background: #1EBE5D !important; /* Slightly darker green on hover */
    border-color: #1EBE5D !important;
    color: #ffffff !important;
}