/* ================================
   HOME.CSS - NON-CRITICAL
   ================================ */


/* --- Elementor / WP Non-Critical --- */
.elementor a, .elementor img { box-shadow: none; text-decoration: none; }
.elementor img { height: auto; max-width: 100%; border: none; border-radius: 0; }
.elementor embed, .elementor iframe { max-width: 100%; width: 100%; margin: 0; line-height: 1; border: none; }
.wpcf7 input[type=file] { cursor: pointer; }
.wpcf7 input[type=file]:disabled { cursor: default; }
.wp-pagenavi { clear: both; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #bfbfbf; padding: 3px 5px; margin: 2px; }
.wp-pagenavi a:hover { border-color: #000; }
.post .wp-post-image { width: 100%; object-fit: cover; max-height: 300px; }

/* --- Animations & VR Buttons --- */
.phone-vr-circle-fill, .phone-vr-img-circle {
  animation: phone-vr-circle-fill 1.3s infinite;
}
.phone-vr-img-circle img { max-height: 25px; max-width: 27px; transform: translate(-50%, -50%); }

/* --- Keyframes --- */
@keyframes phone-vr-circle-fill {
  0%,50%,100% { transform: rotate(0) scale(1) skew(1deg); }
  10%,30% { transform: rotate(-25deg) scale(1) skew(1deg); }
  20%,40% { transform: rotate(25deg) scale(1) skew(1deg); }
  70% { transform: scale(1); box-shadow:0 0 0 15px transparent; }
  100% { transform: scale(.9); box-shadow:0 0 0 0 transparent; }
}
@keyframes zoom { 0% { transform: scale(1); } 100% { transform: scale(1.03); } }

/* --- Gallery / Lightbox --- */
.lg-backdrop { background-color: rgba(0,0,0,.6) !important; }
.lg-dropdown, .lg-sub-html, .lg-toolbar { background-color: rgba(0,0,0,.8) !important; }
.lg-progress-bar, .lg-thumb-outer { background-color: #444 !important; }
.lg-progress { background-color: #a90707 !important; }
.lg-icon { color: #efefef !important; font-size: 20px !important; background-color: transparent !important; }
.lg-dropdown-text:hover, .lg-icon:hover { color: #fff !important; }
#lg-counter, .lg-dropdown-text, .lg-sub-html { color: #efefef !important; font-size: 14px !important; }
.lg-next, .lg-prev { font-size: 35px !important; }
.lg-thumb-outer { padding: 0 10px; }
.lg-thumb-item { border-radius: 0 !important; border: none !important; opacity: .5; }

/* --- Homepage Utilities --- */
#sbzbox, .block-paginate, .conference-timeline-content .timeline-article:last-child, .subiz-container { display: none !important; }
.news-content ul li { list-style: disc; }
.news-content img { height: auto; width: 100%; }
.pages-container .background-style { background-size: 100%; }
.privacy-policy { background: #414141; padding: 10px; margin-bottom: 10px; }
.privacy-policy a, .privacy-policy p { font-size: 14px; font-style: italic; line-height: 1.8rem; }
.privacy-policy a { color: #3cadd0; }
.privacy-policy a:hover { text-decoration: underline; }
.single-khach-hang-noi-gi blockquote { border: none !important; padding-left: 0 !important; margin: 0 !important; background: 0 0 !important; box-shadow: none !important; }
.acf-grid { max-width: 1140px; margin: 0 auto; padding: 0 15px; display: flex; flex-direction: column; gap: 20px; }
.acf-grid-row { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; flex-direction: column; }
.acf-grid-col { flex: 1; min-width: 0; padding: 10px; }
.acf-grid-col h4 { margin-bottom: 8px; }

.hero-slider__dots .custom-dots.is-active { width: 42px; background: #fff; }
.hero-slider__dots .custom-dots:focus-visible { outline: #fff solid 2px; outline-offset: 2px; }

/* Chỉnh lại vị trí nếu có thanh chat Pancake khác hiển thị */
@media (max-width: 768px) {

    #mobile-chat-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px 0;
        z-index: 99999;
        color: white;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    }

    .mobile-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 49%;
        height: 30px;
        cursor: pointer;
    }

    .mobile-icon.baogia {
        font-weight: 700;
        font-size: 16px;
        border-right: 1px solid #555;
    }

    .mobile-icon.contact {
        gap: 10px;
    }

    .mobile-icon.contact img {
        width: 24px;
        height: 24px;
        display: block;
        object-fit: contain;
    }

    .text-zalo {
        font-weight: 700;
        font-size: 14px;
    }

    #button-contact-vr {
        display: none !important;
    }


    #pkcp-button,
    #gom-all-in-one {
        transform: translateY(-50px) !important;
        /* Đẩy các nút cũ lên cao hơn thanh bar */
    }

    .pkcp-button-wrapper .pkcp-button-wrapper-welcome .pkcp-button-wrapper-welcome__container {
        right: 65px !important;
        bottom: 40px !important;
    }


}

.font-size-medium{
    font-size:medium
}

.ft_nav ul li a
{
    font-size: medium!important;
}