@charset "UTF-8";/* Theme Name: Lam Bang Dai Hoc Toi Uu SEO AI Author: Chuyen Gia WordPress Version: 1.0.0 */
:root{--primary-dark:#12141c;--accent-gold:#e5bc5d;--glass-bg:rgba(255,255,255,0.06);--glass-border:rgba(255,255,255,0.12);--text-light:#f1f2f6;--text-muted:#a4b0be;--border-radius-main:16px;--font-stack:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background-color:var(--primary-dark);color:var(--text-light);font-family:var(--font-stack);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--accent-gold);text-decoration:none;transition:color .3s ease,background .2s ease}
a:hover{color:#fff}
img{max-width:100%;height:auto;display:block;border-radius:8px}
.global-page-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.site-layout-flex{display:flex;gap:30px;margin-top:40px;margin-bottom:40px}
.main-content-flow{flex:1;min-width:0}
.archive-card-item,.glass-panel,.snippet-section,.widget-sidebar-box{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius-main);padding:30px;margin-bottom:30px;box-shadow:0 8px 32px 0 rgba(0,0,0,0.37);transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease;will-change:transform}
.archive-card-item:hover,.glass-panel:hover,.snippet-section:hover,.widget-sidebar-box:hover{transform:translateY(-4px);box-shadow:0 12px 40px 0 rgba(229,188,93,0.15)}
.main-header{background:rgba(18,20,28,0.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);position:sticky;top:0;z-index:9999;border-bottom:1px solid var(--glass-border)}
.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:15px 20px}
.unified-nav{display:flex;list-style:none;gap:25px}
.unified-nav a{color:var(--text-light);font-weight:600;font-size:15px;text-transform:uppercase}
.unified-nav a:hover{color:var(--accent-gold)}
.menu-toggle-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}
.hamburger-bar{width:25px;height:3px;background-color:var(--text-light);border-radius:2px;transition:all .3s ease}
.hero-parallax-section{position:relative;height:75vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.parallax-bg-layer{position:absolute;top:0;left:0;width:100%;height:120%;background-size:cover;background-position:center;will-change:transform;transform:translateY(0);z-index:1}
.glass-overlay-hero{position:relative;z-index:2;background:rgba(18,20,28,0.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:50px;border-radius:var(--border-radius-main);text-align:center;max-width:800px;margin:0 20px}
.hero-inner-content h1{font-size:2.5rem;color:#fff;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,0.5)}
.hero-badge{display:inline-block;background:rgba(229,188,93,0.1);color:var(--accent-gold);padding:5px 15px;border-radius:30px;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:15px;letter-spacing:1px}
.hero-cta-group{display:flex;gap:15px;justify-content:center;align-items:center;margin-top:20px}
.cta-secondary-link{color:#fff;font-weight:600;font-size:14px;border-bottom:1px dashed #fff;padding-bottom:2px}
.cta-glass-button{display:inline-block;background:linear-gradient(135deg,var(--accent-gold),#b8913b);color:#12141c;padding:14px 35px;border-radius:50px;font-weight:700;box-shadow:0 4px 15px rgba(229,188,93,0.4);transition:transform .2s ease}
.cta-glass-button:active{transform:scale(0.96)}
.section-title{font-size:1.8rem;color:var(--accent-gold);margin-bottom:25px;position:relative;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}
.section-intro-text{color:var(--text-muted);font-size:15px;margin-bottom:20px}
.styled-listicle,.styled-numbered-list{list-style:none}
.styled-listicle li,.styled-numbered-list li{position:relative;padding-left:30px;margin-bottom:15px;font-size:16px}
.styled-listicle li::before{content:"✓";position:absolute;left:0;color:var(--accent-gold);font-weight:bold}
.styled-numbered-list{counter-reset:lbd-counter}
.styled-numbered-list li::before{counter-increment:lbd-counter;content:counter(lbd-counter) ".";position:absolute;left:0;color:var(--accent-gold);font-weight:bold}
.responsive-table-holder{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;border-radius:8px;margin-top:15px}
.glass-styled-table{width:100%;border-collapse:collapse;min-width:600px;text-align:left}
.glass-styled-table th,.glass-styled-table td{padding:14px 18px;border-bottom:1px solid var(--glass-border);font-size:15px}
.glass-styled-table th{background-color:rgba(255,255,255,0.04);color:var(--accent-gold);font-weight:600}
.comparison-table tbody tr:nth-child(even){background-color:rgba(255,255,255,0.02)}
.image-snippet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:20px}
.grid-img-item{overflow:hidden;border-radius:8px;border:1px solid var(--glass-border)}
.grid-img-item img{transition:transform .5s ease;width:100%;object-fit:cover;height:180px}
.grid-img-item:hover img{transform:scale(1.08)}
.branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.branch-card{background:rgba(255,255,255,0.03);border:1px solid var(--glass-border);padding:20px;border-radius:12px}
.branch-card h3{color:var(--accent-gold);margin-bottom:10px;font-size:17px}
.branch-meta{font-size:13px;color:var(--text-muted);margin-top:8px}
.news-layout-wrapper{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}
.featured-news-item-big img{width:100%;height:240px;object-fit:cover;border-radius:12px;margin-bottom:15px}
.read-more-accent{color:var(--accent-gold);font-weight:700;font-size:14px;display:inline-block;margin-top:10px}
.sub-news-list-wrapper{display:flex;flex-direction:column;gap:15px}
.sub-news-item{display:flex;gap:15px;align-items:center;background:rgba(255,255,255,0.02);padding:10px;border-radius:8px}
.sub-news-item img{object-fit:cover;border-radius:6px;flex-shrink:0}
.sub-news-info h4{font-size:14px;font-weight:500}
.sub-news-date{font-size:11px;color:var(--text-muted);display:block;margin-top:4px}
.faq-item{border-bottom:1px solid var(--glass-border);padding:5px 0}
.faq-trigger{width:100%;text-align:left;background:none;border:none;color:#fff;font-size:16px;font-weight:600;padding:15px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-trigger::after{content:"+";font-size:20px;color:var(--accent-gold);transition:transform .3s ease}
.faq-item.active .faq-trigger::after{transform:rotate(45deg)}
.faq-panel{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}
.faq-inside-text{padding:5px 0 20px 0;color:var(--text-muted);font-size:15px}
.breadcrumb-navigation-container{font-size:13.5px;color:var(--text-muted);margin-bottom:30px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;letter-spacing:.3px}
.breadcrumb-navigation-container a{color:var(--text-muted);position:relative}
.breadcrumb-navigation-container a:hover{color:var(--accent-gold)}
.breadcrumb-navigation-container .current-bread-item{color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}
.entry-title-main{font-size:2.6rem;font-weight:800;color:#fff;line-height:1.25;margin-bottom:18px;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 60%,var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.entry-meta-data{font-size:13px;color:var(--text-muted);margin-bottom:40px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--glass-border);padding-bottom:15px}
.entry-meta-data span{display:flex;align-items:center;gap:5px}
.rich-text-content-body h2{font-size:1.95rem;color:var(--accent-gold);margin:45px 0 22px;font-weight:700;line-height:1.3;position:relative;padding-left:15px}
.rich-text-content-body h2::before{content:'';position:absolute;left:0;top:12%;height:76%;width:4px;background:linear-gradient(to bottom,var(--accent-gold),rgba(229,188,93,0.3));border-radius:2px}
.rich-text-content-body h3{font-size:1.45rem;color:#fff;margin:35px 0 18px;font-weight:600;line-height:1.4}
.rich-text-content-body p{margin-bottom:24px;font-size:16.5px;color:#e1e2e6;line-height:1.85;letter-spacing:.1px}
.rich-text-content-body p strong{color:#fff;font-weight:600}
.rich-text-content-body a{color:var(--accent-gold);font-weight:600;border-bottom:1px dashed var(--accent-gold);padding-bottom:1px}
.rich-text-content-body a:hover{color:#fff;border-bottom-style:solid;border-bottom-color:#fff;background:rgba(229,188,93,0.08);border-radius:2px 2px 0 0;padding-left:4px;padding-right:4px}
.rich-text-content-body ol,.rich-text-content-body ul{margin-left:0;margin-bottom:30px;padding-left:20px;list-style:none}
.rich-text-content-body li{margin-bottom:12px;font-size:16px;color:#e1e2e6;line-height:1.7;position:relative;padding-left:10px}
.rich-text-content-body ul li::before{content:"•";color:var(--accent-gold);font-weight:bold;font-size:20px;position:absolute;left:-15px;top:-2px}
.rich-text-content-body ol{counter-reset:custom-counter}
.rich-text-content-body ol li{counter-increment:custom-counter}
.rich-text-content-body ol li::before{content:counter(custom-counter,decimal-leading-zero) ".";color:var(--accent-gold);font-weight:600;font-size:13px;position:absolute;left:-25px;top:2px;font-family:monospace}
.rich-text-content-body blockquote{position:relative;background:rgba(255,255,255,0.02);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:4px solid var(--accent-gold);border-right:1px solid var(--glass-border);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:30px 35px 30px 40px;margin:40px 0;border-radius:4px var(--border-radius-main) var(--border-radius-main) 4px;box-shadow:inset 0 0 20px rgba(255,255,255,0.02)}
.rich-text-content-body blockquote::before{content:"“";position:absolute;top:-15px;left:10px;font-size:80px;color:rgba(229,188,93,0.12);font-family:Georgia,serif;line-height:1}
.rich-text-content-body blockquote p{font-style:italic;font-size:17.5px;line-height:1.8;color:#fff;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,0.2)}
.rich-text-content-body iframe,.rich-text-content-body video{max-width:100%;width:100%;border-radius:12px;margin:25px auto;box-shadow:0 10px 30px rgba(0,0,0,0.5);border:1px solid var(--glass-border);transition:transform .3s ease}
.rich-text-content-body iframe:hover,.rich-text-content-body video:hover{transform:scale(1.015)}
.lbd-img-responsive-holder{display:block;width:100%!important;max-width:100%;margin:30px 0;padding:6px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:14px;box-shadow:0 12px 35px rgba(0,0,0,0.45);box-sizing:border-box;overflow:hidden}
.lbd-img-responsive-holder img,.lbd-img-responsive-holder p,.lbd-img-responsive-holder figure{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;height:auto!important;border-radius:8px;object-fit:cover;transition:transform .3s ease}
.lbd-img-responsive-holder:hover img{transform:scale(1.015)}
.interactive-toc-wrapper{padding:20px;margin:25px 0}
.toc-toggle-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--accent-gold);font-size:16px;font-weight:700;cursor:pointer}
.toc-icon-arrow{width:10px;height:10px;border-right:2px solid var(--accent-gold);border-bottom:2px solid var(--accent-gold);transform:rotate(45deg);transition:transform .3s ease}
.interactive-toc-wrapper.open .toc-icon-arrow{transform:rotate(-135deg)}
.toc-content-list{overflow:hidden;transition:max-height .35s ease-out}
.toc-content-list ul {list-style:none;margin:15px 0 5px 15px}
.toc-content-list li{margin-bottom:8px;font-size:14.5px}
.author-profile-card-footer{display:flex;gap:20px;align-items:center;margin-top:50px}
.author-avatar-img{border-radius:50%;border:2px solid var(--accent-gold)}
.author-bio-text h3{font-size:18px;margin-bottom:4px}
.author-title-sub{font-size:13px;color:var(--accent-gold);margin-bottom:10px}
.author-bio-text p{font-size:14px;color:var(--text-muted);line-height:1.5}
.sidebar-layout-column{width:340px;flex-shrink:0}
.widget-title{font-size:16px;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:20px;border-left:3px solid var(--accent-gold);padding-left:10px}
.ai-search-form{display:flex;flex-direction:column;gap:10px}
.ai-search-input{background:rgba(0,0,0,0.2);border:1px solid var(--glass-border);padding:12px;border-radius:8px;color:#fff;font-size:14px}
.ai-search-submit-btn{background:var(--accent-gold);border:none;padding:11px;border-radius:8px;font-weight:700;cursor:pointer;color:#12141c}
.sidebar-posts-flow{display:flex;flex-direction:column;gap:15px}
.sidebar-post-item-featured img{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:8px}
.sidebar-post-item-featured h4{font-size:14px;font-weight:600}
.sidebar-post-item-normal{display:flex;gap:12px;align-items:center}
.sidebar-post-item-normal img{flex-shrink:0;object-fit:cover;border-radius:4px}
.sidebar-post-item-normal h4{font-size:13px;font-weight:500;line-height:1.4}
.archive-header-box h1{font-size:22px;color:var(--accent-gold)}
.archive-posts-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.archive-card-item{padding:0;overflow:hidden}
.archive-img-anchor img{width:100%;height:180px;object-fit:cover;border-radius:16px 16px 0 0}
.archive-card-body{padding:20px}
.archive-card-body h2{font-size:16px;margin-bottom:10px}
.archive-card-body p{font-size:13.5px;color:var(--text-muted)}
.error-code-title{animation:pulseError 3s infinite alternate}
@keyframes pulseError{0%{transform:scale(1)}100%{transform:scale(1.03)}}
.no-results-found-box .ai-search-input,.error-404-wrapper .ai-search-input{width:100%;text-align:center}
.site-main-footer{background:#0c0d13;padding:60px 0 100px 0;border-top:1px solid var(--glass-border);margin-top:60px}
.footer-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}
.footer-column-item h3{font-size:16px;color:#fff;margin-bottom:20px}
.footer-compliance-list{list-style:none}
.footer-compliance-list li{margin-bottom:12px;font-size:13.5px;color:#e1e2e6}
.phone-highlight a{font-size:22px;font-weight:800;color:var(--accent-gold)}
.footer-bottom-copyright{border-top:1px solid rgba(255,255,255,0.05);padding-top:25px;margin-top:40px;font-size:13px;color:var(--text-muted)}
.bottom-flex{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}

/* ==========================================================================
   ADVANCED DYNAMIC STATUS OPERATOR MATRIX & FLOATING DOCK ARCHITECTURE (UI/UX CHUẨN)
   ========================================================================== */
.live-dot-pulse{width:8px;height:8px;background-color:#2ed573;border-radius:50%;display:inline-block;box-shadow:0 0 0 0 rgba(46,213,115,0.7);animation:lbdPulse 1.6s infinite alternate}
@keyframes lbdPulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(46,213,115,0.5)}70%{transform:scale(1);box-shadow:0 0 0 8px rgba(46,213,115,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(46,213,115,0)}}
.footer-dynamic-matrix-wrapper{display:flex;flex-direction:column;gap:12px}
.matrix-channel-card{display:flex;align-items:center;background:rgba(255,255,255,0.02);border:1px solid var(--glass-border);padding:14px 20px;border-radius:12px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.matrix-icon-wrapper{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.matrix-icon{font-size:18px}.matrix-content-details{display:flex;flex-direction:column;gap:3px;margin-left:15px;flex:1}
.matrix-label{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.5px}
.matrix-value{font-size:16px;font-weight:700;color:#fff;transition:color .3s ease}
.matrix-arrow-action{font-size:16px;color:var(--text-muted);transition:all .3s ease;transform:translateX(0)}
.matrix-channel-card:hover{background:rgba(255,255,255,0.05);border-color:rgba(229,188,93,0.3);transform:translateX(4px)}
.matrix-channel-card:hover .matrix-icon-wrapper{background:rgba(229,188,93,0.1);border-color:var(--accent-gold)}
.matrix-channel-card:hover .matrix-arrow-action{color:var(--accent-gold);transform:translateX(3px)}
.phone-matrix-link:hover .matrix-value{color:#2ed573}
.zalo-matrix-link:hover .matrix-value{color:#0068ff}

.system-floating-dock{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:460px;z-index:999999;box-sizing:border-box;pointer-events:auto}[cite: 2]
.dock-container-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:rgba(18,20,28,0.4);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,0.08);padding:6px;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.1)}
.dock-action-tab{display:flex!important;align-items:center;gap:12px;padding:8px 16px;height:52px;border-radius:18px;text-decoration:none!important;box-sizing:border-box;transition:all .2s cubic-bezier(0.25,1,0.5,1)}
.dock-pulse-container{position:relative;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dock-icon{font-size:16px;z-index:2}
.icon-radar-glow{position:absolute;width:100%;height:100%;background:rgba(46,213,115,0.3);border-radius:50%;z-index:1;animation:radarGlow 2s infinite}
@keyframes radarGlow{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}
.dock-text-holder{display:flex;flex-direction:column;gap:1px}.dock-sub{font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.5px}
.dock-main{font-size:14px;font-weight:700;color:#fff}
.dock-action-tab:active{transform:scale(0.95) translateY(2px)}
.call-dock{background:linear-gradient(135deg,rgba(46,213,115,0.15),rgba(38,175,95,0.05));border:1px solid rgba(46,213,115,0.3)}
.call-dock .dock-icon{color:#2ed573}
.zalo-dock{background:linear-gradient(135deg,rgba(0,104,255,0.15),rgba(0,86,214,0.05));border:1px solid rgba(0,104,255,0.3)}
.zalo-dock .dock-icon{color:#0068ff}

@media (max-width:992px){.site-layout-flex{flex-direction:column}.sidebar-layout-column{width:100%}.news-layout-wrapper{grid-template-columns:1fr}}
@media (max-width:768px){.menu-toggle-btn{display:flex}.nav-wrapper{display:none;width:100%;position:absolute;top:100%;left:0;background:rgba(18,20,28,0.98);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:20px}.nav-wrapper.active{display:block}.unified-nav{flex-direction:column;gap:15px;text-align:center}.hero-inner-content h1{font-size:1.8rem}.entry-title-main{font-size:1.95rem}.rich-text-content-body h2{font-size:1.55rem;margin:35px 0 18px}.rich-text-content-body h3{font-size:1.25rem}.rich-text-content-body p{font-size:15.5px;line-height:1.75}.rich-text-content-body blockquote{padding:20px 20px 20px 25px;margin:30px 0}.rich-text-content-body blockquote p{font-size:16px}.lbd-img-responsive-holder{margin:22px 0;padding:3px;border-radius:10px}.lbd-img-responsive-holder img,.lbd-img-responsive-holder p,.lbd-img-responsive-holder figure{border-radius:6px}
/* BẬT THANH PANEL DOCK KHỐI VÀ ĐẨY KHOẢNG CÁCH CHÂN TRANG AN TOÀN TRÊN DI ĐỘNG */
.system-floating-dock{display:block!important}.site-main-footer{padding-bottom:110px!important}}
/* ==========================================================================
   SUPREME CRITICAL FIX: MOBILE FLOATING DOCK ARCHITECTURE
   ========================================================================== */
.system-floating-dock {
    display: none;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 2147483647 !important; /* Đẩy lên tầng cao nhất của trình duyệt */
    padding: 10px 16px calc(15px + env(safe-area-inset-bottom)) 16px; /* Vá lỗi vùng chết trên iOS */
    box-sizing: border-box !important;
    pointer-events: none; /* Cho phép cuộn xuyên qua khoảng trống của dock */
    isolation: isolate;
    transform: none !important; /* Triệt tiêu hoàn toàn lỗi ao ảnh tọa độ do thẻ cha */
    filter: none !important;
}

.dock-container-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    max-width: 480px;
    margin: 0 auto;
    background: rgba(18, 20, 28, 0.85) !important; /* Tăng độ đậm để che nội dung cuộn bên dưới */
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    padding: 8px;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    pointer-events: auto; /* Kích hoạt nhận diện ngón tay chạm cho vùng tương tác */
    touch-action: manipulation; /* Tối ưu hóa phản hồi chạm, triệt tiêu độ trễ 300ms của thiết bị cũ */
}

.dock-action-tab {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    padding: 0 16px !important;
    height: 52px !important;
    border-radius: 18px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: transform 0.1s cubic-bezier(0.25, 1, 0.5, 1) !important;
    -webkit-tap-highlight-color: transparent; /* Xóa khung highlight màu xanh xấu xí của Android */
}

.dock-pulse-container {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
}

.dock-icon {
    font-size: 16px;
    z-index: 2;
}

.icon-radar-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(46, 213, 115, 0.3);
    border-radius: 50%;
    z-index: 1;
    animation: radarGlow 2s infinite;
}

@keyframes radarGlow {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

.dock-text-holder {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px;
    align-items: flex-start !important; /* Đảm bảo chữ luôn thẳng hàng trái */
    text-align: left !important;
}

.dock-sub {
    font-size: 10px !important;
    text-transform: uppercase !important;
    color: var(--text-muted) !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
}

.dock-main {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

/* Ép phản hồi lực ấn lún tay sâu và mượt khi chạm thật */
.dock-action-tab:active {
    transform: scale(0.93) translateY(2px) !important;
}

.call-dock {
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.18), rgba(38, 175, 95, 0.05)) !important;
    border: 1px solid rgba(46, 213, 115, 0.4) !important;
}

.call-dock .dock-icon { color: #2ed573 !important; }

.zalo-dock {
    background: linear-gradient(135deg, rgba(0, 104, 255, 0.18), rgba(0, 86, 214, 0.05)) !important;
    border: 1px solid rgba(0, 104, 255, 0.4) !important;
}

.zalo-dock .dock-icon { color: #0068ff !important; }

/* KÍCH HOẠT VÀ ĐẨY BIÊN ĐỘ AN TOÀN TRÊN MOBILE CHỐNG ĐÈ CHỮ CHÂN TRANG */
@media (max-width: 768px) {
    .system-floating-dock {
        display: block !important;
    }
    .site-main-footer {
        padding-bottom: calc(115px + env(safe-area-inset-bottom)) !important;
    }
}