/* PROMEC · WP Chat App / WhatsApp only · 2026-10-26 */
#wa.wa__widget_container { direction:rtl; font-family:"Cairo",sans-serif; }
#wa .wa__btn_popup,#wa .wa__popup_chat_box,#wa .wa__popup_chat_box * { font-family:"Cairo",sans-serif; box-sizing:border-box; }
#wa .wa__btn_popup { z-index:10020; right:24px!important; left:auto!important; bottom:calc(24px + env(safe-area-inset-bottom,0px))!important; }
#wa .wa__btn_popup_icon { position:relative; width:60px; height:60px; border:1px solid rgba(255,255,255,.28); background:#8c1034!important; box-shadow:0 8px 28px rgba(0,0,0,.28); transition:background .2s ease,transform .2s ease,box-shadow .2s ease; }
#wa .wa__btn_popup:hover .wa__btn_popup_icon { background:#8c1034!important; transform:translateY(-3px); box-shadow:0 12px 30px rgba(140,16,52,.26); }
#wa .wa__btn_popup:focus-visible { outline:2px solid #8c1034; outline-offset:5px; border-radius:50%; }
#wa .wa__btn_popup_txt { width:142px!important; background:#222426; color:#fff; border:1px solid rgba(255,255,255,.16); border-right:2px solid #8c1034; border-radius:8px; padding:11px 16px; margin-right:12px!important; text-align:center; font-size:13px; line-height:1.7; letter-spacing:0; box-shadow:0 5px 22px rgba(0,0,0,.15); pointer-events:none; }
#wa .wa__btn_popup_txt strong { color:#fff; font-weight:700; }
#wa .wa__popup_chat_box { direction:rtl; text-align:right; width:340px; max-width:calc(100vw - 32px); right:24px!important; left:auto!important; bottom:calc(100px + env(safe-area-inset-bottom,0px))!important; z-index:10019; border:1px solid #414345; border-radius:16px; background:#202223; box-shadow:0 20px 60px rgba(0,0,0,.28); max-height:calc(100dvh - 130px); overflow-y:auto; }
#wa .wa__popup_heading { background:#191b1c!important; padding:24px 22px 22px 72px; border-bottom:2px solid #8c1034; color:#fff; }
#wa .wa__popup_heading:before { right:auto; left:22px; top:27px; opacity:.95; }
#wa .wa__popup_title { color:#fff!important; font-weight:800; line-height:1.6!important; padding:0; }
#wa .wa__popup_intro { color:#c9cacc!important; opacity:1!important; font-size:13px!important; line-height:1.9!important; padding:8px 0 0; }
#wa .wa__popup_content { background:#202223; padding:16px; }
#wa .wa__popup_notice { display:none; }
#wa .wa__popup_content_list { padding:0; }
#wa .wa__popup_content_item { margin:0; }
#wa .wa__popup_content_item a.wa__stt { display:flex; align-items:center; gap:12px; position:relative; padding:16px; min-height:84px; border:1px solid #454749; border-radius:10px; background:#2b2d2f; color:#fff; box-shadow:none; text-decoration:none; transition:background .2s ease,border-color .2s ease!important; }
#wa .wa__popup_content_item a.wa__stt:hover,#wa .wa__popup_content_item a.wa__stt:focus-visible { background:#343638; border-color:#8c1034; transform:none; box-shadow:none; }
#wa .wa__popup_content_item a.wa__stt:focus-visible { outline:2px solid #8c1034; outline-offset:3px; }
#wa .wa__popup_content_item a.wa__stt:before,#wa .wa__popup_content_item a.wa__stt:after { display:none; }
#wa .wa__popup_avatar { position:static; flex:0 0 42px; width:42px; height:42px; border-radius:50%; overflow:hidden; }
#wa .wa__popup_avatar svg { display:block; width:42px; height:42px; }
#wa .wa__popup_avatar svg path:nth-child(2) { fill:#8c1034!important; }
#wa .wa__popup_txt { display:block; height:auto; min-height:0; padding:0; text-align:right; }
#wa .wa__member_name { color:#fff; font-weight:700; line-height:1.8!important; }
#wa .wa__member_duty { color:#c4c6c8; font-size:12px!important; line-height:1.8!important; padding-top:4px; }
@media(max-width:600px) {
 #wa .wa__btn_popup { right:16px!important; bottom:calc(18px + env(safe-area-inset-bottom,0px))!important; }
 #wa .wa__btn_popup_icon { width:54px; height:54px; }
 #wa .wa__btn_popup_txt { width:126px!important; font-size:12px; padding:9px 12px; margin-right:9px!important; }
 #wa .wa__popup_chat_box { right:16px!important; bottom:calc(88px + env(safe-area-inset-bottom,0px))!important; }
}
@media(prefers-reduced-motion:reduce) {
 #wa .wa__btn_popup *,#wa .wa__popup_chat_box,#wa .wa__popup_chat_box * { transition:none!important; animation:none!important; }
}
/* End PROMEC WhatsApp */

/* Keep the native account card visible when the panel is reopened quickly. */
#wa .wa__popup_chat_box.wa__active .wa__popup_content_item { opacity:1!important; transform:none!important; }

/* PROMEC WhatsApp labels: Cairo on every text node. */
#wa .wa__btn_popup_txt,#wa .wa__btn_popup_txt *,.pm-native-quote .elementor-button-text {
 font-family:"Cairo",sans-serif!important; font-weight:700!important;
}
#wa .wa__btn_popup_txt { width:150px!important; }
@media(max-width:600px) { #wa .wa__btn_popup_txt { width:136px!important; } }