/*********************
ball content wrapper
**********************/
.wp-chatbot-container {
/*width: 370px;*/
display: table;
border-radius: 5px;
box-shadow: 0 5px 40px rgba(0, 0, 0, .10);
background: url("../../images/defult-bg.jpg") no-repeat bottom center;
background-size: cover;
}
/******************************
wp Chat bot Message container
*********************************/
.wp-chatbot-header {
background-color: rgba(0, 0, 0, 0.55);
}
.wp-chatbot-header h3 {
color: #ffffff;
font-size: 18px !important;
letter-spacing: 1px;
}
.wp-chatbot-cart-container > div > p {
color: #ffffff;
}
ul.wp-chatbot-messages-container {
padding: 0;
margin: 0;
}
ul.wp-chatbot-messages-container > li:first-child .wp-chatbot-agent {
display: none !important;
}
ul.wp-chatbot-messages-container > li, .wp-chatbot-agent-profile {
padding-left: 22px;
font-size: 14px;
}
ul.wp-chatbot-messages-container > li .wp-chatbot-comment-loader {
margin: 0 auto;
display: block;
}
ul.wp-chatbot-messages-container > li > .wp-chatbot-avatar, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar {
position: absolute;
top: 0;
left: 0;
z-index: 2;
border-radius: 50%;
overflow: hidden;
border: 2px solid rgba(255, 255, 255, 0.62);
background-color: #70aca9;
width: 40px;
height: 40px;
}
ul.wp-chatbot-messages-container > li > .wp-chatbot-agent, ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph, .wp-chatbot-agent-profile .wp-chatbot-bubble, .wp-chatbot-widget-agent {
display: table;
position: relative;
padding-left: 30px;
padding-right: 10px;
}
ul.wp-chatbot-messages-container > li > .wp-chatbot-agent, .wp-chatbot-widget-agent {
display: table !important;
padding-top: 2px;
padding-bottom: 2px;
background-color: #ffffff;
font-size: 10px;
line-height: 12px;
border-radius: 10px 10px 0px 10px;
}
ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph, .wp-chatbot-agent-profile .wp-chatbot-bubble {
padding-top: 8px;
padding-bottom: 8px;
background-color: #286188;
color: #ffffff;
font-size: 14px;
line-height: 20px;
border-radius: 10px;
}
ul.wp-chatbot-messages-container > li.wp-chat-user-msg > .wp-chatbot-paragraph {
background-color: #3a98d8;
}
ul.wp-chatbot-messages-container > li.wp-chat-user-msg::before {
left: 19px;
}
ul.wp-chatbot-messages-container > li.wp-chatbot-msg-flat {
color: #ffffff;
}
/*******************************
wp Chat bottom Tab Nav Editor
**********************************/
.wp-chatbot-tab-nav {
background-color: rgba(0, 0, 0, 0.55);
}
.wp-chatbot-tab-nav ul li a {
background-color: #000000;
}
.wp-chatbot-tab-nav ul li:before {
background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.55) 50%);
background-size: 200%, 100%;
border-radius: 30px 30px 0 0;
height: 10px;
}
/*******************************
wp Chat bot Message Editor
**********************************/
.wp-chatbot-editor-container {
border-top: 1px solid #ccc;
}
.wp-chatbot-editor-container input, .wp-chatbot-editor-container input:focus {
color: #ffffff;
}
.wp-chatbot-editor-container input::placeholder {
color: #ffffff;
}
.wp-chatbot-editor-container input::-webkit-input-placeholder {
color: #ffffff;
}
.wp-chatbot-editor-container input::-moz-placeholder {
color: #ffffff;
}
.wp-chatbot-editor-container input:-ms-input-placeholder {
color: #ffffff;
}
.wp-chatbot-editor-container input:-moz-placeholder {
color: #ffffff;
}
/**************Tab Feature Product***************/
.wp-chatbot-agent-profile {
position: relative;
box-sizing: border-box;
word-wrap: break-word;
list-style: none;
display: block;
clear: both;
line-height: 150%;
min-height: 50px;
margin: 0 0 10px 0;
}
.wp-chatbot-widget-title {
color: #ffffff;
text-align: center;
padding-bottom: 10px;
}
/****************************
Loading
*******************************/
ul.wp-chatbot-messages-container > li .wp-chatbot-paragraph img.wp-chatbot-comment-loader {
background-color: #fff;
padding: 1px;
border-radius: 5px;
margin: 0 auto;
display: block;
}
/************Link Item*************/
span.qcld-chatbot-product-category,
span.qcld-chatbot-support-items,
span.qcld-chatbot-wildcard,
span.qcld-chatbot-suggest-email,
span.qcld-chatbot-reset-btn,
#wp-chatbot-loadmore {
color: #0a2d2b;
background-image: linear-gradient(to right, #868afa 0%, #8fd3f4 51%, #2faafa 100%);
background-size: 200% auto;
box-shadow: 0 5px 5px #464646;
border: 1px solid #ffffff;
}
span.qcld-chatbot-product-category:hover,
span.qcld-chatbot-support-items:hover,
span.qcld-chatbot-wildcard:hover,
span.qcld-chatbot-suggest-email:hover,
span.qcld-chatbot-reset-btn:hover,
#wp-chatbot-loadmore:hover {
background-position: right center;
box-shadow: none;
}
/**************Tab Cart***************/
.wp-chatbot-cart-header {
background-color: #F5F5F5;
}
.wp-chatbot-cart-single {
background-color: rgba(245, 245, 245, 0.4);
border-bottom: 1px solid #dddddd;
}
.wp-chatbot-cart-single:nth-child(2n+1) {
background-color: rgba(245, 245, 245, 0.5);
}
.wp-chatbot-cart-footer div a {
text-decoration: none;
background: #36d67c;
color: #ffffff;
}
.wp-chatbot-cart-footer div a:hover, .wp-chatbot-cart-footer div:last-child a {
background: #2fb96b;
}
.wp-chatbot-widget-bubble {
padding-left: 10px;
padding-right: 10px;
}
/****** Product Details*******/
.wp-chatbot-product-details {
box-shadow: 0 0 10px #ccc;
background-color: #f5f5f5;
}
.wp-chatbot-product-cart-button input[type="button"], #wp-chatbot-loadmore {
border: 1px solid #36d67c;
background: #36d67c;
color: #ffffff;
box-shadow: 0 0 2px #999;
}
.wp-chatbot-product-cart-button input[type="button"]:hover, #wp-chatbot-loadmore:hover {
background: #2fb96b;
color: #ffffff;
}
/*************************
Right-to-left text direction
**************************/
.wp-chatbot-rtl {
text-align: right;
direction: RTL;
}
.wp-chatbot-rtl ul.wp-chatbot-messages-container > li, .wp-chatbot-rtl .wp-chatbot-agent-profile {
padding: 0 10px 0 0;
}
.wp-chatbot-rtl ul.wp-chatbot-messages-container > li > .wp-chatbot-agent,
.wp-chatbot-rtl ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph,
.wp-chatbot-rtl .wp-chatbot-agent-profile .wp-chatbot-bubble, .wp-chatbot-rtl .wp-chatbot-widget-agent {
display: table;
position: relative;
padding-left: 10px;
padding-right: 30px;
}
.wp-chatbot-rtl ul.wp-chatbot-messages-container > li > .wp-chatbot-avatar,
.wp-chatbot-rtl .wp-chatbot-agent-profile .wp-chatbot-widget-avatar {
top: 0;
left: auto;
right: 0;
}
.wp-chatbot-rtl .wp-chatbot-editor-container input {
text-align: right;
direction: RTL;
}
.wp-chatbot-rtl .wp-chatbot-products-area ul li:nth-child(2n+2) {
margin: auto;
}
.wp-chatbot-rtl .wp-chatbot-products-area ul li {
margin: 1%;
vertical-align: middle;
}
@media screen and (max-width: 1024px ) {
.wp-chatbot-mobile-full-screen .wp-chatbot-container {
display: block;
}
}
في ظل التحول الرقمي المتسارع، أصبح التسويق الإلكتروني أحد أهم الأدوات التي تعتمد عليها المؤسسات والشركات لتحقيق الانتشار والوصول إلى جمهور أوسع.
في هذا الحوار التسجيلي، نسلّط الضوء على مفهوم التسويق الإلكتروني، أهميته في العصر الحديث، وكيف غيّر قواعد اللعبة في عالم المال والأعمال.
ال