/*
Theme Name: Nuvo Studio Theme
Theme URI: https://nuvostudio.beegiadung.com
Author: Antigravity AI
Description: High-performance pixel-perfect WordPress clone theme for Nuvo Studio
Version: 1.0.0
Text Domain: nuvostudio
*/

/* --- CORE INLINE STYLES FROM NUVO STUDIO --- */

/* GTranslate: 2 cờ nằm ngang như Hòa Bình Events */
.header-nav .menu-item-gtranslate {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 7px;
  list-style: none !important;
}

.header-nav .menu-item-gtranslate::before,
.header-nav .menu-item-gtranslate::after,
.header-nav .menu-item-gtranslate-child::before,
.header-nav .menu-item-gtranslate-child::after {
  display: none !important;
  content: none !important;
}

/* Cờ ngôn ngữ hiện tại */
.header-nav .menu-item-gtranslate > .gt-current-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0 !important;
  border: 2px solid #f4b63d;
  border-radius: 50%;
  background: #fff;
  line-height: 1;
}

.header-nav .menu-item-gtranslate >
.gt-current-wrapper::after {
  display: none !important;
  content: none !important;
}

/* Kích thước cờ */
.header-nav .menu-item-gtranslate img {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  border-radius: 50%;
  object-fit: cover;
}

/* Biến menu xổ xuống thành danh sách nằm ngang */
.header-nav .menu-item-gtranslate > .dropdown-menu {
  position: static !important;
  display: flex !important;
  align-items: center;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Từng ngôn ngữ */
.header-nav .menu-item-gtranslate-child {
  display: flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.header-nav .menu-item-gtranslate-child > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 2px solid #f4b63d;
  border-radius: 50%;
  background: #fff !important;
}

/* Không hiển thị lặp ngôn ngữ hiện tại */
.header-nav .menu-item-gtranslate-child >
.gt-current-lang {
  display: none !important;
}

.header-nav
.gt-current-wrapper[data-gt-lang="vi"]
+ .dropdown-menu
a[data-gt-lang="vi"],
.header-nav
.gt-current-wrapper[data-gt-lang="en"]
+ .dropdown-menu
a[data-gt-lang="en"] {
  display: none !important;
}

/* Hover nhẹ */
.header-nav .menu-item-gtranslate-child > a:hover,
.header-nav .menu-item-gtranslate >
.gt-current-wrapper:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(16, 63, 59, 0.15);
}


/* Tắt overlay đen trên banner trang chủ */
#banner-57329857 .overlay {
    display: none !important;
}
#text-box-2004007205 {
  width: 60%;
}
#text-box-2004007205 .text-box-content {
  font-size: 100%;
}
@media (min-width:550px) {
  #text-box-2004007205 {
    width: 60%;
  }
}
#banner-617244157 {
  padding-top: 45%;
}
#banner-617244157 .bg.bg-loaded {
  background-image: url(https://nuvostudio.com.vn/wp-content/uploads/2026/03/banner-optimized.webp);
}
#banner-617244157 .overlay {
  background-color: rgba(0, 0, 0, 0);
}
#banner-617244157 .bg {
  background-position: 2% 36%;
}
#banner-617244157 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-617244157 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
@media (min-width:550px) {
  #banner-617244157 {
    padding-top: 45%;
  }
}
@media (min-width:850px) {
  #banner-617244157 {
    padding-top: 760px;
  }
}
#section_127868156 {
  padding-top: 0px;
  padding-bottom: 0px;
}
#section_127868156 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_127868156 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section_1734725840 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #efefef;
}
#section_1734725840 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1734725840 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section_2004748441 {
  padding-top: 23px;
  padding-bottom: 23px;
}
#section_2004748441 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_2004748441 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#image_1729000589 {
  width: 100%;
}
#image_670251296 {
  width: 100%;
}
#image_1399161805 {
  width: 100%;
}
#section_1799191231 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#section_1799191231 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1799191231 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section_641242850 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#section_641242850 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_641242850 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section_398015132 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #6b6b6b;
}
#section_398015132 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_398015132 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section_1697640879 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#section_1697640879 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1697640879 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section_1235023184 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #efefef;
}
#section_1235023184 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1235023184 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#image_141961323 {
  width: 100%;
}
#text-273817256 {
  text-align: left;
  color: rgb(0, 0, 0);
}
#text-273817256 > * {
  color: rgb(0, 0, 0);
}
#text-651782189 {
  color: rgb(0,0,0);
}
#text-651782189 > * {
  color: rgb(0,0,0);
}
#text-537268130 {
  color: rgb(0,0,0);
}
#text-537268130 > * {
  color: rgb(0,0,0);
}
#text-1682043999 {
  color: rgb(0,0,0);
}
#text-1682043999 > * {
  color: rgb(0,0,0);
}
#text-2442525235 {
  color: rgb(0,0,0);
}
#text-2442525235 > * {
  color: rgb(0,0,0);
}
#section_354166072 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#section_354166072 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_354166072 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section_823743654 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#section_823743654 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_823743654 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
.phone-mobile {display: none;}
.giuseart-nav {
    position: fixed;
    right: 13px; /* Đã sửa left thành right ở đây */
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 50px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}
.giuseart-nav ul {list-style: none;padding: 0;margin: 0;}
.giuseart-nav ul li {list-style: none!important;}
.giuseart-nav ul>li a {
    border:none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}
