/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Import font Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/* Áp dụng font cho toàn bộ website */
body {
  font-family: 'Montserrat', sans-serif;
}

/* Đảm bảo phần tử chứa logo có position relative để ::after hoạt động */
.ays-assistant-chatbox-logo-image,
.ays-assistant-header-row-logo-image {
  position: relative;
  display: inline-block;
  opacity: 0; /* Ẩn ảnh gốc */
}

/* Thêm ảnh logo mới cho icon góc màn hình */
.ays-assistant-chatbox-logo-image::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-image: url('http://ttgdnnsaoviet.edu.vn/wp-content/uploads/2025/02/cropped-logosvnew.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

/* Thêm ảnh logo mới cho header chatbot */
.ays-assistant-header-row-logo-image::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url('http://ttgdnnsaoviet.edu.vn/wp-content/uploads/2025/02/cropped-logosvnew.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}



/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {
  /* CSS riêng cho giao diện điện thoại nếu cần */
}