/*
Theme Name: AnDam Flatsome Child
Theme URI: https://andammedicalenglish.org/
Description: Child theme chuyển giao diện Trang chủ Ân Đàm sang nền Flatsome. Cài Flatsome gốc trước, sau đó kích hoạt child theme này.
Author: AnDam Medical English
Template: flatsome
Version: 4.2.5
Text Domain: andam-flatsome-child
*/



/* =========================================================
 * ANDAM GLOBAL WEBSITE WIDTH / SIDE SPACING
 * Áp dụng khoảng cách 2 bên đồng bộ cho toàn bộ website.
 * Desktop giữ khung nội dung tối đa 1200px, mobile giữ 15px mỗi bên.
 * ========================================================= */
:root{
    --andam-container-max: 1200px;
    --andam-container-side: 15px;
}

/* Flatsome + WordPress common wrappers */
.container,
.row,
.section-content,
.page-wrapper .container,
#content .container,
#main .container,
.entry-content > .row,
.entry-content > .section > .section-content,
.andam-section > .section-content,
.andam-section .row,
.andam-home-hero-native .andam-hero-row,
.andam-home-intro-editable .andam-intro-row{
    max-width: var(--andam-container-max) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Tạo khoảng cách trái/phải ổn định, tránh nội dung dính sát mép màn hình */
.container,
.section-content,
.page-wrapper .container,
#content .container,
#main .container,
.entry-content > .section > .section-content,
.andam-section > .section-content{
    padding-left: var(--andam-container-side) !important;
    padding-right: var(--andam-container-side) !important;
}

/* Flatsome row thường đã có gutter âm; giữ row cân giữa và không làm vỡ column */
.row,
.entry-content > .row,
.andam-section .row,
.andam-home-hero-native .andam-hero-row,
.andam-home-intro-editable .andam-intro-row{
    box-sizing: border-box !important;
}

/* Mobile: cố định 15px mỗi bên giống file chuẩn đã phân tích */
@media (max-width: 575px){
    :root{ --andam-container-side: 15px; }

    .container,
    .section-content,
    .page-wrapper .container,
    #content .container,
    #main .container,
    .entry-content > .section > .section-content,
    .andam-section > .section-content{
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Tablet/Desktop breakpoints giống chuẩn Bootstrap đã phân tích */
@media (min-width: 576px) and (max-width: 767px){
    .container,
    .row,
    .section-content,
    .page-wrapper .container,
    #content .container,
    #main .container,
    .entry-content > .row,
    .entry-content > .section > .section-content,
    .andam-section > .section-content,
    .andam-section .row{
        max-width: 540px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .container,
    .row,
    .section-content,
    .page-wrapper .container,
    #content .container,
    #main .container,
    .entry-content > .row,
    .entry-content > .section > .section-content,
    .andam-section > .section-content,
    .andam-section .row{
        max-width: 720px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .container,
    .row,
    .section-content,
    .page-wrapper .container,
    #content .container,
    #main .container,
    .entry-content > .row,
    .entry-content > .section > .section-content,
    .andam-section > .section-content,
    .andam-section .row{
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1365px){
    .container,
    .row,
    .section-content,
    .page-wrapper .container,
    #content .container,
    #main .container,
    .entry-content > .row,
    .entry-content > .section > .section-content,
    .andam-section > .section-content,
    .andam-section .row{
        max-width: 1140px !important;
    }
}

@media (min-width: 1366px){
    .container,
    .row,
    .section-content,
    .page-wrapper .container,
    #content .container,
    #main .container,
    .entry-content > .row,
    .entry-content > .section > .section-content,
    .andam-section > .section-content,
    .andam-section .row{
        max-width: 1200px !important;
    }
}

/* ==========================================================
 * Mobile layout cố định theo file trang-chu gốc
 * Áp dụng cho vùng Responsive/phone trong DevTools từ 320px đến 767px.
 * Mục tiêu: cột hero/intro bung 100%, không bị giữ width desktop của Flatsome.
 * ========================================================== */
@media (max-width: 767px){
    .andam-stage1-front-page,
    .andam-flatsome-home{
        overflow-x: hidden !important;
    }

    .andam-home-hero-native{
        padding-top: 76px !important;
        padding-bottom: 42px !important;
    }

    .andam-home-hero-native .section-content,
    .andam-home-intro-editable .section-content{
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .andam-home-hero-native .andam-hero-row,
    .andam-home-intro-editable .andam-intro-row{
        max-width: 100% !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .andam-home-hero-native .andam-hero-content,
    .andam-home-hero-native .andam-hero-empty-col,
    .andam-home-intro-editable .andam-intro-text,
    .andam-home-intro-editable .andam-intro-image{
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .andam-home-hero-native .andam-hero-content{
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important;
    }

    .andam-home-hero-native .andam-hero-title-text h1{
        font-size: 40px !important;
        line-height: 1.04 !important;
        margin-top: 0 !important;
        margin-bottom: 18px !important;
    }

    .andam-home-hero-native .andam-hero-title-text p{
        font-size: 20px !important;
        line-height: 1.45 !important;
        margin-bottom: 28px !important;
    }

    .andam-home-hero-native .andam-hero-empty-col,
    .andam-home-hero-native .andam-hero-empty-space{
        display: none !important;
        min-height: 0 !important;
    }

    .andam-home-intro-editable{
        padding-top: 38px !important;
        padding-bottom: 44px !important;
    }

    .andam-home-intro-editable .andam-intro-text{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .andam-home-intro-editable .andam-intro-copy,
    .andam-home-intro-editable .andam-intro-copy p{
        max-width: none !important;
        width: 100% !important;
    }

    .andam-home-intro-editable .andam-intro-copy p{
        font-size: 17px !important;
        line-height: 1.55 !important;
        margin-bottom: 24px !important;
    }
}

/* =========================================================
 * ANDAM STANDARD FOOTER GLOBAL
 * Footer chuẩn theo trang-chu gốc, áp dụng toàn website.
 * ========================================================= */
body.andam-standard-footer-active #footer,
body.andam-standard-footer-active .footer-wrapper,
body.andam-standard-footer-active .absolute-footer{
    display: none !important;
}

.andam-red-footer{
  background:transparent;
  color:#fff;
  font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif;
  margin:0;
  padding:42px 0 18px;
  position:relative;
  z-index:1;
}
.andam-red-footer *{box-sizing:border-box;font-family:inherit;}
.andam-footer-wrap{
  width:min(1100px,calc(100% - 32px));
  margin:0 auto;
  background:#7b0f10;
  border-radius:0 0 18px 18px;
  padding:24px 40px 26px;
  box-shadow:0 18px 42px rgba(123,15,16,.18);
}
.andam-footer-top{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;}
.andam-footer-map,.andam-footer-form{display:flex;flex-direction:column;}
.andam-footer-form form{margin-top:12px;display:grid;gap:7px;}
.andam-red-footer h3,.andam-red-footer h4{margin:0 0 10px;color:#fff;font-weight:800;line-height:1.3;text-transform:uppercase;}
.andam-red-footer h4,.andam-red-footer h3{font-size:15px;}
.andam-group-cover{border-radius:7px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.65);cursor:zoom-in;}
.andam-group-cover img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transition:transform .45s ease;}
.andam-group-cover:hover img{transform:scale(1.045);}
.andam-group-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px;padding:9px 16px;border-radius:999px;background:#e8c95b;color:#7b0f10!important;text-decoration:none;font-weight:800;font-size:13px;box-shadow:none;transition:transform .25s ease,filter .25s ease;}
.andam-group-btn:hover{transform:translateY(-2px);filter:brightness(1.04);}
.andam-footer-form{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;}
.andam-footer-form input{width:100%;border:0;outline:0;border-radius:999px;padding:9px 14px;font-size:13px;background:#fff;color:#111;margin:0;}
.andam-footer-form button{border:0;border-radius:999px;background:#e8c95b;color:#7b0f10;font-weight:900;font-size:13px;padding:9px 16px;cursor:pointer;transition:transform .25s ease,filter .25s ease;margin:0;}
.andam-footer-form button:hover{transform:translateY(-2px);filter:brightness(1.04);}
.andam-footer-line{height:1px;background:rgba(255,255,255,.22);margin:20px 0 18px;}
.andam-footer-main{display:grid;grid-template-columns:1fr .78fr 1.75fr;gap:32px;}
.andam-footer-col p{margin:0 0 8px;line-height:1.55;color:#fff;font-size:13px;}
.andam-footer-col ul{list-style:none;margin:0;padding:0;}
.andam-footer-col li{margin:0 0 7px;}
.andam-footer-col a{color:#fff;text-decoration:none;line-height:1.35;font-size:12.6px;}
.andam-footer-col a:hover{color:#e8c95b;}
.footer-icon{display:inline-block;width:20px;color:#ff5b95;}
.brand-name{font-size:15px!important;font-weight:800;color:#e8c95b!important;margin-bottom:10px!important;}
.andam-footer-bottom{width:min(1100px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto;padding:12px 10px 0;color:#7b0f10;font-size:12px;font-style:italic;background:transparent;border:0;}
.andam-footer-bottom a{display:inline-flex;align-items:center;justify-content:center;min-width:236px;border-radius:999px;padding:9px 18px;background:#d49a00;color:#fff!important;text-decoration:none;font-weight:900;font-size:13px;font-style:normal;white-space:nowrap;box-shadow:0 12px 22px rgba(212,154,0,.23);}
.andam-image-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);z-index:999999;padding:24px;}
.andam-image-lightbox.active{display:flex;}
.andam-image-lightbox img{max-width:min(96vw,1200px);max-height:88vh;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.55);}
.andam-lightbox-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;line-height:1;cursor:pointer;}
@media (min-width:768px){.andam-footer-main .andam-footer-col:nth-child(3) ul{columns:2;column-gap:24px}.andam-footer-main .andam-footer-col:nth-child(3) li{break-inside:avoid;page-break-inside:avoid}}
@media (max-width:767px){.andam-red-footer{padding:28px 0 16px}.andam-footer-wrap{width:calc(100% - 24px);padding:18px 16px 22px;border-radius:0 0 16px 16px}.andam-footer-top,.andam-footer-main{grid-template-columns:1fr;gap:16px}.andam-group-cover img{height:auto}.andam-footer-line{margin:18px 0 16px}.andam-footer-bottom{width:calc(100% - 24px);flex-direction:column;text-align:center;padding-top:10px;gap:12px}.andam-footer-bottom a{width:100%;max-width:320px;min-width:0}.andam-red-footer h4,.andam-red-footer h3{font-size:13.5px}.andam-footer-col p,.andam-footer-col a{font-size:12.6px}}



/* =========================================================
 * ANDAM MENU CLEAN REWRITE FROM TRANG-CHU / INDEX STANDARD - V4.0.7
 * Giữ WordPress/Flatsome menu để vẫn chỉnh được trong Giao diện → Menu.
 * Xoá các lớp vá submenu cũ và dùng một hệ CSS duy nhất.
 * ========================================================= */
:root{
  --amd-red:#6B1111;
  --amd-gold:#C8960C;
  --amd-cream:#FDF8EE;
  --amd-white:#FFFFFF;
  --amd-blue:#1E88E5;
}

/* Header desktop */
.header-wrapper,
#header,
.header-main{
  background:var(--amd-white)!important;
  border:0!important;
  box-shadow:0 3px 12px rgba(0,0,0,.08)!important;
}
.header-main{
  min-height:76px!important;
}
.header-main .header-inner,
.header-main .container{
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.header-main .logo,
.header-main #logo{
  margin-right:58px!important;
}

/* Menu chính */
.header-main .nav,
.header-main ul.nav{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}
.header-main .nav > li{
  margin:0 15px!important;
  padding:0!important;
}
.header-main .nav > li > a{
  color:var(--amd-red)!important;
  font-family: Arial,"Segoe UI",Helvetica,Tahoma,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  line-height:76px!important;
  text-transform:uppercase!important;
  background:transparent!important;
  transition:color .18s ease!important;
}
.header-main .nav > li > a:hover,
.header-main .nav > li:hover > a,
.header-main .nav > li.active > a,
.header-main .nav > li.current-menu-item > a,
.header-main .nav > li.current-menu-parent > a,
.header-main .nav > li.current-menu-ancestor > a{
  color:var(--amd-gold)!important;
  background:transparent!important;
}

/* Mũi tên submenu theo cảm giác web gốc */
.header-main .nav > li.menu-item-has-children > a::after,
.header-main .nav > li.has-dropdown > a::after{
  color:var(--amd-blue)!important;
  border-top-color:var(--amd-blue)!important;
}

/* Ẩn Trang chủ nhưng vẫn giữ page trang chủ */
.header-main .nav > li.menu-item-home,
.mobile-sidebar li.menu-item-home,
.nav-sidebar li.menu-item-home{
  display:none!important;
}

/* Dropdown/Submenu: khung ngoài */
.header-main .nav-dropdown,
.header-main .nav-dropdown-default,
.header-main .sub-menu,
.header-main .children,
ul.nav-dropdown,
ul.sub-menu{
  width:430px!important;
  min-width:430px!important;
  max-width:460px!important;
  margin:8px 0 0 0!important;
  padding:0!important;
  background:var(--amd-cream)!important;
  border:1px solid var(--amd-gold)!important;
  border-radius:4px!important;
  box-shadow:0 8px 18px rgba(58,46,42,.14)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* Dropdown/Submenu: dòng */
.header-main .nav-dropdown > li,
.header-main .nav-dropdown-default > li,
.header-main .sub-menu > li,
.header-main .children > li,
ul.nav-dropdown > li,
ul.sub-menu > li{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  border-bottom:1px solid rgba(200,150,12,.42)!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.header-main .nav-dropdown > li:last-child,
.header-main .nav-dropdown-default > li:last-child,
.header-main .sub-menu > li:last-child,
.header-main .children > li:last-child,
ul.nav-dropdown > li:last-child,
ul.sub-menu > li:last-child{
  border-bottom:none!important;
}

/* Dropdown/Submenu: link - padding nằm trực tiếp trên thẻ a */
.header-main .nav-dropdown > li > a,
.header-main .nav-dropdown-default > li > a,
.header-main .sub-menu > li > a,
.header-main .children > li > a,
ul.nav-dropdown > li > a,
ul.sub-menu > li > a,
.header-main .nav-dropdown li.menu-item > a,
.header-main .sub-menu li.menu-item > a{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:46px!important;
  margin:0!important;
  padding:13px 18px 13px 24px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  color:var(--amd-red)!important;
  font-family: Arial,"Segoe UI",Helvetica,Tahoma,sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-indent:0!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  transition:background-color .16s ease,color .16s ease!important;
}

/* Khóa mọi span bên trong không được kéo chữ sát mép */
.header-main .nav-dropdown > li > a > span,
.header-main .nav-dropdown-default > li > a > span,
.header-main .sub-menu > li > a > span,
.header-main .children > li > a > span,
ul.nav-dropdown > li > a > span,
ul.sub-menu > li > a > span,
.header-main .nav-dropdown > li > a .menu-title,
.header-main .nav-dropdown-default > li > a .menu-title,
.header-main .sub-menu > li > a .menu-title,
ul.nav-dropdown > li > a .menu-title,
ul.sub-menu > li > a .menu-title{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  text-indent:0!important;
  line-height:1.35!important;
  color:inherit!important;
}

/* Hover full 100% ô: nền nằm trên a full width */
.header-main .nav-dropdown > li:hover > a,
.header-main .nav-dropdown-default > li:hover > a,
.header-main .sub-menu > li:hover > a,
.header-main .children > li:hover > a,
ul.nav-dropdown > li:hover > a,
ul.sub-menu > li:hover > a,
.header-main .nav-dropdown > li > a:hover,
.header-main .nav-dropdown-default > li > a:hover,
.header-main .sub-menu > li > a:hover,
ul.nav-dropdown > li > a:hover,
ul.sub-menu > li > a:hover{
  background:var(--amd-red)!important;
  color:var(--amd-gold)!important;
}

/* Submenu giống website gốc: KHÔNG giữ nền đỏ sau khi click/active. Chỉ hover mới đỏ. */
.header-main .nav-dropdown > li.current-menu-item > a,
.header-main .nav-dropdown-default > li.current-menu-item > a,
.header-main .sub-menu > li.current-menu-item > a,
.header-main .children > li.current-menu-item > a,
ul.nav-dropdown > li.current-menu-item > a,
ul.sub-menu > li.current-menu-item > a,
.header-main .nav-dropdown > li.current_page_item > a,
.header-main .sub-menu > li.current_page_item > a,
ul.nav-dropdown > li.current_page_item > a,
ul.sub-menu > li.current_page_item > a{
  background:transparent!important;
  color:var(--amd-red)!important;
}

/* Reset các trạng thái parent/ancestor/category trong submenu về nền kem. Chỉ hover mới đổi đỏ. */
.header-main .nav-dropdown > li.current-menu-parent:not(.current-menu-item) > a,
.header-main .nav-dropdown > li.current-menu-ancestor:not(.current-menu-item) > a,
.header-main .nav-dropdown > li.current-cat:not(.current-menu-item) > a,
.header-main .nav-dropdown > li.current-cat-parent:not(.current-menu-item) > a,
.header-main .nav-dropdown > li.current-category-parent:not(.current-menu-item) > a,
.header-main .sub-menu > li.current-menu-parent:not(.current-menu-item) > a,
.header-main .sub-menu > li.current-menu-ancestor:not(.current-menu-item) > a,
.header-main .sub-menu > li.current-cat:not(.current-menu-item) > a,
.header-main .sub-menu > li.current-cat-parent:not(.current-menu-item) > a,
.header-main .sub-menu > li.current-category-parent:not(.current-menu-item) > a,
ul.nav-dropdown > li.current-menu-parent:not(.current-menu-item) > a,
ul.nav-dropdown > li.current-menu-ancestor:not(.current-menu-item) > a,
ul.nav-dropdown > li.current-cat:not(.current-menu-item) > a,
ul.nav-dropdown > li.current-cat-parent:not(.current-menu-item) > a,
ul.nav-dropdown > li.current-category-parent:not(.current-menu-item) > a,
ul.sub-menu > li.current-menu-parent:not(.current-menu-item) > a,
ul.sub-menu > li.current-menu-ancestor:not(.current-menu-item) > a,
ul.sub-menu > li.current-cat:not(.current-menu-item) > a,
ul.sub-menu > li.current-cat-parent:not(.current-menu-item) > a,
ul.sub-menu > li.current-category-parent:not(.current-menu-item) > a{
  background:transparent!important;
  color:var(--amd-red)!important;
}

.header-main .nav-dropdown > li.current-menu-parent:not(.current-menu-item):hover > a,
.header-main .nav-dropdown > li.current-menu-ancestor:not(.current-menu-item):hover > a,
.header-main .sub-menu > li.current-menu-parent:not(.current-menu-item):hover > a,
.header-main .sub-menu > li.current-menu-ancestor:not(.current-menu-item):hover > a,
ul.nav-dropdown > li.current-menu-parent:not(.current-menu-item):hover > a,
ul.nav-dropdown > li.current-menu-ancestor:not(.current-menu-item):hover > a,
ul.sub-menu > li.current-menu-parent:not(.current-menu-item):hover > a,
ul.sub-menu > li.current-menu-ancestor:not(.current-menu-item):hover > a{
  background:var(--amd-red)!important;
  color:var(--amd-gold)!important;
}


/* FINAL V4.0.9: Active/click không giữ nền đỏ trong submenu. Hover mới đỏ. */
.header-main .nav-dropdown li.current-menu-item > a,
.header-main .nav-dropdown li.current-menu-parent > a,
.header-main .nav-dropdown li.current-menu-ancestor > a,
.header-main .nav-dropdown li.current_page_item > a,
.header-main .nav-dropdown li.current_page_parent > a,
.header-main .nav-dropdown li.current_page_ancestor > a,
.header-main .nav-dropdown li.current-cat > a,
.header-main .nav-dropdown li.current-cat-parent > a,
.header-main .nav-dropdown li.current-category-parent > a,
.header-main .sub-menu li.current-menu-item > a,
.header-main .sub-menu li.current-menu-parent > a,
.header-main .sub-menu li.current-menu-ancestor > a,
.header-main .sub-menu li.current_page_item > a,
.header-main .sub-menu li.current_page_parent > a,
.header-main .sub-menu li.current_page_ancestor > a,
.header-main .sub-menu li.current-cat > a,
.header-main .sub-menu li.current-cat-parent > a,
.header-main .sub-menu li.current-category-parent > a,
ul.nav-dropdown li.current-menu-item > a,
ul.nav-dropdown li.current-menu-parent > a,
ul.nav-dropdown li.current-menu-ancestor > a,
ul.nav-dropdown li.current_page_item > a,
ul.nav-dropdown li.current_page_parent > a,
ul.nav-dropdown li.current_page_ancestor > a,
ul.nav-dropdown li.current-cat > a,
ul.nav-dropdown li.current-cat-parent > a,
ul.nav-dropdown li.current-category-parent > a,
ul.sub-menu li.current-menu-item > a,
ul.sub-menu li.current-menu-parent > a,
ul.sub-menu li.current-menu-ancestor > a,
ul.sub-menu li.current_page_item > a,
ul.sub-menu li.current_page_parent > a,
ul.sub-menu li.current_page_ancestor > a,
ul.sub-menu li.current-cat > a,
ul.sub-menu li.current-cat-parent > a,
ul.sub-menu li.current-category-parent > a{
  background:transparent!important;
  color:var(--amd-red)!important;
}
.header-main .nav-dropdown li:hover > a,
.header-main .sub-menu li:hover > a,
ul.nav-dropdown li:hover > a,
ul.sub-menu li:hover > a,
.header-main .nav-dropdown li > a:hover,
.header-main .sub-menu li > a:hover,
ul.nav-dropdown li > a:hover,
ul.sub-menu li > a:hover{
  background:var(--amd-red)!important;
  color:var(--amd-gold)!important;
}

/* Mobile/off-canvas menu giữ quản trị WordPress */
.mobile-nav,
.off-canvas,
.off-canvas .sidebar-menu,
.mobile-sidebar,
.mfp-content,
.nav-sidebar,
#mobile-nav-panel{
  background:var(--amd-white)!important;
}
.mobile-nav a,
.nav-sidebar a,
.off-canvas a,
.mobile-nav-link,
.mobile-submenu-toggle,
.mobile-submenu a{
  color:var(--amd-red)!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}
.mobile-submenu,
.nav-sidebar .sub-menu,
.off-canvas .sub-menu{
  background:var(--amd-cream)!important;
}
.mobile-nav a:hover,
.nav-sidebar a:hover,
.off-canvas a:hover,
.mobile-nav-link:hover,
.mobile-submenu-toggle:hover,
.mobile-submenu a:hover{
  color:var(--amd-gold)!important;
  background:var(--amd-cream)!important;
}

/* Responsive an toàn */
@media (max-width:849px){
  .header-main{min-height:70px!important;}
  .header-main .logo,
  .header-main #logo{margin-right:0!important;}
}
@media (min-width:850px) and (max-width:1180px){
  .header-main .logo,
  .header-main #logo{margin-right:28px!important;}
  .header-main .nav > li{margin:0 9px!important;}
  .header-main .nav > li > a{font-size:14px!important;}
  .header-main .nav-dropdown,
  .header-main .nav-dropdown-default,
  .header-main .sub-menu,
  .header-main .children,
  ul.nav-dropdown,
  ul.sub-menu{
    width:400px!important;
    min-width:400px!important;
    max-width:420px!important;
  }
}

/* =========================================================
 * ANDAM HEADER MENU ALIGNMENT - V4.1.0
 * Căn đều cụm heading menu desktop, giữ menu WordPress/Flatsome.
 * ========================================================= */
@media (min-width:850px){
  .header-main .header-inner,
  .header-main .container{
    display:flex!important;
    align-items:center!important;
  }

  /* Logo giữ bên trái, không kéo méo menu */
  .header-main .logo,
  .header-main #logo{
    flex:0 0 auto!important;
    margin-right:54px!important;
  }

  /* Cụm menu căn theo một trục, các item dùng padding đều thay vì margin lộn xộn */
  .header-main .nav,
  .header-main ul.nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
  }

  .header-main .nav > li{
    margin:0!important;
    padding:0!important;
  }

  .header-main .nav > li > a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:76px!important;
    height:76px!important;
    line-height:1!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    font-family: Arial,"Segoe UI",Helvetica,Tahoma,sans-serif!important;
    font-size:15px!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }

  /* Mục dài được giữ đều nhưng không đẩy các mục khác lệch mạnh */
  .header-main .nav > li > a[href*="book"],
  .header-main .nav > li > a[href*="cach-book"]{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

@media (min-width:850px) and (max-width:1180px){
  .header-main .logo,
  .header-main #logo{
    margin-right:32px!important;
  }
  .header-main .nav > li > a{
    padding-left:13px!important;
    padding-right:13px!important;
    font-size:14px!important;
  }
}



/* V4.1.1 HEADER STRUCTURE MATCH */
@media (min-width:850px){
 .header-main .logo, .header-main #logo{
   margin-right:22px!important;
 }
 .header-main .container, .header-main .header-inner{
   max-width:1140px!important;
 }
 .header-main .nav{
   margin-left:10px!important;
 }
 .header-main .nav > li > a{
   padding:0 26px!important;
   font-size:16px!important;
 }
}

/* =========================================================
 * ANDAM MOBILE MENU SAFE FIX - V4.1.2
 * Sửa riêng menu mobile/off-canvas: submenu không bị cắt chữ,
 * không thay đổi desktop menu, header, footer, JS hay tính năng cũ.
 * ========================================================= */
@media (max-width:849px){
  body .off-canvas .nav-sidebar,
  body .mobile-sidebar .nav-sidebar,
  body #mobile-nav-panel .nav-sidebar,
  body .off-canvas .sidebar-menu,
  body .mobile-sidebar{
    background:#fff!important;
  }

  body .off-canvas .nav-sidebar > li,
  body .mobile-sidebar .nav-sidebar > li,
  body #mobile-nav-panel .nav-sidebar > li{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body .off-canvas .nav-sidebar .sub-menu,
  body .off-canvas .nav-sidebar .children,
  body .mobile-sidebar .nav-sidebar .sub-menu,
  body .mobile-sidebar .nav-sidebar .children,
  body #mobile-nav-panel .nav-sidebar .sub-menu,
  body #mobile-nav-panel .nav-sidebar .children{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    background:var(--amd-cream)!important;
    border:1px solid rgba(200,150,12,.42)!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  body .off-canvas .nav-sidebar .sub-menu > li,
  body .off-canvas .nav-sidebar .children > li,
  body .mobile-sidebar .nav-sidebar .sub-menu > li,
  body .mobile-sidebar .nav-sidebar .children > li,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li,
  body #mobile-nav-panel .nav-sidebar .children > li{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid rgba(200,150,12,.42)!important;
    box-sizing:border-box!important;
  }

  body .off-canvas .nav-sidebar .sub-menu > li > a,
  body .off-canvas .nav-sidebar .children > li > a,
  body .mobile-sidebar .nav-sidebar .sub-menu > li > a,
  body .mobile-sidebar .nav-sidebar .children > li > a,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li > a,
  body #mobile-nav-panel .nav-sidebar .children > li > a{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    padding:13px 18px 13px 26px!important;
    color:var(--amd-red)!important;
    background:var(--amd-cream)!important;
    font-family: Arial,"Segoe UI",Helvetica,Tahoma,sans-serif!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-align:left!important;
    text-transform:uppercase!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    box-sizing:border-box!important;
  }

  body .off-canvas .nav-sidebar .sub-menu > li > a:hover,
  body .off-canvas .nav-sidebar .children > li > a:hover,
  body .mobile-sidebar .nav-sidebar .sub-menu > li > a:hover,
  body .mobile-sidebar .nav-sidebar .children > li > a:hover,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li > a:hover,
  body #mobile-nav-panel .nav-sidebar .children > li > a:hover{
    background:var(--amd-red)!important;
    color:var(--amd-gold)!important;
  }

  body .off-canvas .nav-sidebar .sub-menu > li.current-menu-item > a,
  body .off-canvas .nav-sidebar .sub-menu > li.current-menu-parent > a,
  body .off-canvas .nav-sidebar .sub-menu > li.current-menu-ancestor > a,
  body .mobile-sidebar .nav-sidebar .sub-menu > li.current-menu-item > a,
  body .mobile-sidebar .nav-sidebar .sub-menu > li.current-menu-parent > a,
  body .mobile-sidebar .nav-sidebar .sub-menu > li.current-menu-ancestor > a,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li.current-menu-item > a,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li.current-menu-parent > a,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li.current-menu-ancestor > a{
    background:var(--amd-cream)!important;
    color:var(--amd-red)!important;
  }
}

/* =========================================================
 * ANDAM MOBILE SUBMENU DESKTOP MATCH - V4.1.3
 * Đồng bộ giao diện submenu mobile theo submenu desktop:
 * nền kem, viền gold, bo góc, bóng đổ, chữ đỏ trầm,
 * hover đỏ trầm + vàng gold. Không đổi JS/header/footer.
 * ========================================================= */
@media (max-width:849px){
  body .off-canvas .nav-sidebar .sub-menu,
  body .off-canvas .nav-sidebar .children,
  body .mobile-sidebar .nav-sidebar .sub-menu,
  body .mobile-sidebar .nav-sidebar .children,
  body #mobile-nav-panel .nav-sidebar .sub-menu,
  body #mobile-nav-panel .nav-sidebar .children{
    width:calc(100% - 24px)!important;
    min-width:0!important;
    max-width:calc(100% - 24px)!important;
    margin:8px 12px 12px 12px!important;
    padding:0!important;
    background:var(--amd-cream,#FDF8EE)!important;
    border:1px solid var(--amd-gold,#C8960C)!important;
    border-radius:4px!important;
    box-shadow:0 8px 18px rgba(58,46,42,.14)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body .off-canvas .nav-sidebar .sub-menu > li,
  body .off-canvas .nav-sidebar .children > li,
  body .mobile-sidebar .nav-sidebar .sub-menu > li,
  body .mobile-sidebar .nav-sidebar .children > li,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li,
  body #mobile-nav-panel .nav-sidebar .children > li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    border-bottom:1px solid rgba(200,150,12,.42)!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }

  body .off-canvas .nav-sidebar .sub-menu > li:last-child,
  body .off-canvas .nav-sidebar .children > li:last-child,
  body .mobile-sidebar .nav-sidebar .sub-menu > li:last-child,
  body .mobile-sidebar .nav-sidebar .children > li:last-child,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li:last-child,
  body #mobile-nav-panel .nav-sidebar .children > li:last-child{
    border-bottom:none!important;
  }

  body .off-canvas .nav-sidebar .sub-menu > li > a,
  body .off-canvas .nav-sidebar .children > li > a,
  body .mobile-sidebar .nav-sidebar .sub-menu > li > a,
  body .mobile-sidebar .nav-sidebar .children > li > a,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li > a,
  body #mobile-nav-panel .nav-sidebar .children > li > a{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:46px!important;
    margin:0!important;
    padding:13px 18px 13px 24px!important;
    box-sizing:border-box!important;
    background:var(--amd-cream,#FDF8EE)!important;
    color:var(--amd-red,#6B1111)!important;
    font-family: Arial,"Segoe UI",Helvetica,Tahoma,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-align:left!important;
    text-indent:0!important;
    text-transform:uppercase!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    transition:background-color .16s ease,color .16s ease!important;
  }

  body .off-canvas .nav-sidebar .sub-menu > li:hover > a,
  body .off-canvas .nav-sidebar .children > li:hover > a,
  body .mobile-sidebar .nav-sidebar .sub-menu > li:hover > a,
  body .mobile-sidebar .nav-sidebar .children > li:hover > a,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li:hover > a,
  body #mobile-nav-panel .nav-sidebar .children > li:hover > a,
  body .off-canvas .nav-sidebar .sub-menu > li > a:hover,
  body .off-canvas .nav-sidebar .children > li > a:hover,
  body .mobile-sidebar .nav-sidebar .sub-menu > li > a:hover,
  body .mobile-sidebar .nav-sidebar .children > li > a:hover,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li > a:hover,
  body #mobile-nav-panel .nav-sidebar .children > li > a:hover{
    background:var(--amd-red,#6B1111)!important;
    color:var(--amd-gold,#C8960C)!important;
  }

  body .off-canvas .nav-sidebar .sub-menu li.current-menu-item > a,
  body .off-canvas .nav-sidebar .sub-menu li.current-menu-parent > a,
  body .off-canvas .nav-sidebar .sub-menu li.current-menu-ancestor > a,
  body .off-canvas .nav-sidebar .children li.current-menu-item > a,
  body .off-canvas .nav-sidebar .children li.current-menu-parent > a,
  body .off-canvas .nav-sidebar .children li.current-menu-ancestor > a,
  body .mobile-sidebar .nav-sidebar .sub-menu li.current-menu-item > a,
  body .mobile-sidebar .nav-sidebar .sub-menu li.current-menu-parent > a,
  body .mobile-sidebar .nav-sidebar .sub-menu li.current-menu-ancestor > a,
  body .mobile-sidebar .nav-sidebar .children li.current-menu-item > a,
  body .mobile-sidebar .nav-sidebar .children li.current-menu-parent > a,
  body .mobile-sidebar .nav-sidebar .children li.current-menu-ancestor > a{
    background:var(--amd-cream,#FDF8EE)!important;
    color:var(--amd-red,#6B1111)!important;
  }
}

/* =========================================================
 * ANDAM MOBILE SUBMENU FINAL DESKTOP MATCH - V4.1.4
 * Chỉ chỉnh giao diện submenu trong menu mobile/off-canvas.
 * Mục tiêu: giống submenu desktop: hộp có viền 4 cạnh, nền kem,
 * font/padding/line-height gọn, hover đỏ trầm + vàng gold, không giữ active.
 * ========================================================= */
@media (max-width:849px){
  body .off-canvas .nav-sidebar > li.menu-item-has-children > .sub-menu,
  body .off-canvas .nav-sidebar > li.menu-item-has-children > .children,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .sub-menu,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .children,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .sub-menu,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .children,
  body .off-canvas .nav-vertical > li.menu-item-has-children > .sub-menu,
  body .mobile-sidebar .nav-vertical > li.menu-item-has-children > .sub-menu{
    display:block;
    width:calc(100% - 44px)!important;
    min-width:0!important;
    max-width:430px!important;
    margin:8px 22px 14px 22px!important;
    padding:0!important;
    background:#FDF8EE!important;
    border:1px solid #C8960C!important;
    border-left:1px solid #C8960C!important;
    border-right:1px solid #C8960C!important;
    border-top:1px solid #C8960C!important;
    border-bottom:1px solid #C8960C!important;
    border-radius:4px!important;
    box-shadow:0 8px 18px rgba(58,46,42,.14)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body .off-canvas .nav-sidebar > li.menu-item-has-children > .sub-menu > li,
  body .off-canvas .nav-sidebar > li.menu-item-has-children > .children > li,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .sub-menu > li,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .children > li,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .sub-menu > li,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .children > li,
  body .off-canvas .nav-vertical > li.menu-item-has-children > .sub-menu > li,
  body .mobile-sidebar .nav-vertical > li.menu-item-has-children > .sub-menu > li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    background:transparent!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    border-bottom:1px solid rgba(200,150,12,.42)!important;
    box-sizing:border-box!important;
  }

  body .off-canvas .nav-sidebar > li.menu-item-has-children > .sub-menu > li:last-child,
  body .off-canvas .nav-sidebar > li.menu-item-has-children > .children > li:last-child,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .sub-menu > li:last-child,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .children > li:last-child,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .sub-menu > li:last-child,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .children > li:last-child,
  body .off-canvas .nav-vertical > li.menu-item-has-children > .sub-menu > li:last-child,
  body .mobile-sidebar .nav-vertical > li.menu-item-has-children > .sub-menu > li:last-child{
    border-bottom:0!important;
  }

  body .off-canvas .nav-sidebar > li.menu-item-has-children > .sub-menu > li > a,
  body .off-canvas .nav-sidebar > li.menu-item-has-children > .children > li > a,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .sub-menu > li > a,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .children > li > a,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .sub-menu > li > a,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .children > li > a,
  body .off-canvas .nav-vertical > li.menu-item-has-children > .sub-menu > li > a,
  body .mobile-sidebar .nav-vertical > li.menu-item-has-children > .sub-menu > li > a{
    display:block!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:13px 18px 13px 24px!important;
    background:#FDF8EE!important;
    color:#6B1111!important;
    font-family: Arial,"Segoe UI",Helvetica,Tahoma,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-align:left!important;
    text-transform:uppercase!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    box-sizing:border-box!important;
    transition:background-color .16s ease,color .16s ease!important;
  }

  body .off-canvas .nav-sidebar > li.menu-item-has-children > .sub-menu > li:hover > a,
  body .off-canvas .nav-sidebar > li.menu-item-has-children > .children > li:hover > a,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .sub-menu > li:hover > a,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .children > li:hover > a,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .sub-menu > li:hover > a,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .children > li:hover > a,
  body .off-canvas .nav-sidebar > li.menu-item-has-children > .sub-menu > li > a:hover,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .sub-menu > li > a:hover,
  body .off-canvas .nav-vertical > li.menu-item-has-children > .sub-menu > li:hover > a,
  body .mobile-sidebar .nav-vertical > li.menu-item-has-children > .sub-menu > li:hover > a{
    background:#6B1111!important;
    color:#C8960C!important;
  }

  body .off-canvas .nav-sidebar > li.menu-item-has-children > .sub-menu li.current-menu-item > a,
  body .off-canvas .nav-sidebar > li.menu-item-has-children > .sub-menu li.current-menu-parent > a,
  body .off-canvas .nav-sidebar > li.menu-item-has-children > .sub-menu li.current-menu-ancestor > a,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .sub-menu li.current-menu-item > a,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .sub-menu li.current-menu-parent > a,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > .sub-menu li.current-menu-ancestor > a,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .sub-menu li.current-menu-item > a,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .sub-menu li.current-menu-parent > a,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > .sub-menu li.current-menu-ancestor > a{
    background:#FDF8EE!important;
    color:#6B1111!important;
  }

  body .off-canvas .nav-sidebar > li.menu-item-has-children > a,
  body .mobile-sidebar .nav-sidebar > li.menu-item-has-children > a,
  body #mobile-nav-panel .nav-sidebar > li.menu-item-has-children > a{
    color:#6B1111!important;
    font-family: Arial,"Segoe UI",Helvetica,Tahoma,sans-serif!important;
    font-weight:700!important;
  }

  body .off-canvas .nav-sidebar .toggle,
  body .mobile-sidebar .nav-sidebar .toggle,
  body #mobile-nav-panel .nav-sidebar .toggle,
  body .off-canvas .nav-sidebar .icon-angle-down,
  body .mobile-sidebar .nav-sidebar .icon-angle-down,
  body #mobile-nav-panel .nav-sidebar .icon-angle-down{
    color:#C8960C!important;
    border-color:#C8960C!important;
  }
}


/* Mobile menu top-level bold sync with desktop */
@media (max-width:849px){
  body .off-canvas .nav-sidebar > li > a,
  body .mobile-sidebar .nav-sidebar > li > a,
  body #mobile-nav-panel .nav-sidebar > li > a{
    font-family: Arial,"Segoe UI",Helvetica,Tahoma,sans-serif!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    color:#6B1111!important;
    letter-spacing:.2px!important;
  }
}

/* =========================================================
 * ANDAM SAFE COURSE LAYOUT OVERRIDES
 * Dùng Flatsome header/footer chuẩn, chỉ khóa layout nội dung khóa học.
 * ========================================================= */
body.single-course .andam-course-safe-shell{
    background:#f7f1e8;
    margin:0!important;
    padding:0!important;
    width:100%;
    overflow-x:hidden;
}
body.single-course .andam-course-safe-shell .andam-course-index-page{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:none!important;
    overflow-x:hidden;
}
body.single-course .andam-course-safe-shell .andam-course-index-page .pt-100px{
    padding-top:3.25rem!important;
}
body.single-course.admin-bar .andam-course-safe-shell .andam-course-index-page .pt-100px{
    padding-top:2.4rem!important;
}
body.single-course .andam-course-safe-shell .andam-course-index-page .container,
body.single-course .andam-course-safe-shell .andam-course-index-page .max-w-screen-xl{
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:15px!important;
    padding-right:15px!important;
    box-sizing:border-box!important;
}
body.single-course .andam-course-safe-shell .andam-course-index-page h1,
body.single-course .andam-course-safe-shell .andam-course-index-page h2,
body.single-course .andam-course-safe-shell .andam-course-index-page h3{
    color:#6B1111!important;
}
body.single-course .andam-course-safe-shell .andam-course-index-page img{
    max-width:100%;
    height:auto;
}
body.single-course .andam-course-fallback{
    max-width:1200px;
    margin:0 auto;
    padding:48px 15px;
}
body.post-type-archive-course .andam-course-shell{
    background:#f7f1e8;
    padding:48px 15px;
}
body.post-type-archive-course .andam-course-wrap{
    max-width:1200px;
    margin:0 auto;
}
body.post-type-archive-course .andam-course-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:22px;
}
body.post-type-archive-course .andam-course-list-card{
    background:#fff;
    border-radius:16px;
    padding:22px;
    box-shadow:0 10px 28px rgba(107,17,17,.08);
}
body.post-type-archive-course .andam-course-primary{
    display:inline-block;
    margin-top:12px;
    background:#6B1111;
    color:#fff!important;
    padding:10px 16px;
    border-radius:999px;
    text-decoration:none!important;
}
@media (max-width:767px){
    body.single-course .andam-course-safe-shell .andam-course-index-page .pt-100px{
        padding-top:2rem!important;
    }
    body.single-course .andam-course-safe-shell .andam-course-index-page .container,
    body.single-course .andam-course-safe-shell .andam-course-index-page .max-w-screen-xl{
        padding-left:14px!important;
        padding-right:14px!important;
    }
}

/* =========================================================
 * ANDAM COURSE ARCHIVE CLEAN
 * Bước 1: /khoa-hoc/ không hiển thị grid/card khóa học.
 * ========================================================= */
body.post-type-archive-course .andam-course-archive-clean .andam-course-list,
body.post-type-archive-course .andam-course-archive-clean .andam-course-list-card{
    display:none!important;
}
body.post-type-archive-course .andam-course-archive-clean{
    background:#f7f1e8;
    padding:48px 15px 64px;
}
body.post-type-archive-course .andam-course-archive-clean .andam-course-wrap{
    max-width:1200px;
    margin:0 auto;
}

/* =========================================================
   ANDAM STEP 2 - Menu cha "Khóa học" chỉ mở submenu
   Desktop + Mobile: không chuyển trang, chỉ xổ menu con.
   ========================================================= */
.andam-course-parent-toggle-only > a,
.andam-menu-parent-toggle-only > a,
a.andam-course-parent-toggle-link {
  cursor: pointer !important;
}
.andam-course-parent-toggle-only.andam-course-submenu-open > .sub-menu,
.andam-course-parent-toggle-only.andam-course-submenu-open > .children,
.andam-course-parent-toggle-only.andam-course-submenu-open > .nav-dropdown,
.andam-course-parent-toggle-only.andam-course-submenu-open > .submenu,
.andam-course-parent-toggle-only.andam-course-submenu-open > .ux-menu-submenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
}
@media (min-width: 850px) {
  .andam-course-parent-toggle-only:hover > .sub-menu,
  .andam-course-parent-toggle-only:hover > .children,
  .andam-course-parent-toggle-only:hover > .nav-dropdown,
  .andam-course-parent-toggle-only:hover > .submenu,
  .andam-course-parent-toggle-only:hover > .ux-menu-submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}
.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.blog-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    padding:20px;
}

.blog-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:12px;
}

.blog-card h2{
    font-size:22px;
    margin:15px 0;
}

@media(max-width:768px){
    .blog-grid{
        grid-template-columns:1fr;
    }
}
/* =========================================================
   ANDAM BLOG CARD
   ========================================================= */

.andam-blog-container{
    max-width:1200px;
    margin:0 auto;
    padding:40px 20px;
}

.andam-blog-header{
    text-align:center;
    margin-bottom:40px;
}

.andam-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
}

.andam-blog-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
    display:flex;
    flex-direction:column;
}

.andam-blog-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 40px rgba(0,0,0,.15);
}

.andam-blog-thumb img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

.andam-blog-content{
    padding:24px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.andam-blog-title {
    font-size: 20px !important;        /* Giảm nhẹ từ 22px xuống 20px để chữ thanh thoát, dễ thở hơn */
    line-height: 1.6 !important;       /* TĂNG LÊN 1.6: Giúp khoảng cách giữa hàng 1 và hàng 2 rộng rãi, hết bị đè */
    margin-bottom: 15px !important;
    text-transform: none !important;   /* Giữ chữ viết thường theo ảnh bạn muốn */

    /* Thuộc tính ép 2 dòng giữ nguyên */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    /* TĂNG CHIỀU CAO lên một chút để tương thích với line-height mới */
    height: 65px !important; 
    min-height: 65px !important;
}

.andam-blog-title a{
    color:#222;
    text-decoration:none;
}

/* 1. Trạng thái bình thường: Màu đỏ trầm */
.andam-blog-title a {
    color: #6B1111 !important;      /* Mã màu Đỏ trầm, rất rõ chữ và sang */
    text-decoration: none !important;
    transition: color 0.3s ease !important; /* Hiệu ứng chuyển màu mượt mà */
}

/* 2. Trạng thái khi di chuột vào (Hover) hoặc khi Click vào (Active/Focus): Màu vàng gold */
.andam-blog-title a:hover,
.andam-blog-title a:active,
.andam-blog-title a:focus {
    color: #C8960C !important;      /* Mã màu Vàng gold đậm thương hiệu quý tộc */
    text-decoration: none !important;
}

.andam-blog-excerpt{
    color:#666;
    line-height:1.8;
    text-align:justify;
    text-justify:inter-word;
    word-break:break-word;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    overflow:hidden;
}

.andam-blog-readmore{
    color:#ff4b7d;
    font-weight:700;
    text-decoration:none;
}

.andam-blog-readmore:hover{
    opacity:.8;
}

.andam-blog-pagination{
    margin-top:50px;
    text-align:center;
}

@media(max-width:991px){

.andam-blog-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.andam-blog-grid{
    grid-template-columns:1fr;
}

}
/* ==========================================================================
   1. ĐỒNG BỘ FONT CHỮ TOÀN WEBSITE & KHÔI PHỤC ICON (SỬA TRIỆT ĐỂ LỖI Ô VUÔNG)
   ========================================================================== */

/* Ép tất cả văn bản, tiêu đề, menu về font chữ Arial */
html, body, p, a, div, h1, h2, h3, h4, h5, h6, ul, li, section, article, header, footer, input, button, textarea, span:not([class^="icon-"]):not([class*=" icon-"]):not(.dashicons):not(.fa) {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Đảm bảo tiêu đề card blog andam nhận đúng font Arial */
.andam-blog-title, 
.andam-blog-title a {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* KHÔI PHỤC ICON FLATSOME TOÀN DIỆN (Sửa lỗi ô vuông trong bài viết và mọi giao diện) */
[class^="icon-"], [class*=" icon-"], i[class^="icon-"], i[class*=" icon-"] {
    font-family: "fl-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
}

/* KHÔI PHỤC ICON WORDPRESS ADMIN BAR */
.dashicons, .dashicons-before, #wpadminbar .ab-icon:before, #wpadminbar .dashicons-before:before {
    font-family: "dashicons" !important;
}

/* KHÔI PHỤC ICON FONTAWESOME (Nếu có dùng) */
.fa, .fas, .far, .fab, [class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}


/* ==========================================================================
   2. CẤU HÌNH CARD TIN TỨC (THẲNG HÀNG, ĐỎ TRẦM -> VÀNG GOLD, TỐI ĐA 2 DÒNG)
   ========================================================================== */

/* Tiêu đề card: Màu đỏ trầm mặc định, khi Hover/Click đổi sang Vàng Gold */
.andam-blog-title {
    margin-bottom: 15px !important;
    text-transform: none !important; /* Hiển thị chữ thường như ảnh mẫu */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Giới hạn tối đa đúng 2 dòng */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 65px !important; /* Chiều cao cố định cho 2 dòng chữ thường */
    min-height: 65px !important;
}

.andam-blog-title a {
    color: #6B1111 !important; /* Màu đỏ trầm thương hiệu */
    line-height: 1.6 !important; /* Nới rộng khoảng cách dòng để không bị đè chữ */
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Khi Hover chuột hoặc Click giữ tiêu đề chuyển màu Vàng Gold */
.andam-blog-title a:hover,
.andam-blog-title a:active,
.andam-blog-title a:focus {
    color: #C8960C !important; /* Màu vàng gold đậm cực sang */
    text-decoration: none !important;
}

/* Ép phần tóm tắt luôn bằng 3 dòng */
.andam-blog-excerpt {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

/* Đẩy nút Đọc tiếp bám chặt đáy card giúp các cột luôn thẳng hàng */
.andam-blog-readmore {
    color: #ff4b7d !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-top: auto !important; 
    display: inline-block !important;
}
/* Quét toàn bộ Footer chính, Absolute Footer và tất cả phần tử con bên trong */
#footer, 
#footer *, 
.absolute-footer, 
.absolute-footer *, 
a[href*="Tieng-Anh-Y-Khoa-An-Dam.png"], 
a[href*="Tieng-Anh-Y-Khoa-An-Dam.png"] * {
    cursor: default !important;
}

/* ANDAM FIX: Footer course names keep normal title case; only footer headings stay uppercase. */
.andam-red-footer .andam-footer-courses ul li,
.andam-red-footer .andam-footer-courses ul li a,
.andam-red-footer .andam-footer-main .andam-footer-col:nth-child(3) ul li,
.andam-red-footer .andam-footer-main .andam-footer-col:nth-child(3) ul li a {
    text-transform: none !important;
}

.andam-red-footer .andam-footer-courses h3,
.andam-red-footer .andam-footer-courses h4 {
    text-transform: uppercase !important;
}

/* ANDAM FINAL FIX: ép toàn bộ website về con trỏ mũi tên mặc định */
html, body, body *, body *::before, body *::after,
a, a:hover, a:active, a:focus, a:visited,
button, button:hover, button:active, button:focus,
input, textarea, select, label,
[role="button"], [onclick], .swiper, .swiper *, .slick-slider, .slick-slider *, .andam-group-cover, .andam-lightbox-close {
    cursor: default !important;
}


/* ANDAM FINAL FONT FIX: dùng font hệ thống hỗ trợ tiếng Việt tốt, tránh lỗi dấu khi in hoa. */
html, body,
.site, .site *,
.header-wrapper, .header-wrapper *,
.nav, .nav > li > a,
.andam-red-footer,
.andam-red-footer h1, .andam-red-footer h2, .andam-red-footer h3, .andam-red-footer h4,
.andam-red-footer p, .andam-red-footer li, .andam-red-footer a,
.andam-red-footer input, .andam-red-footer button,
.andam-footer-bottom, .andam-footer-bottom *,
.button, .button span, button, input, textarea, select {
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
}

/* Không ép font chữ thường lên các icon của theme/plugin để tránh mất biểu tượng. */
[class^="icon-"], [class*=" icon-"],
.icon, .dashicons, .fa, .fas, .far, .fab,
[class^="fa-"], [class*=" fa-"],
.mfp-close, .fl-icons, .social-icons i, .social-icons span {
    font-family: inherit;
}

/* Tiêu đề footer vẫn in hoa nhưng dùng font chuẩn tiếng Việt. */
.andam-red-footer h3,
.andam-red-footer h4,
.andam-footer-form h4,
.andam-footer-group h4 {
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
}

/* Tên khóa học không bị ép in hoa. */
.andam-red-footer .andam-footer-courses li,
.andam-red-footer .andam-footer-courses a {
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    text-transform: none !important;
}


/* ANDAM FINAL FOOTER HEADING FONT FIX V2
   Không dùng text-transform để tránh lỗi dấu tiếng Việt khi trình duyệt tự chuyển in hoa.
   Tiêu đề đã được viết hoa sẵn trong HTML/PHP. */
.andam-red-footer h3,
.andam-red-footer h4,
.andam-red-footer .brand-name,
.andam-footer-form h4,
.andam-footer-group h4 {
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    text-transform: none !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    font-synthesis: none !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.andam-red-footer .andam-footer-courses a,
.andam-red-footer .andam-footer-courses li {
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    text-transform: none !important;
    font-weight: 400 !important;
}


/* ANDAM FOOTER SOCIAL BRAND ICONS FINAL */
.andam-red-footer .andam-footer-connect {
  margin-top: 22px !important;
}
.andam-red-footer .andam-footer-connect h4 {
  color: #ffffff !important;
  font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  margin: 0 0 14px !important;
}
.andam-red-footer .andam-footer-social-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}
.andam-red-footer .andam-social-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: 0 !important;
  line-height: 1 !important;
  transform: translateZ(0) scale(1) !important;
  transition: transform .18s ease, filter .18s ease !important;
}
.andam-red-footer .andam-social-icon:hover,
.andam-red-footer .andam-social-icon:focus-visible {
  color: #ffffff !important;
  transform: translateZ(0) scale(1.06) !important;
  filter: brightness(1.08) !important;
}
.andam-red-footer .andam-social-icon svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  fill: currentColor !important;
}
.andam-red-footer .andam-social-facebook { background: #1877F2 !important; }
.andam-red-footer .andam-social-youtube { background: #FF0000 !important; }
.andam-red-footer .andam-social-tiktok { background: #000000 !important; }
.andam-red-footer .andam-social-linkedin { background: #0A66C2 !important; }
.andam-red-footer .andam-social-zalo { background: #0068FF !important; }
.andam-red-footer .andam-social-whatsapp { background: #25D366 !important; }
.andam-red-footer .andam-social-wordmark {
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
  text-transform: none !important;
  line-height: 1 !important;
}
@media (max-width: 767px) {
  .andam-red-footer .andam-footer-connect { margin-top: 18px !important; }
  .andam-red-footer .andam-footer-connect h4 { font-size: 18px !important; }
  .andam-red-footer .andam-footer-social-icons { gap: 10px !important; }
  .andam-red-footer .andam-social-icon { width: 40px !important; height: 40px !important; }
}


/* ANDAM BLOG: Bỏ gạch chân tiêu đề H1 trên toàn bộ trang chi tiết bài viết. */
body.single-post h1.entry-title,
body.single-post .entry-header h1.entry-title,
body.single-post article.post h1.entry-title,
body.single-post .article-inner .entry-header h1.entry-title {
    color: #6B1111 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.single-post h1.entry-title::before,
body.single-post h1.entry-title::after,
body.single-post .entry-header h1.entry-title::before,
body.single-post .entry-header h1.entry-title::after {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}


/* ANDAM BLOG: Màu chữ nội dung đậm, áp dụng mặc định cho toàn bộ bài viết. */
body.single-post .entry-content,
body.single-post .entry-content p,
body.single-post .entry-content li,
body.single-post .entry-content ul,
body.single-post .entry-content ol,
body.single-post .entry-content dl,
body.single-post .entry-content dt,
body.single-post .entry-content dd,
body.single-post .entry-content blockquote,
body.single-post .entry-content table,
body.single-post .entry-content th,
body.single-post .entry-content td {
    color: #222222 !important;
}

body.single-post .entry-content strong,
body.single-post .entry-content b {
    color: #111111 !important;
    font-weight: 700 !important;
}

/* ANDAM BLOG: Giảm khoảng cách tới nội dung nhưng giữ nguyên hoàn toàn khối tiêu đề H1.
 * Chỉ điều chỉnh phần thân bài viết; áp dụng cho mọi bài viết hiện tại và bài đăng mới.
 */
body.single-post article.post .entry-content,
body.single-post .article-inner > .entry-content {
    padding-top: 0 !important;
    margin-top: -22px !important;
}

body.single-post .entry-content > :first-child {
    margin-top: 0 !important;
}

@media (max-width: 767px) {
    body.single-post article.post .entry-content,
    body.single-post .article-inner > .entry-content {
        margin-top: -14px !important;
    }
}


/* =========================================================
 * ANDAM MOBILE / DESKTOP MENU COLOR SYNC - V4.1.6
 * Đồng bộ hệ màu menu mobile với menu desktop trên toàn website:
 * nền trắng, chữ đỏ trầm, trạng thái active/hover vàng gold,
 * submenu nền kem + viền gold, hover đỏ trầm + chữ gold.
 * ========================================================= */
@media (max-width: 849px) {
  /* Khung menu trượt giữ cùng nền trắng như header desktop. */
  body .off-canvas,
  body .off-canvas .sidebar-menu,
  body .mobile-sidebar,
  body .mobile-sidebar .sidebar-menu,
  body .mfp-content,
  body #mobile-nav-panel,
  body #main-menu {
    background: var(--amd-white, #FFFFFF) !important;
    color: var(--amd-red, #6B1111) !important;
  }

  /* Menu cấp 1: cùng font và hệ màu menu desktop. */
  body .off-canvas .nav-sidebar > li > a,
  body .mobile-sidebar .nav-sidebar > li > a,
  body #mobile-nav-panel .nav-sidebar > li > a,
  body #main-menu .nav-sidebar > li > a,
  body .off-canvas .sidebar-menu > ul > li > a,
  body .mobile-sidebar .sidebar-menu > ul > li > a {
    color: var(--amd-red, #6B1111) !important;
    background: transparent !important;
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase !important;
    border-color: rgba(107, 17, 17, .12) !important;
    transition: color .18s ease, background-color .18s ease !important;
  }

  /* Hover/focus/active cấp 1 giống desktop: chữ gold, không giữ nền màu. */
  body .off-canvas .nav-sidebar > li:hover > a,
  body .off-canvas .nav-sidebar > li > a:hover,
  body .off-canvas .nav-sidebar > li > a:focus,
  body .mobile-sidebar .nav-sidebar > li:hover > a,
  body .mobile-sidebar .nav-sidebar > li > a:hover,
  body .mobile-sidebar .nav-sidebar > li > a:focus,
  body #mobile-nav-panel .nav-sidebar > li:hover > a,
  body #mobile-nav-panel .nav-sidebar > li > a:hover,
  body #mobile-nav-panel .nav-sidebar > li > a:focus,
  body #main-menu .nav-sidebar > li:hover > a,
  body #main-menu .nav-sidebar > li > a:hover,
  body #main-menu .nav-sidebar > li > a:focus,
  body .nav-sidebar > li.current-menu-item > a,
  body .nav-sidebar > li.current-menu-parent > a,
  body .nav-sidebar > li.current-menu-ancestor > a,
  body .nav-sidebar > li.current_page_item > a,
  body .nav-sidebar > li.current_page_parent > a,
  body .nav-sidebar > li.current_page_ancestor > a {
    color: var(--amd-gold, #C8960C) !important;
    background: transparent !important;
  }

  /* Mũi tên mở submenu, hamburger và nút đóng dùng đúng đỏ/gold desktop. */
  body .nav-sidebar .toggle,
  body .nav-sidebar .icon-angle-down,
  body .nav-sidebar .icon-angle-up,
  body .off-canvas .toggle,
  body .mobile-sidebar .toggle,
  body .mobile-nav-icon,
  body .header-main .mobile-nav .icon-menu,
  body .header-main .mobile-nav .icon-menu::before,
  body .mfp-close,
  body .off-canvas .mfp-close {
    color: var(--amd-red, #6B1111) !important;
    border-color: var(--amd-red, #6B1111) !important;
  }
  body .nav-sidebar .toggle:hover,
  body .nav-sidebar .toggle:focus,
  body .mobile-nav-icon:hover,
  body .header-main .mobile-nav:hover .icon-menu,
  body .mfp-close:hover,
  body .off-canvas .mfp-close:hover {
    color: var(--amd-gold, #C8960C) !important;
    border-color: var(--amd-gold, #C8960C) !important;
  }

  /* Submenu khớp hoàn toàn dropdown desktop. */
  body .off-canvas .nav-sidebar .sub-menu,
  body .off-canvas .nav-sidebar .children,
  body .mobile-sidebar .nav-sidebar .sub-menu,
  body .mobile-sidebar .nav-sidebar .children,
  body #mobile-nav-panel .nav-sidebar .sub-menu,
  body #mobile-nav-panel .nav-sidebar .children,
  body #main-menu .nav-sidebar .sub-menu,
  body #main-menu .nav-sidebar .children {
    background: var(--amd-cream, #FDF8EE) !important;
    border-color: var(--amd-gold, #C8960C) !important;
  }
  body .off-canvas .nav-sidebar .sub-menu > li > a,
  body .off-canvas .nav-sidebar .children > li > a,
  body .mobile-sidebar .nav-sidebar .sub-menu > li > a,
  body .mobile-sidebar .nav-sidebar .children > li > a,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li > a,
  body #mobile-nav-panel .nav-sidebar .children > li > a,
  body #main-menu .nav-sidebar .sub-menu > li > a,
  body #main-menu .nav-sidebar .children > li > a {
    color: var(--amd-red, #6B1111) !important;
    background: var(--amd-cream, #FDF8EE) !important;
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
  }
  body .off-canvas .nav-sidebar .sub-menu > li:hover > a,
  body .off-canvas .nav-sidebar .sub-menu > li > a:hover,
  body .off-canvas .nav-sidebar .sub-menu > li > a:focus,
  body .mobile-sidebar .nav-sidebar .sub-menu > li:hover > a,
  body .mobile-sidebar .nav-sidebar .sub-menu > li > a:hover,
  body .mobile-sidebar .nav-sidebar .sub-menu > li > a:focus,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li:hover > a,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li > a:hover,
  body #mobile-nav-panel .nav-sidebar .sub-menu > li > a:focus,
  body #main-menu .nav-sidebar .sub-menu > li:hover > a,
  body #main-menu .nav-sidebar .sub-menu > li > a:hover,
  body #main-menu .nav-sidebar .sub-menu > li > a:focus {
    color: var(--amd-gold, #C8960C) !important;
    background: var(--amd-red, #6B1111) !important;
  }

  /* Active trong submenu trở về nền kem như desktop; chỉ hover mới có nền đỏ. */
  body .nav-sidebar .sub-menu li.current-menu-item > a,
  body .nav-sidebar .sub-menu li.current-menu-parent > a,
  body .nav-sidebar .sub-menu li.current-menu-ancestor > a,
  body .nav-sidebar .children li.current_page_item > a,
  body .nav-sidebar .children li.current_page_parent > a,
  body .nav-sidebar .children li.current_page_ancestor > a {
    color: var(--amd-red, #6B1111) !important;
    background: var(--amd-cream, #FDF8EE) !important;
  }
  body .nav-sidebar .sub-menu li.current-menu-item:hover > a,
  body .nav-sidebar .sub-menu li.current-menu-parent:hover > a,
  body .nav-sidebar .sub-menu li.current-menu-ancestor:hover > a,
  body .nav-sidebar .children li.current_page_item:hover > a,
  body .nav-sidebar .children li.current_page_parent:hover > a,
  body .nav-sidebar .children li.current_page_ancestor:hover > a {
    color: var(--amd-gold, #C8960C) !important;
    background: var(--amd-red, #6B1111) !important;
  }

  /* Khối kết nối trong menu dùng cùng màu nhận diện. */
  .andam-mobile-menu-connect {
    border-top-color: rgba(107, 17, 17, .18) !important;
  }
  .andam-mobile-menu-connect__title {
    color: var(--amd-red, #6B1111) !important;
  }
}

/* =========================================================
 * ANDAM MOBILE MENU TYPOGRAPHY + CONNECT INTEGRATION - V4.1.7
 * Đồng nhất tuyệt đối font/cỡ/độ đậm các danh mục cấp 1 và
 * đưa khối Kết nối vào cùng nhịp bố cục, tránh cảm giác ghép thêm.
 * ========================================================= */
@media (max-width: 849px) {
  /* Tất cả danh mục cấp 1 dùng đúng một hệ chữ và một chiều cao dòng. */
  body .off-canvas .nav-sidebar > li > a,
  body .mobile-sidebar .nav-sidebar > li > a,
  body #mobile-nav-panel .nav-sidebar > li > a,
  body #main-menu .nav-sidebar > li > a,
  body .off-canvas .sidebar-menu > ul > li > a,
  body .mobile-sidebar .sidebar-menu > ul > li > a {
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  /* Mục có submenu không được thay đổi kích thước hoặc độ đậm của chữ. */
  body .nav-sidebar > li.menu-item-has-children > a,
  body .nav-sidebar > li.page_item_has_children > a,
  body .sidebar-menu > ul > li.menu-item-has-children > a,
  body .sidebar-menu > ul > li.page_item_has_children > a {
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }

  /* Khối kết nối trở thành phần kết thúc tự nhiên của menu. */
  body .andam-mobile-menu-connect {
    box-sizing: border-box !important;
    display: block !important;
    width: auto !important;
    margin: 0 18px 22px !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(107, 17, 17, .14) !important;
    background: transparent !important;
  }

  body .andam-mobile-menu-connect__title {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 18px 2px 12px !important;
    color: var(--amd-red, #6B1111) !important;
    background: transparent !important;
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    border: 0 !important;
  }

  body .andam-mobile-menu-connect .andam-connect-brand-icons {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    background: transparent !important;
  }

  /* Icon gọn hơn để khối kết nối có cùng tỷ lệ với menu, không giống footer ghép vào. */
  body .andam-mobile-menu-connect .andam-social-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    margin: 0 !important;
  }
}


/* =========================================================
 * ANDAM MOBILE SOCIAL GRID + FOOTER CLEANUP - V4.1.8
 * 6 biểu tượng chia đều thành 2 hàng x 3 cột trong menu mobile.
 * Ẩn hoàn toàn khối Kết nối tại footer trên mobile để tránh lặp.
 * ========================================================= */
@media (max-width: 849px) {
  body .andam-mobile-menu-connect .andam-connect-brand-icons,
  body .andam-mobile-menu-connect .andam-footer-social-icons {
    display: grid !important;
    grid-template-columns: repeat(3, 38px) !important;
    grid-auto-rows: 38px !important;
    justify-content: start !important;
    align-items: center !important;
    column-gap: 18px !important;
    row-gap: 14px !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 2px !important;
  }

  body .andam-mobile-menu-connect .andam-social-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    margin: 0 !important;
    place-self: center !important;
  }

  body footer .andam-footer-connect,
  body #footer .andam-footer-connect,
  body .footer-wrapper .andam-footer-connect,
  body .andam-red-footer .andam-footer-connect,
  body footer [data-andam-connect],
  body #footer [data-andam-connect] {
    display: none !important;
  }
}

/* =========================================================
 * ANDAM MOBILE MENU HEADER + CLOSE BUTTON - V4.2.5
 * Giữ nguyên giao diện menu mobile hiện tại. Chỉ bổ sung tiêu đề
 * "Menu" cho off-canvas Flatsome và căn lại nút đóng cùng một hàng.
 * ========================================================= */
@media (max-width: 849px) {
  /* Menu off-canvas chuẩn của Flatsome: chỉ chừa một hàng tiêu đề ở trên. */
  body .mfp-wrap.off-canvas .mfp-content {
    position: relative !important;
    box-sizing: border-box !important;
    padding-top: calc(56px + env(safe-area-inset-top, 0px)) !important;
  }

  body .mfp-wrap.off-canvas .mfp-content::before {
    content: "Menu" !important;
    position: absolute !important;
    top: env(safe-area-inset-top, 0px) !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    height: 56px !important;
    box-sizing: border-box !important;
    padding: 0 62px 0 18px !important;
    border-bottom: 1px solid #e5e7eb !important;
    background: #fff !important;
    color: #6B1111 !important;
    font-family: Tahoma, Arial, "Segoe UI", Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: none !important;
    pointer-events: none !important;
  }

  /* Nút đóng của Flatsome nằm ở góc phải, cùng hàng với chữ Menu. */
  body .mfp-wrap.off-canvas button.mfp-close {
    position: absolute !important;
    top: calc(6px + env(safe-area-inset-top, 0px)) !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    opacity: 1 !important;
    overflow: hidden !important;
    transform: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  /* Vẽ dấu chéo bằng 2 nét để không bị lệch do font và không đổi sang màu xanh. */
  body .mfp-wrap.off-canvas button.mfp-close::before,
  body .mfp-wrap.off-canvas button.mfp-close::after,
  body #mobile-nav-panel button.mobile-nav-close::before,
  body #mobile-nav-panel button.mobile-nav-close::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #6B1111 !important;
    opacity: 1 !important;
    transform-origin: center !important;
  }

  body .mfp-wrap.off-canvas button.mfp-close::before,
  body #mobile-nav-panel button.mobile-nav-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  body .mfp-wrap.off-canvas button.mfp-close::after,
  body #mobile-nav-panel button.mobile-nav-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  /* Panel mobile tùy biến đã có chữ Menu: chỉ sửa đúng nút đóng của hàng này. */
  body #mobile-nav-panel button.mobile-nav-close {
    position: relative !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: -8px -8px -8px 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    opacity: 1 !important;
    overflow: hidden !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  body .mfp-wrap.off-canvas button.mfp-close:hover::before,
  body .mfp-wrap.off-canvas button.mfp-close:hover::after,
  body .mfp-wrap.off-canvas button.mfp-close:focus::before,
  body .mfp-wrap.off-canvas button.mfp-close:focus::after,
  body .mfp-wrap.off-canvas button.mfp-close:active::before,
  body .mfp-wrap.off-canvas button.mfp-close:active::after,
  body #mobile-nav-panel button.mobile-nav-close:hover::before,
  body #mobile-nav-panel button.mobile-nav-close:hover::after,
  body #mobile-nav-panel button.mobile-nav-close:focus::before,
  body #mobile-nav-panel button.mobile-nav-close:focus::after,
  body #mobile-nav-panel button.mobile-nav-close:active::before,
  body #mobile-nav-panel button.mobile-nav-close:active::after {
    background: #6B1111 !important;
  }
}