/*
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.1.0
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:"Inter", Arial, "Helvetica Neue", 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:Inter,Arial,"Helvetica Neue",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:Inter,Arial,"Helvetica Neue",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:Inter,Arial,"Helvetica Neue",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:Inter,Arial,"Helvetica Neue",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:Inter,Arial,"Helvetica Neue",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:Inter,Arial,"Helvetica Neue",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:Inter,Arial,"Helvetica Neue",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:Inter,Arial,"Helvetica Neue",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;
    }
}