.giuseart-nav ul>li .chat_animation{display:none}

/* === ICON: Tìm đường (map pin) === */
.giuseart-nav ul>li a i.ticon-heart {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23e74c3c' d='M12 2C7.6 2 4 5.6 4 10c0 5.4 7 11.5 7.3 11.8.4.3 1 .3 1.4 0C13 21.5 20 15.4 20 10c0-4.4-3.6-8-8-8zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/></svg>") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

/* === ICON: Zalo === */
.giuseart-nav ul>li a i.ticon-zalo-circle2 {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><circle cx='24' cy='24' r='23' fill='%230068ff'/><text x='24' y='30' font-family='Arial, Helvetica, sans-serif' font-size='15' font-weight='bold' fill='white' text-anchor='middle'>Zalo</text></svg>") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav li .button {
    background: transparent;
}

/* === ICON: mũi tên lên đầu trang === */
.giuseart-nav ul>li a i.ticon-angle-up {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23515151' d='M12 6.5 4 15l1.4 1.4L12 9.3l6.6 7.1L20 15z'/></svg>") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}
.giuseart-nav ul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}
.giuseart-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}

/* === ICON: Messenger === */
.giuseart-nav ul>li a i.ticon-messenger {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><circle cx='24' cy='24' r='23' fill='%230084ff'/><path fill='white' d='M24 10C15.7 10 9 16.1 9 23.7c0 4.3 2.1 8.1 5.5 10.7v5.1l5-2.8c1.4.4 2.9.6 4.5.6 8.3 0 15-6.1 15-13.6S32.3 10 24 10zm1.6 18.3-3.9-4.1-7.5 4.1 8.2-8.7 4 4.1 7.4-4.1z'/></svg>") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}

/* === ICON: SMS === */
.giuseart-nav ul>li a i.ticon-chat-sms {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%236cb917' d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8l-4 4V6a2 2 0 0 1 2-2z'/></svg>") no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}

/* === ICON: điện thoại (nút gọi màu trắng trong vòng tròn xanh) === */
.giuseart-nav ul>li a i.icon-phone-w {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.5.1.4 0 .8-.2 1z'/></svg>") no-repeat;
    background-size: contain;
}
.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
}

@media only screen and (max-width: 600px){
.giuseart-nav li .chat_animation{display:block !important}

.giuseart-nav li .button .phone_animation {box-shadow: none;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #6cb917;
    line-height: 15px;
    border: 2px solid white;
}
.giuseart-nav ul>li a{padding:0; margin:0 auto}
.giuseart-nav {
    background: white;
    width: 100%; border-radius:0;
    color: #fff;
    height: 60px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 5px;
    margin: 0;
    box-shadow: 0 4px 10px 0 #000;
}
.giuseart-nav li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
}
.phone-mobile{display:block !important}}