/*
Theme Name: skda
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Hieu ung cuon toi dau hien dan noi dung toi do (trang chu) — class .skda-reveal do JS
   assets/js/skda-scroll-reveal.js gan vao, .is-visible them khi khoi vao vung nhin thay. */
.skda-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .7s ease, transform .7s ease;
}
.skda-reveal.is-visible {
    opacity: 1;
    transform: none;
}
@media (prefers-reduced-motion: reduce) {
    .skda-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/*************** TITLE   ***************/

.title-qa {
    text-align: center;
    margin-bottom: 20px;
}

.title-qa .bottom-title:before {
    right: 40px;
}

.title-qa .bottom-title:after {
    left: 40px;
}

.title-qa .bottom-title:after, .bottom-title:before {
    position: absolute;
    content: '';
    width: 90px;
    height: 3px;
    background-color: #23282d;
    top: 50%;

}

.title-qa .bottom-title {
    position: relative;
    display: inline-block;
}

.title-qa .bottom-title .bottom-icon {
    margin: 0 auto;
    font-size: 23px;
    color: #7b7b7b;
}

.title-qa h3 {
    margin-bottom: 0;
    color: #e2231a;
}

/*************** item-qa   ***************/
.item-qa .content {
    text-align: left;
    position: relative;
}

.item-qa .date-sub {
    padding: 0 10px 10px;
    font-size: 12px;
    color: #9a9a9a;
}

.item-qa img:hover {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
}

.item-qa img {
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


.item-qa .date, .item-qa .author {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 0 0 20px;
    float: left;
}

.item-qa .date {
    padding: 0 20px 0 0;
}

.list-item-qa {
    margin: 10px 0;
}

.item-qa .date:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    line-height: 30px;
    float: left;
    border-radius: 50%;
    display: inline-block;
    margin: 13px 8px;
}

.item-qa {
    -webkit-box-shadow: 1px 3px 5px 0px rgba(158, 153, 153, 0.75);
    -moz-box-shadow: 1px 3px 5px 0px rgba(158, 153, 153, 0.75);
    box-shadow: 1px 3px 5px 0px rgba(158, 153, 153, 0.75);
    overflow: hidden;
    background: #fff;
}

.item-qa .image {
    overflow: hidden;
}

.item-qa h4.title {
    text-align: left;
    margin-top: 0;
    padding: 5px 10px 10px;
    font-size: 15px;
    line-height: 24px;
}
.btn-item-qa {
    text-align: center;
}

.btn-item-qa a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e83025;
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
}

.btn-item-qa a:hover {
    background-color: #f20e00;
}

/*************** TU LIEU NGHE NHIN  ***************/
.tu-lieu-nn .title-qa h3 {
    color: #e2231a;
}
.tu-lieu-nn .title-qa .bottom-title .bottom-icon {
    color: #fff;
}

.tu-lieu-nn .title-qa .bottom-title:after, .tu-lieu-nn .bottom-title:before {
    background-color: #fff;
}

/*************** FOOTER  ***************/
@media screen and (min-width: 769px) {
    #widget-footer-1 {
        width: calc(33.3% - (0.667 * 30px)) !important;
    }


    #widget-footer-2, #widget-footer-3, #widget-footer-4, #widget-footer-5 {
        width: calc(16.675% - (0.83325 * 30px)) !important;
    }
}

/*************** page single ***************/
.skda-related-posts {
    margin: 10px 0 0;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.skda-related-heading {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 700;
    color: #16110f;
}
.skda-related-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.skda-related-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #eee;
}
.skda-related-item:last-child {
    border-bottom: none;
}
.skda-related-img {
    flex: none;
    width: 200px;
    height: 130px;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
    background-color: #eee;
}
.skda-related-body {
    min-width: 0;
}
.skda-related-title {
    display: block;
    color: #16110f;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
}
.skda-related-title:hover {
    color: #a4161a;
}
.skda-related-date {
    margin-top: 8px;
    font-size: 13px;
    color: #7a7065;
}
@media screen and (max-width: 600px) {
    .skda-related-img {
        width: 110px;
        height: 80px;
    }
    .skda-related-title {
        font-size: 15px;
    }
}

.skda-single-featured-img {
    margin: 0 0 24px;
}
.skda-single-featured-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.skda-single-title {
    margin: 0 0 24px;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
    color: #16110f;
}
@media screen and (max-width: 600px) {
    .skda-single-title {
        font-size: 24px;
    }
}

.entry-content .pdfemb-viewer,
.entry-content .pdfemb-embedder-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.single .entry-footer-meta {
    margin: 30px 0 20px;
    text-align: center;
}

.single .entry-footer-meta .entry-meta {
    padding: 0;
    margin: 0;
}

.single .entry-footer-meta .entry-meta li {
    border-right: 1px solid #eee;
    padding-right: 23px;
    margin-right: 20px;
    list-style: none;
    display: inline-block;
    line-height: 18px;
    margin-top: 10px;
}

.single .entry-footer-meta .entry-meta li:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

.single .entry-footer-meta .entry-meta li span {
    color: #ccc;
    font-size: 12px;
    font-weight: 700;
    display: block;
    line-height: 18px;
}

.single .entry-meta li span.value {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    color: #7a7a7a;
}

/*************** page-title-wrapper ***************/
.page-title-wrapper {

    padding-bottom: 20px;
    text-align: left;
    position: relative;
    z-index: 1;
}
@media screen and (min-width:769px){
    .page-title-wrapper {
    padding-top: 90px;
    padding-bottom: 20px;
    text-align: left;
    position: relative;
    z-index: 1;
}
}
.page-title-wrapper h2 a {
    color: #fff;
}

.page-title-wrapper h2 {
    color: inherit;
    margin: 0;
    line-height: 54px;
    text-transform: none;
    font-size: 48px;
    font-weight: 700;
    padding-left: 25px;
    position: relative;
    border-left: 3px solid #ed1300;
}

.overlay-top-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}

.top_site_main {
    color: #fff;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-color: rgba(45, 51, 57, .95);
    min-height: 235px;
    margin-bottom: 20px;
}

#footer {
    background: #111;
    padding-top: 15px;
}

#footer .thim-social li a {
    color: #999;
}

#footer .thim-social li a {
    border-color: #999;
}

#footer .thim-social a {
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #999;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
    cursor: pointer;
}

#footer .thim-social ul.social_link li {
    display: inline-block;
    margin: 0;
    list-style: none;
    padding: 0;
}


#footer .copyright-content {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #252121;
}


#footer p.text-copyright {
    color: #879599;
    font-size: 12px;
}

#footer p.text-copyright a {
    color: #676767;
    font-size: 15px;
}

#footer p.info .fa {
    margin-right: 10px;
    color: #fff;
}

#footer p.info a {
    color: #fff;
}

#footer h3 {
    color: #fff;
}

#footer a {
    color: #999;
    font-size: 13px;
}

#footer li {
    border-top: transparent;
}

#footer .copyright-content .text-right li {
    display: inline-block;
    list-style: none;
    line-height: 30px;
    margin-left: 15px;
}

@media screen and (max-width: 768px) {
    .footer-wrapper {
        padding: 0 25px;
    }
}

/*************** WIDGET RIGHT ***************/
.post-sidebar.large-3.col {
    padding: 0;
}

#flatsome_recent_posts-2 ul {
    padding: 0 25px;
    margin-top: 15px;
}

#flatsome_recent_posts-2 .is-divider.small {
    display: none;
}

#flatsome_recent_posts-2 .widget-title {
    border-left: 3px solid #ed1300;
    padding: 10px 20px;
}

/*************** ARCHIVE POST ***************/
.archive .page-numbers.nav-pagination.links.text-center {
    text-align: right;
}

.archive .nav-pagination>li>.current,.archive .nav-pagination>li>a.current {
    border-color: #ed1300;
    background-color: #ed1300;
    color: #FFF;
    border-radius: inherit;
}

.archive .nav-pagination>li>span, .archive .nav-pagination>li>a {
    border-radius: inherit;

}
.archive .nav-pagination>li>.current, .archive .nav-pagination>li>span:hover, .archive .nav-pagination>li>a:hover {
    border-color: #ed1300;
    background-color: #ed1300;
}
.archive .heading-tt.container {
    padding: 0 15px;
    text-align: center;
}

.archive .heading-tt.container h3 {
    background: #ed1300;
    color: #fff;
    padding: 5px 0;
    font-size: 16px;
}

.archive .heading-tt.container {
    margin: 10px auto ;
}

.breadcrumbs-wrapper .container {
    border-bottom: 1px solid #eee;
    margin-bottom:10px;
}
/*************** Edugate***************/
.edugate .row {
    align-items: stretch;
}

.edugate-image.col {
    padding: 0 0 0 15px;

}

.edugate-image.col a {
    display: block;
    height: 100%;
}

.edugate-image.col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.edugate-content {
    padding: 15px 25px;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.edugate-content .title {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 8px 0;
    color: #49575f;
    display: block;

}
.edugate-content .info .item {
    text-transform: capitalize;
    display: inline-block;
}
.edugate-content .info .author:after  {
    content: '|';
    margin: 0 5px;
    color: #bfc9ce;
}
.edugate-content .info .item a {
    color: #49575f;
    font-size: 14px;
}
.edugate-content  .info-more .item {
    display: inline-block;
    margin-right: 12px;
    color: #49575f;
}
.edugate-content .info-more {
    margin-bottom: 15px;
}

.edugate-content .description {
    position: relative;
    flex: 1 1 auto;
    overflow: hidden;
    line-height: 1.65;
}

.edugate-content .description::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 32px;
    background: linear-gradient(to bottom, rgba(250, 250, 250, 0), #fafafa 75%);
    pointer-events: none;
}

.edugate-content .btn-post {
    text-align: right;
    margin-top: 10px;
}

.edugate-content .btn-post a {
    background-color: #f6d3d4;
    color: #a4161a;
    border-radius: 8px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding:10px 25px;
}

.edugate-content .btn-post a:hover {
    background-color: #eab6b8;
    color: #a4161a;
}

/* Header luon dinh len top khi cuon (sticky) — ban goc co class has-sticky nhung khong hoat dong
   (position:sticky bi vo hieu boi phan tu cha co overflow/transform, hay gap voi slider).
   Dung position:fixed qua JS (class .skda-scrolled) thay vi CSS sticky de chac chan hoat dong,
   kem .skda-header-spacer (JS tao) de khong bi giat noi dung khi header roi khoi flow. */
.header-wrapper.skda-scrolled {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #12100f;
    box-shadow: 0 4px 14px rgba(0,0,0,.25);
    transition: background-color .25s ease, box-shadow .25s ease;
}
.skda-header-spacer {
    width: 100%;
}

/* Mau chu Menu mac dinh la do tuoi. Khi hover/dang o trang hien tai thi doi sang den.
   (Truoc day co lop nen bo goc mo phia sau vi Menu tung de len anh nen banner — nay Menu da
   chuyen xuong nam duoi Header/tren Banner (khong con de len anh nua) nen bo han lop nen do,
   chi giu lai text.
   LUU Y: Menu chinh dung plugin Max Mega Menu, markup la .mega-menu-link (KHONG PHAI .nav>li>a
   cua Flatsome) — phai target dung class nay CSS moi co tac dung. */
#mega-menu-wrap-primary .mega-menu-link {
    color: #be1e2d !important;
    font-family: var(--skdabar-font-body, 'Be Vietnam Pro', sans-serif) !important;
    border-bottom: 2px solid transparent !important;
    transition: color 180ms ease, border-color 180ms ease !important;
}
#mega-menu-wrap-primary .mega-menu-link:hover {
    color: #16110f !important;
    border-bottom-color: #16110f !important;
}
#mega-menu-wrap-primary .mega-menu-item.mega-current-menu-item > .mega-menu-link {
    color: #16110f !important;
    border-bottom-color: #16110f !important;
    font-weight: 700 !important;
}
/* Mui ten dropdown (dashicon ::after, mac dinh "color:inherit" tu .mega-menu-link) — luon do,
   bat ke chu menu dang hover thanh den hay khong. */
#mega-menu-wrap-primary .mega-menu-link > span.mega-indicator:after {
    color: #be1e2d !important;
}

/* Can giua Menu. Chieu cao that su nam o quy tac .mega-menu-link height/line-height ben duoi (da
   giam con 25px) — min-height o day chi la san toi thieu, dat bang 25px de khong keo cao ngược
   lai. */
#header .header-inner {
    justify-content: center !important;
    min-height: 25px;
}
#header .header-nav-main {
    justify-content: center;
}
#mega-menu-wrap-primary {
    display: flex;
    align-items: center;
}
/* Chieu cao that cua Menu KHONG phai do .header-inner min-height (da sua truoc) ma do chinh CSS
   plugin Max Mega Menu tu sinh ra (file /wp-content/uploads/maxmegamenu/style.css) dat cung
   "height:50px; line-height:50px" thang tren the <a> — phai ghi de dung selector nay + !important
   moi co tac dung (file cua plugin nap SAU nen thang the neu khong co !important). Giam con 1/2
   (25px) theo yeu cau. */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    height: 25px !important;
    line-height: 25px !important;
}
/* Chieu cao TONG THE cua khoi Menu thuc ra la do ".header-main{height: 90px}" — 1 khoi <style>
   noi tuyen Flatsome tu in ra thang trong <head> theo tuy chinh Customizer (KHONG nam trong file
   .css nao ca, phai doc HTML that moi thay). Day moi la nguyen nhan chinh khien khoi Menu van
   cao dan du da giam .mega-menu-link — link nam giua 1 khung cha cao 90px nen van thay khoang
   trong lon phia tren/duoi chu. Giam con 1/2 (45px), ap dung ca trang thai .stuck (khi cuon dinh). */
#header .header-main,
.stuck #header .header-main {
    height: 45px !important;
}

/* =====================================================================
 * KHOI "BAN TIN SKDA MOI NHAT" (2026-09-25) — thay the khoi "TIN MOI" cu
 * (shortcode list_item_qa style-1), copy dung CSS dang dung ben web moi
 * (kadence-child) cho shortcode moi [skda_bantin_moi] (xem functions.php).
 * ===================================================================== */
.skda-wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
:root {
  --skda-accent: #be1e2d;
  --skda-accent-deep: #8e1420;
  --skda-dark: #16110f;
  --skda-darker: #0c0a09;
  --skda-border: #e3d8c6;
  --skda-gold: #c9a04e;
  --skda-gold-light: #e8c77e;
  --skda-oxblood: #4a0a12;
  --skda-red-soft: #f6dcdc;
  --skda-cream-2: #efe6d8;
  --skda-muted-3: #8a7d73;
  --skda-muted-2: #6b5f57;
  --skda-font-heading: "Playfair Display", Georgia, serif;
  --skda-font-body: "Be Vietnam Pro", system-ui, sans-serif;
  --skda-font-mono: "JetBrains Mono", ui-monospace, monospace;
}
.skda-section { padding: 10px 0; }
.skda-section-head {
  display: flex !important; flex-wrap: wrap !important; gap: 16px; align-items: flex-end !important;
  justify-content: space-between !important;
  border-top: 2px solid var(--skda-dark); padding-top: 20px; margin-bottom: 10px;
}
.skda-section-head > .skda-section-link { flex: none !important; white-space: nowrap; }
/* .skda-section-title-group co duong gach mong rieng ben duoi (khong dung chung border-top cua
 * .skda-section-head), cach chu/icon 1 khoang de khong sat qua — dat qua ::after tuyet doi de
 * khong lam doi chieu cao box (tranh day lech vi tri can le voi .skda-section-link ben phai). */
.skda-section-title-group { position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; padding-bottom: 14px; }
.skda-section-title-group::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 1px; background: var(--skda-border); }
.skda-section-icon { flex: none; color: var(--skda-accent); }
.skda-section-no { flex: none; font-family: var(--skda-font-mono); font-size: 12px; font-weight: 500; color: var(--skda-accent); letter-spacing: .08em; }
.skda-section-sprockets { flex: none; display: flex; gap: 3px; align-items: center; }
.skda-section-sprockets span { width: 5px; height: 8px; background: var(--skda-accent); border-radius: 1px; }
.skda-section-title { font-family: var(--skda-font-heading); font-size: 30px; font-weight: 600; margin: 0 !important; color: var(--skda-dark); letter-spacing: -.01em; }
/* Rieng tieu de 4 khoi tin (Ban tin SKDA/Tuyen sinh/NCKH/Hop tac quoc te, dung chung shortcode
 * [skda_bantin_moi]) doi sang mau do thuong hieu — KHONG dung chung .skda-section-title mac
 * dinh vi lop nay con dung cho "Cac khoa chuyen mon" (van giu mau toi nhu cu). */
.skda-section-title--accent { color: var(--skda-accent); }
.skda-section-link {
  display: inline-flex; align-items: center; gap: 8px; font-family: var(--skda-font-body);
  font-size: 13px; font-weight: 600; color: var(--skda-accent); text-decoration: none;
  padding-bottom: 4px; border-bottom: 1px solid var(--skda-border); transition: color 180ms ease, border-color 180ms ease;
}
.skda-section-link:hover { color: var(--skda-accent-deep); border-bottom-color: var(--skda-accent); }

.skda-news-grid { display: flex; flex-wrap: wrap; gap: 32px; align-items: stretch; }
.skda-news-side { flex: 5 1 340px; display: flex; flex-direction: column; border-top: 1px solid var(--skda-border); }
.skda-news-card {
  flex: 1; display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 16px; align-items: center;
  padding: 14px 0; border-bottom: 1px solid var(--skda-border); text-decoration: none; color: var(--skda-dark);
  transition: color 180ms ease, background 180ms ease;
}
.skda-news-card:hover { color: var(--skda-accent); background: #fbf8f3; }
.skda-news-card-img { width: 112px; height: 72px; background-color: var(--skda-cream-2); background-size: cover; background-repeat: no-repeat; background-position: center; flex: none; }
.skda-news-card-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.skda-news-card-title { font-family: var(--skda-font-body); font-size: 14px; line-height: 1.45; font-weight: 500; margin: 0; color: inherit; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.skda-news-featured { flex: 7 1 440px; position: relative; display: flex; flex-direction: column; gap: 18px; text-decoration: none; color: inherit; }
.skda-news-featured-img { width: 100%; aspect-ratio: 16 / 10; background-color: var(--skda-cream-2); background-size: cover; background-repeat: no-repeat; background-position: center; }
.skda-news-featured-body { display: flex; flex-direction: column; gap: 12px; }
.skda-news-featured-tag { display: inline-flex; align-self: flex-start; align-items: center; background: var(--skda-accent); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; padding: 6px 10px; }
.skda-news-featured-title { font-family: var(--skda-font-heading); font-size: 25px; line-height: 1.3; font-weight: 600; color: var(--skda-dark); margin: 0; transition: color 180ms ease; }
.skda-news-featured:hover .skda-news-featured-title { color: var(--skda-accent); }
.skda-news-featured-title--sm { font-size: 25px; }
.skda-news-featured-desc { font-size: 13.5px; line-height: 1.55; color: var(--skda-muted-2); margin: 0; max-width: 62ch; }
.skda-news-featured-meta { display: flex; gap: 10px; align-items: center; font-family: var(--skda-font-mono); font-size: 12px; color: var(--skda-muted-2); }
.skda-dot { width: 4px; height: 4px; background: var(--skda-gold); border-radius: 50%; flex: none; }

@media (max-width: 900px) {
  .skda-news-grid { flex-direction: column; }
  .skda-news-featured, .skda-news-side { flex: 1 1 100%; }
}
@media (max-width: 560px) {
  .skda-news-card { grid-template-columns: 90px minmax(0,1fr); }
  .skda-news-card-img { width: 90px; }
}

/* Icon Menu (3 gach) tren mobile mau trang bi mo vao anh nen sang mau -> doi sang do de de nhin ro */
@media (max-width: 900px) {
    .header .nav-icon a,
    .header .nav-icon .header-button {
        color: #a4161a !important;
    }
    .header .nav-icon svg,
    .header .nav-icon svg * {
        fill: #a4161a !important;
        stroke: #a4161a !important;
    }
}

/* Khoang cach GIUA cac khoi lon o trang chu (Banner, Ban tin SKDA, Lua chon nganh hoc, Rap chieu
   SKDA...) — moi khoi la 1 [section] cua UX Builder, mac dinh Flatsome dat padding:30px 0 (class
   ".section" dung chung toan site, KHONG sua thang o day vi se anh huong moi trang khac — chi thu
   hep rieng cho trang chu qua class "home" body tu dong co san).
   Dung DUY NHAT margin-bottom, KHONG dung padding — de khoang cach giua 2 khoi lien tiep bat ky
   deu tuyet doi bang nhau = 5px (thay vi truoc day cong don padding-top + padding-bottom/margin
   cua ca 2 khoi lai voi nhau ra 10-15px khong deu, tuy khoi co margin rieng bakced-in hay khong). */
body.home .section {
    padding: 0 !important;
    margin: 0 0 5px 0 !important;
}
/* Nen tong the trang chu theo dac ta thiet ke moi la mau kem #F7F2EA (khong con trang #fff nhu
   truoc), dong bo voi nen header .skda-bar-header. Cac khoi co nen rieng (Hero toi, Tour 360,
   K46 do, Cinema den...) da tu dat background cua chung nen khong bi anh huong. */
body.home,
body.home #main {
    background: var(--skdabar-cream, #f7f2ea);
}
/* Cac khoi tu than co margin rieng (copy nguyen CSS tu web moi, noi khong bi boc trong .section
   nen can margin rieng) — o day chung DA nam trong .section da co margin-bottom 5px o tren, nen
   phai xoa margin rieng di de khong bi cong don gay khoang cach to hon cac khoi khac. */
.skda-cinema { margin: 0 !important; }
.skda-principal { margin: 0 !important; }
/* RevSlider (banner) tu dat margin 0 qua inline style roi. Dat lai dung 5px duoi, dong bo voi
   khoang cach giua cac khoi con lai (khong con cong them padding cua khoi ke tiep nua). */
.rev_slider_wrapper { margin: 0 0 5px 0 !important; }

/* Lop phu thuong hieu 2026 de len tren Hero/RevSlider "Home Page" (id=3) — theo dung dac ta
 * "Thiet ke lai trang chu SKDA/handoff/README.md" muc 3. Chi them CSS thuan (::before/::after +
 * 1 doan HTML timecode nho chen qua functions.php), KHONG dong vao anh/gallery/layer that cua
 * chinh slider — an toan, go bo duoc ngay neu can bang cach xoa khoi CSS nay. */
/* RevSlider tu gan z-index rat cao (hang tram) cho slide/layer DANG HIEN khi chuyen slide — cac
 * gia tri nho (5/6/7) chi "may man" noi len duoc o slide dau tien (luc RevSlider JS chua kip gan
 * z-index), roi bi slide ke tiep de len mat. Phai dat z-index CAO HON han + !important moi giu
 * duoc lop phu/dai lo phim/timecode nam tren MOI slide, xuyen suot qua trinh chuyen. */
#rev_slider_3_1_wrapper { position: relative; }
#rev_slider_3_1_wrapper::before {
	content: ""; position: absolute; inset: 0; z-index: 2147483000 !important; pointer-events: none;
	background: linear-gradient(180deg, rgba(22,17,15,.15) 0%, rgba(22,17,15,.05) 40%, rgba(22,17,15,.82) 100%);
}
#rev_slider_3_1_wrapper::after {
	content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 34px; z-index: 2147483001 !important; pointer-events: none;
	background-color: rgba(22,17,15,.78);
	background-image: repeating-linear-gradient(180deg, rgba(247,242,234,.85) 0, rgba(247,242,234,.85) 16px, transparent 16px, transparent 28px);
	background-position: center top;
	background-size: 12px 100%;
	background-repeat: repeat-y;
}
.skda-hero-timecode {
	position: absolute; top: 28px; right: 70px; z-index: 2147483002 !important; pointer-events: none;
	display: flex; align-items: center; gap: 10px;
	font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; color: #fff; letter-spacing: .1em;
}
/* Dai lo phim ben PHAI — doi xung voi ben trai (::after cua #rev_slider_3_1_wrapper o tren). */
.skda-hero-sprockets-right {
	position: absolute; right: 0; top: 0; bottom: 0; width: 34px; z-index: 2147483001 !important; pointer-events: none;
	background-color: rgba(22,17,15,.78);
	background-image: repeating-linear-gradient(180deg, rgba(247,242,234,.85) 0, rgba(247,242,234,.85) 16px, transparent 16px, transparent 28px);
	background-position: center top;
	background-size: 12px 100%;
	background-repeat: repeat-y;
}
@media (max-width: 768px) {
	.skda-hero-sprockets-right { width: 18px; background-size: 8px 100%; }
}
.skda-hero-timecode-dot {
	width: 8px; height: 8px; border-radius: 50%; background: #be1e2d; box-shadow: 0 0 0 4px rgba(190,30,45,.3); flex: none;
	animation: skda-hero-timecode-blink 1.2s ease-in-out infinite;
}
@keyframes skda-hero-timecode-blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (max-width: 768px) {
	#rev_slider_3_1_wrapper::after { width: 18px; background-size: 8px 100%; }
	.skda-hero-timecode { display: none; }
}

/* 2 banner quang cao doc "sticky" 2 ben trang chu (anh tinh 160x600, xem functions.php) — dat
 * NGOAI .skda-wrap (1120px), position:fixed theo chieu doc man hinh, khong chiem cho/khong doi
 * layout cua khung noi dung chinh. CHI hien khi man hinh du rong de khong de len noi dung
 * (>=1440px thi khoang trong moi ben >=160px, xem phep tinh o cuoi hoi thoai truoc). z-index thap
 * hon menu/mega-menu (dropdown mega-menu dung z-index rat cao) de khong che mat luc mo menu. */
.skda-event-rail { display: none; }
@media (min-width: 1440px) {
	.skda-event-rail { display: block; }
	.skda-event-rail-item {
		position: fixed; top: 50%; transform: translateY(-50%); z-index: 500;
		width: 160px; height: 600px; box-shadow: 0 8px 24px rgba(22,17,15,.18);
		opacity: 1; transition: opacity 220ms ease;
	}
	/* An khi JS (skda-event-rail.js) phat hien dang de len Hero hoac bat ky dai banner
	   ngang tran vien nao (K46, Dao tao ngan han, Rap chieu, 45 nam, Footer) — xem logic JS. */
	.skda-event-rail-hide .skda-event-rail-item { opacity: 0; pointer-events: none; }
	.skda-event-rail-item img { display: block; width: 160px; height: 600px; }
	.skda-event-rail-left { left: max(24px, calc((100vw - 1120px) / 2 - 160px - 24px)); }
	.skda-event-rail-right { right: max(24px, calc((100vw - 1120px) / 2 - 160px - 24px)); }
}
/* Man ngan chieu cao (laptop nho cuon doc) — thu gon lai de khong bi tran qua dau/chan trang. */
@media (min-width: 1440px) and (max-height: 760px) {
	.skda-event-rail-item { transform: translateY(-50%) scale(.82); }
}

/* =====================================================================
 * KHOI HEADER LOGO MOI (2026-09-25) — theo dung thiet ke dang dung ben web
 * moi (kadence-child), chen THEM phia tren header/menu Flatsome co san,
 * KHONG dong vao cau truc noi bo cua Flatsome (sticky/mobile JS cua Flatsome
 * van hoat dong binh thuong vi khong bi dung cham). Prefix rieng "skda-bar-"
 * de khong trung ten class voi bat ky class nao cua Flatsome/plugin khac.
 * ===================================================================== */
:root {
  /* Token thuong hieu 2026 (xem "Thiet ke lai trang chu SKDA/handoff/design-tokens.css") — dung
     chung prefix --skdabar- cho khoi Header, nhung gia tri khop voi --skda-* ben duoi de dong nhat
     mau toan site. */
  --skdabar-accent: #be1e2d;      /* do logo */
  --skdabar-accent-deep: #8e1420; /* do sam — hover, chu tieng Anh duoi logo */
  --skdabar-dark: #16110f;
  --skdabar-cream: #f7f2ea;
  --skdabar-border: #e3d8c6;
  --skdabar-muted-3: #8a7d73;
  --skdabar-font-heading: "Playfair Display", Georgia, serif; /* ten truong */
  --skdabar-font-body: "Be Vietnam Pro", system-ui, sans-serif;
}
.skda-bar-wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.skda-bar-header { position: relative; background: var(--skdabar-cream); border-bottom: 1px solid var(--skdabar-border); }
.skda-bar-header::before { content: ""; display: block; height: 3px; background: var(--skdabar-accent); }
.skda-bar-row {
  display: flex; flex-wrap: wrap; gap: 16px; align-items: center;
  justify-content: space-between; padding: 18px 24px;
}
.skda-bar-row > * { align-self: center; margin: 0; }
.skda-bar-logo-block { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 220px; color: inherit; text-decoration: none; }
.skda-bar-logo-img { width: 56px; height: 56px; object-fit: contain; flex: none; margin: -4px; }
.skda-bar-logo-text { min-width: 0; padding-left: 14px; border-left: 1px solid var(--skdabar-border); }
.skda-bar-logo-title { font-family: var(--skdabar-font-heading); font-size: clamp(16px, 1.6vw, 22px); font-weight: 600; line-height: 1.2; color: var(--skdabar-dark); display: block; }
.skda-bar-logo-sub { font-family: var(--skdabar-font-body); font-size: 10.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--skdabar-accent-deep); margin-top: 3px; display: block; }

.skda-bar-search {
  display: flex; align-items: center; gap: 8px; background: #fff;
  border: 1px solid var(--skdabar-border); border-radius: 999px; padding: 0 16px;
  min-width: 0; flex: 1 1 110px; max-width: 300px; height: 42px; box-sizing: border-box;
}
.skda-bar-search button {
  display: flex; align-items: center; justify-content: center; background: none !important;
  border: none !important; padding: 0 !important; margin: 0; cursor: pointer; flex: none;
  height: auto !important; min-height: 0 !important; box-shadow: none !important;
}
.skda-bar-search input[type="search"] {
  border: none !important; outline: none; background: none !important; font-family: var(--skdabar-font-body);
  font-size: 13px; color: var(--skdabar-dark); min-width: 0; width: 100%;
  padding: 0 !important; margin: 0; appearance: none; height: 100% !important;
  min-height: 0 !important; line-height: normal; box-shadow: none !important; border-radius: 0 !important;
}
.skda-bar-search input[type="search"]::placeholder { color: var(--skdabar-muted-3); }
.skda-bar-search input[type="search"]::-webkit-search-cancel-button { display: none; }

.skda-bar-actions { display: flex; align-items: center; gap: 10px; flex: none; white-space: nowrap; height: 42px; }
.skda-bar-login {
  display: flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--skdabar-font-body); font-size: 13px; font-weight: 600;
  color: #fff !important; background: var(--skdabar-accent); padding: 0 20px; border-radius: 999px; white-space: nowrap;
  text-decoration: none; height: 42px; box-sizing: border-box; transition: background 180ms ease;
}
.skda-bar-login:hover { background: var(--skdabar-accent-deep); color: #fff !important; }

@media (max-width: 900px) {
  .skda-bar-search { display: none; }
  .skda-bar-row { padding: 8px 14px; gap: 8px; }
  .skda-bar-logo-img { width: 34px; height: 34px; }
  .skda-bar-logo-block { gap: 10px; }
  .skda-bar-logo-title { font-size: 13px; }
  .skda-bar-logo-sub { font-size: 9px; margin-top: 2px; }
  .skda-bar-login { font-size: 12px; padding: 6px 13px; gap: 6px; }
  .skda-bar-login svg { width: 12px; height: 12px; }
}

/* Man hinh nho (<850px, DUNG breakpoint that cua Flatsome ".show-for-medium" — khong phai 600px
 * cua Max Mega Menu, cai do bi an hoan toan tren mobile qua class "hide-for-medium" nen sua o do
 * vo tac dung): bo nut "Dang nhap" o khoi Header logo (chat cho, khien logo/ten truong phai xuong
 * 2 dong) — chuyen xuong nam chung hang voi nut Menu that cua Flatsome (".nav-icon", JS trong
 * header.php tu di chuyen #skda-mobile-login vao dung hang), icon+chu "Menu" ben trai (them qua
 * CSS content), "Dang nhap" ben phai. */
@media (max-width: 849px) {
  .skda-bar-actions { display: none !important; }
  .skda-bar-logo-block { flex: 1 1 auto; }

  /* Dung position:absolute ghim thang vao 2 mep, KHONG phu thuoc flexbox/margin co san cua
     Flatsome (da tung sai vi tri do cac rule margin:auto/container padding co san chen vao). */
  #header .header-inner.flex-row {
    position: relative !important;
    min-height: 44px;
    padding: 0 !important;
    background: var(--skdabar-cream, #f7f3ec);
  }
  #header .mobile-nav.nav-left {
    position: absolute !important; left: 10px; top: 50%; transform: translateY(-50%);
    margin: 0 !important; flex: none;
  }
  #header .mobile-nav .nav-icon > a {
    display: flex !important; align-items: center; gap: 6px;
    color: var(--skdabar-dark, #16110f) !important;
  }
  #header .mobile-nav .nav-icon .icon-menu { color: var(--skdabar-accent, #a4161a) !important; }
  #header .mobile-nav .nav-icon > a::after {
    content: "Menu";
    font-size: 13px; font-weight: 700; letter-spacing: .04em;
  }

  #skda-mobile-login {
    display: inline-flex !important;
    position: absolute !important; right: 10px; top: 50%; transform: translateY(-50%);
    z-index: 20;
    height: 30px;
    font-size: 12px;
    padding: 0 14px;
    margin: 0 !important;
    flex: none;
  }
  #skda-mobile-login svg { width: 11px; height: 11px; }
}
/* Ngoai khoang <=849px o tren: giu dung mac dinh "display:none" (inline trong header.php) —
   KHONG duoc de JS tu set display truc tiep (da sua trong header.php), neu khong se hien ca
   tren Desktop du CSS o day khong khop media query. */
#skda-mobile-login { display: none; }

/* Bo logo + o tim kiem trong thanh Menu cua Flatsome — da co roi o khoi Header phia tren, tranh
 * lap lai 2 lan. Chi thanh Menu (danh sach muc TRANG CHU/GIOI THIEU/...) la con giu lai. */
#header #logo { display: none !important; }
#header .searchform-wrapper,
#header .header-search-form-wrapper,
#header .nav-search,
#header .is-search,
#header .header-search { display: none !important; }

/* Khoi "45 nam" (muc 12 README) — dai do do #4A0A12, anh tu lieu opacity .35, lop phu 90deg,
 * so lieu vien trai vang nhat. Anh nen GIU NGUYEN (khong doi duong dan), chi doi mau lop phu/chu. */
.skda-stats { position: relative; overflow: hidden; background: #4a0a12; color: #f2e9db; padding: 0; margin: 0; }
.skda-stats-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .35; }
.skda-stats-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(22,17,15,.92) 0%, rgba(74,10,18,.85) 100%); }
.skda-stats-grid { position: relative; padding: clamp(40px, 7vw, 80px) 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 32px; align-items: center; }
.skda-stats-info { max-width: 520px; }
.skda-stats-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .28em; color: var(--skda-gold-light, #e8c77e); margin-bottom: 12px; }
.skda-stats-title { font-family: var(--skda-font-heading); font-size: clamp(24px, 3vw, 40px); line-height: 1.2; font-weight: 600; color: #fff; margin: 0 0 12px; max-width: 18ch; }
.skda-stats-desc { font-size: 14px; line-height: 1.65; color: #e6ddd2; margin: 0; max-width: 50ch; }
.skda-stats-numbers { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px 0; }
.skda-stat-item { border-left: 1px solid rgba(232,199,126,.4); padding: 8px 20px; }
.skda-stat-value { font-family: var(--skda-font-heading); font-size: clamp(28px, 3.2vw, 46px); line-height: 1; font-weight: 600; color: #fff; }
.skda-stat-label { font-size: 13px; line-height: 1.45; color: #e6ddd2; margin-top: 8px; }

@media (max-width: 900px) { .skda-stats-numbers { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .skda-stats-numbers { grid-template-columns: 1fr; } }

/* Khoi Banner "Chao mung tan sinh vien" — dong bo giao dien voi khoi cung ten ben web moi. */
.skda-btn-solid-white { background: #fff; color: var(--skda-red-deep, #8e1420); font-weight: 600; font-size: 12.5px; padding: 0 18px; height: 36px; display: inline-flex; align-items: center; border-radius: 999px; }
.skda-btn-solid-white:hover { background: var(--skda-gold-light, #e8c77e); color: #4a0a12; }
.skda-btn-outline-white { border: 1px solid rgba(255,255,255,.6); color: #fff; font-weight: 600; font-size: 12.5px; padding: 0 18px; height: 36px; display: inline-flex; align-items: center; border-radius: 999px; }
.skda-btn-outline-white:hover { background: #fff; color: var(--skda-dark); }

.skda-promo-banner {
  position: relative; overflow: hidden; background: var(--skda-red-deep, #8e1420); min-height: 220px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); align-items: stretch;
}
/* Anh nen GIU NGUYEN qua .skda-promo-banner-img (background-image inline tu PHP) — khoi nay chi
 * ve lop mau nen do dam + lop phu gradient de len tren, khong doi anh. */
.skda-promo-banner-bg { position: absolute; inset: 0; background: var(--skda-red-deep, #8e1420); }
.skda-promo-banner-texture { display: none; }
.skda-promo-banner-body {
  position: relative; z-index: 1; padding: 20px 22px 20px max(22px, calc((100vw - 1120px) / 2 + 24px));
  display: flex; flex-direction: column; justify-content: center; gap: 8px; max-width: 560px;
}
.skda-promo-tag { display: inline-flex; align-self: flex-start; align-items: center; background: var(--skda-gold-light, #e8c77e); color: #4a0a12; font-size: 10px; font-weight: 700; letter-spacing: .16em; padding: 5px 10px; }
.skda-promo-title { font-family: var(--skda-font-heading); font-size: clamp(18px, 1.9vw, 24px); line-height: 1.2; font-weight: 600; color: #fff; margin: 0; max-width: 24ch; }
.skda-promo-desc { font-size: 12.5px; line-height: 1.55; color: var(--skda-red-soft, #f6dcdc); margin: 0; max-width: 60ch; }
.skda-promo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 2px; }
.skda-promo-banner-img { position: relative; overflow: hidden; background-size: cover; background-position: center; min-height: 220px; }
.skda-promo-banner-img::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--skda-red-deep, #8e1420) 0%, rgba(142,20,32,.6) 12%, rgba(142,20,32,0) 32%); }
.skda-promo-banner-img::after { content: none; }
.skda-promo-year {
  position: absolute; right: max(26px, calc((100vw - 1120px) / 2 + 24px)); bottom: 14px; z-index: 1;
  font-family: var(--skda-font-heading); font-size: clamp(36px, 5vw, 64px); font-weight: 700; line-height: .8;
  color: transparent; -webkit-text-stroke: 1.2px rgba(255,255,255,.85);
}
@media (max-width: 700px) {
  .skda-promo-banner { grid-template-columns: 1fr; }
  .skda-promo-banner-img { min-height: 200px; }
  .skda-promo-year { display: none; }
}

/* Khoi "Dao tao ngan han" (muc 10 README) — doi sang nen do dam + anh nen co lop phu gradient
 * "feather" (do dam ben trai mo dan sang trong suot), DUNG CHUNG cong thuc voi khoi "Chao mung
 * tan sinh vien" (.skda-promo-banner-img::before) de 2 khoi dong bo phong cach; mau do cung giup
 * chu trang (title/desc dang co san inline style #ffffff/#f3ece0 tu meta) du tuong phan, thay vi
 * nen kem truoc day khien chu trang gan nhu khong doc duoc. Anh KHONG bi che het — gradient chi
 * dam 0–32% roi trong suot hoan toan, phan lon anh ben phai van hien ro. */
.skda-short-course {
  position: relative; background: var(--skda-red-deep, #8e1420); overflow: hidden;
  display: flex; flex-wrap: wrap; align-items: stretch; min-height: 220px;
}
.skda-short-course-info {
  position: relative; z-index: 1; flex: 1 1 460px; padding: 18px max(24px, calc((100vw - 1120px) / 2 + 24px)) 18px max(24px, calc((100vw - 1120px) / 2 + 24px));
  display: flex; flex-direction: column; gap: 8px; justify-content: center;
}
.skda-short-course-tag { align-self: flex-start; background: var(--skda-gold-light, #e8c77e); color: #4a0a12; font-size: 10px; font-weight: 700; letter-spacing: .16em; padding: 5px 10px; }
.skda-short-course-title { font-family: var(--skda-font-heading); font-size: clamp(18px, 1.9vw, 24px); line-height: 1.2; font-weight: 600; color: #fff; margin: 0; max-width: 22ch; }
.skda-short-course-desc { font-size: 12.5px; line-height: 1.55; color: var(--skda-red-soft, #f6dcdc); margin: 0; max-width: 54ch; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.skda-short-course-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2px; }
.skda-btn-pill-accent { display: inline-flex; align-items: center; height: 36px; padding: 0 18px; background: #fff; color: var(--skda-red-deep, #8e1420); font-size: 12.5px; font-weight: 600; text-decoration: none; border-radius: 999px; transition: background 180ms ease, color 180ms ease; }
.skda-btn-pill-accent:hover { background: var(--skda-gold-light, #e8c77e); color: #4a0a12; }
.skda-btn-pill-outline-dark { display: inline-flex; align-items: center; height: 36px; padding: 0 18px; border: 1px solid rgba(255,255,255,.6); color: #fff; font-size: 12.5px; font-weight: 600; text-decoration: none; border-radius: 999px; transition: background 180ms ease, color 180ms ease; }
.skda-btn-pill-outline-dark:hover { background: #fff; color: var(--skda-red-deep, #8e1420); }
.skda-short-course-media { position: relative; flex: 1 1 380px; min-height: 220px; background-color: var(--skda-dark); background-size: cover; background-position: center; overflow: hidden; }
.skda-short-course-media::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--skda-red-deep, #8e1420) 0%, rgba(142,20,32,.6) 12%, rgba(142,20,32,0) 32%); }
.skda-short-course-badge {
  position: absolute; left: 0; bottom: 0; z-index: 1; background: var(--skda-accent); padding: 10px 18px; display: flex; flex-direction: column; gap: 1px;
}
.skda-short-course-badge-num { font-family: var(--skda-font-heading); font-size: clamp(20px, 2vw, 26px); line-height: 1; font-weight: 600; color: #fff; }
.skda-short-course-badge-sub { font-family: var(--skda-font-mono); font-size: 9px; color: var(--skda-red-soft, #f6dcdc); letter-spacing: .12em; }
@media (max-width: 700px) { .skda-short-course-media { min-height: 200px; } }

/* Khoi Banner "Su kien sap dien ra" — dong bo giao dien voi khoi cung ten ben web moi. */
.skda-btn-gold { background: var(--skda-gold); color: #2a1206; font-weight: 700; font-size: 12px; padding: 9px 16px; border-radius: 999px; text-align: center; display: block; }
.skda-btn-gold:hover { background: #fff; color: #2a1206; }
.skda-link-light { font-size: 12.5px; font-weight: 600; color: #e2d8c8; text-align: center; display: block; }
.skda-link-light:hover { color: var(--skda-gold); }

.skda-event-banner {
  position: relative; overflow: hidden; background: #0c0a09; min-height: 220px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); align-items: stretch;
}
.skda-event-banner-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.skda-event-banner-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(10,8,7,.72), rgba(10,8,7,.86)); }
.skda-event-date {
  position: relative; background: var(--skda-accent); color: #fff; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 2px;
  padding: 16px 14px; padding-left: max(14px, calc((100vw - 1120px) / 2 + 24px));
}
.skda-event-date-tag { font-size: 11px; font-weight: 700; letter-spacing: .22em; color: #f3d99a; }
.skda-event-date-day { font-family: var(--skda-font-heading); font-size: 40px; line-height: 1; font-weight: 600; }
.skda-event-date-month { font-size: 13px; letter-spacing: .14em; }
.skda-event-date-line { width: 28px; height: 2px; background: var(--skda-gold); margin: 6px 0 4px; }
.skda-event-date-time { font-size: 12.5px; color: #f0dcc2; }
.skda-event-body { position: relative; padding: 18px 24px; display: flex; flex-direction: column; justify-content: center; gap: 7px; }
.skda-event-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .18em; color: var(--skda-gold); }
.skda-event-title { font-family: var(--skda-font-heading); font-size: clamp(18px, 1.9vw, 24px); line-height: 1.18; font-weight: 600; color: #fff; margin: 0; max-width: 26ch; }
.skda-event-desc { font-size: 12.5px; line-height: 1.55; color: #cabfad; margin: 0; max-width: 62ch; }
.skda-event-aside {
  position: relative; padding: 16px 20px; display: flex; flex-direction: column; justify-content: center;
  gap: 9px; border-left: 1px solid rgba(240,232,219,.16);
  padding-right: max(20px, calc((100vw - 1120px) / 2 + 24px));
}
.skda-event-aside-info { font-size: 11.5px; line-height: 1.55; color: #cabfad; }

/* Khoi "Cac khoa chuyen mon" — dung chung dau muc .skda-section-head voi khoi Ban tin SKDA (muc
 * 9 trong "Thiet ke lai trang chu SKDA/handoff/README.md"), the 4:5 nen #221A17, hover doi vien
 * duoi sang do, so mono vang goc tren trai. */
.skda-section-desc { margin: 0; max-width: 420px; font-size: 14px; line-height: 1.6; color: var(--skda-muted-2); }
.skda-majors-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 900px) { .skda-majors-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .skda-majors-grid { grid-template-columns: 1fr; } }
.skda-major-card {
  position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; text-decoration: none;
  background: #221a17; border-bottom: 3px solid #221a17; transition: border-color 220ms ease;
}
.skda-major-card:hover { border-bottom-color: var(--skda-accent); }
.skda-major-card-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1); transition: transform 400ms ease; }
.skda-major-card:hover .skda-major-card-bg { transform: scale(1.04); }
.skda-major-card-scrim { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(22,17,15,.35) 0%, rgba(22,17,15,0) 30%, rgba(22,17,15,.25) 50%, rgba(22,17,15,.94) 100%); }
.skda-major-card-num { position: absolute; top: 18px; left: 20px; font-family: var(--skda-font-mono); font-size: 13px; color: var(--skda-gold-light); letter-spacing: .1em; }
.skda-major-card-body { position: absolute; left: 20px; right: 20px; bottom: 22px; display: flex; flex-direction: column; gap: 8px; }
.skda-major-card-bar { width: 28px; height: 2px; background: var(--skda-accent); }
.skda-major-card-name { margin: 0; font-family: var(--skda-font-heading); font-size: 21px; line-height: 1.2; font-weight: 600; color: #fff; }
.skda-major-card-desc { margin: 0; font-size: 12.5px; line-height: 1.55; color: #dcd2c6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Khoi "Rap chieu SKDA" (muc 11 README) — nen toi #16110F tran vien (giong K46/Dao tao ngan
 * han), noi dung ben trong gioi han 1120px qua .skda-cinema-inner (thay cho .skda-wrap truoc day
 * chi gioi han ben trong, khien nen toi KHONG tran duoc het chieu ngang). Du lieu video (YouTube
 * ID that, lich cong chieu du kien) lay dung tu du lieu da nhap o web moi — khong bia noi dung moi. */
.skda-btn-outline-gold { font-size: 13px; font-weight: 600; color: var(--skda-gold-light, #e8c77e); border: 1px solid rgba(232,199,126,.4); padding: 9px 16px; border-radius: 999px; }
.skda-btn-outline-gold:hover { background: var(--skda-gold-light, #e8c77e); color: #0c0a09; }
.skda-cinema { background: var(--skda-dark, #16110f); position: relative; overflow: hidden; }
.skda-cinema-glow { position: absolute; top: -120px; left: 50%; transform: translateX(-50%); width: 760px; max-width: 200vw; height: 300px; background: radial-gradient(ellipse at center, rgba(201,162,39,.22), transparent 70%); animation: skda-glow 7s ease-in-out infinite; }
@keyframes skda-glow { 0%,100% { opacity: .35; } 50% { opacity: .75; } }
.skda-cinema-inner { position: relative; max-width: 1120px; margin: 0 auto; padding: 36px 24px; }
.skda-cinema-head { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; justify-content: space-between; border-top: 2px solid var(--skda-accent); padding-top: 20px; margin-bottom: 24px; }
.skda-section-no--gold { color: var(--skda-gold-light, #e8c77e) !important; }
.skda-section-sprockets--gold span { background: var(--skda-gold-light, #e8c77e) !important; }
.skda-cinema-title { font-family: var(--skda-font-heading); font-size: 28px; font-weight: 600; color: #fff; margin: 0; }
.skda-cinema-sub { font-family: var(--skda-font-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: #a89a8e; margin-top: 6px; }
.skda-cinema-main { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); gap: 24px; align-items: stretch; }
.skda-cinema-featured {
  position: relative; min-height: 340px; aspect-ratio: 16 / 9; background-size: cover; background-position: center; background-color: var(--skda-dark);
  border: 1px solid #2a231d; cursor: pointer; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.skda-cinema-featured-texture { position: absolute; inset: 0; background: repeating-linear-gradient(to right, rgba(255,255,255,.028) 0 2px, transparent 2px 5px); }
.skda-cinema-play { position: relative; top: -6%; width: 76px; height: 76px; border-radius: 50%; background: rgba(190,30,45,.92); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 14px rgba(190,30,45,.16); }
.skda-cinema-featured-body { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 22px; background: linear-gradient(to top, rgba(8,7,6,.95), transparent 85%); }
.skda-cinema-featured-tag { font-family: var(--skda-font-mono); font-size: 11px; font-weight: 700; letter-spacing: .16em; color: var(--skda-gold-light, #e8c77e); margin-bottom: 10px; }
.skda-cinema-featured-title { font-family: var(--skda-font-heading); font-size: 24px; font-weight: 600; color: #fff; margin: 0 0 5px; }
.skda-cinema-featured-author { font-size: 13px; color: #a89c8a; }
.skda-cinema-schedule { background: #221a17; border: 1px solid #352a25; padding: 24px; display: flex; flex-direction: column; }
.skda-cinema-schedule-head { font-size: 11.5px; font-weight: 700; letter-spacing: .14em; color: var(--skda-gold-light, #e8c77e); margin-bottom: 10px; }
.skda-cinema-schedule-row { display: grid; grid-template-columns: 72px 1fr; gap: 12px; padding: 12px 0; border-top: 1px solid #352a25; }
.skda-cinema-schedule-day { font-family: var(--skda-font-mono); font-size: 16px; color: #fff; line-height: 1.3; }
.skda-cinema-schedule-mon { font-family: var(--skda-font-mono); font-size: 11px; color: #a89a8e; letter-spacing: .04em; margin-top: 2px; }
.skda-cinema-schedule-title { font-size: 13.5px; font-weight: 600; color: #ece3d5; line-height: 1.3; }
.skda-cinema-schedule-meta { font-size: 11px; color: #a89a8e; margin-top: 3px; font-style: italic; }
.skda-cinema-empty { background: #131110; border: 1px dashed #3a3028; display: flex; align-items: center; justify-content: center; padding: 30px; }
.skda-cinema-empty-inner { color: #9a8f7d; font-size: 13.5px; line-height: 1.6; text-align: center; max-width: 380px; }
.skda-cinema-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 24px; }
.skda-cinema-item { display: block; text-decoration: none; }
.skda-cinema-item-thumb { position: relative; aspect-ratio: 16 / 9; background-size: cover; background-position: center; border: 1px solid #241d18; display: flex; align-items: flex-end; justify-content: flex-end; padding: 7px; }
.skda-cinema-item-dur { background: rgba(22,17,15,.85); color: #e8ddcb; font-family: var(--skda-font-mono); font-size: 11px; padding: 2px 6px; }
.skda-cinema-item-title { font-size: 14px; font-weight: 600; color: #fff; margin-top: 8px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 180ms ease; }
.skda-cinema-item:hover .skda-cinema-item-title { color: var(--skda-gold-light, #e8c77e); }
.skda-cinema-item-author { font-size: 11px; color: #7f7565; margin-top: 3px; }

@media (max-width: 900px) {
  .skda-cinema-main { grid-template-columns: 1fr; }
}

/* Khoi Banner "Tour 360" — dong bo giao dien voi khoi cung ten ben web moi. */
.skda-tour-banner { position: relative; display: block; overflow: hidden; background: var(--skda-dark); min-height: 220px; color: #fff; }
.skda-tour-banner:hover { color: #fff; }
/* Anh nen GIU NGUYEN (khong doi ten lop/duong dan) — chi doi lop phu phia tren theo dac ta moi. */
.skda-tour-bg { position: absolute; inset: 0; background-image: url('assets/img/truong-tu-cao.jpg'); background-size: cover; background-position: center; }
.skda-tour-scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(22,17,15,.94) 0%, rgba(22,17,15,.78) 42%, rgba(22,17,15,.1) 75%); }
.skda-tour-grain { display: none; }
.skda-tour-inner {
  position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
  gap: 24px; min-height: 220px;
  padding: 22px max(30px, calc((100vw - 1120px) / 2 + 24px));
}
.skda-tour-inner > div:first-child { max-width: 560px; }
.skda-tour-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; font-size: 10.5px; font-weight: 600; letter-spacing: .22em; color: var(--skda-gold-light); }
.skda-tour-eyebrow span { width: 26px; height: 1px; background: var(--skda-gold-light); display: inline-block; }
.skda-tour-title { font-family: var(--skda-font-heading); font-size: clamp(18px, 1.9vw, 24px); line-height: 1.2; font-weight: 600; color: #fff; margin: 0 0 8px; max-width: 24ch; }
.skda-tour-desc { font-size: 12.5px; line-height: 1.55; color: var(--skda-on-dark, #e6ddd2); margin: 0 0 12px; max-width: 58ch; }
.skda-tour-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.skda-tour-tags span { font-size: 11px; color: #fff; border: 1px solid rgba(232,199,126,.5); padding: 6px 12px; border-radius: 999px; white-space: nowrap; }
.skda-tour-badge-wrap { display: flex; align-items: center; justify-content: center; flex: none; }
.skda-tour-badge { position: relative; width: 108px; height: 108px; border-radius: 50%; border: 1px solid rgba(255,255,255,.45); display: flex; align-items: center; justify-content: center; transition: border-color 180ms ease; }
.skda-tour-banner:hover .skda-tour-badge { border-color: var(--skda-gold-light); }
.skda-tour-badge-ring { position: absolute; inset: 10px; border-radius: 50%; border: 1px dashed rgba(232,199,126,.5); animation: skda-spin 18s linear infinite; }
@keyframes skda-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.skda-tour-badge-core {
  position: absolute; inset: 16px; border-radius: 50%; background: var(--skda-accent); color: #fff;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  box-shadow: 0 0 0 7px rgba(190,30,45,.25);
}
.skda-tour-badge-num { font-family: var(--skda-font-heading); font-size: 20px; font-weight: 600; line-height: 1; }
.skda-tour-badge-sub { font-family: var(--skda-font-mono, var(--skda-font-heading)); font-size: 8px; font-weight: 700; letter-spacing: .16em; }

@media (max-width: 700px) {
  .skda-tour-inner { justify-content: center; text-align: center; }
  .skda-tour-inner > div:first-child { max-width: 100%; }
  .skda-tour-eyebrow, .skda-tour-tags { justify-content: center; }
  .skda-tour-badge-wrap { display: none; }
}

/* Khoi "Loi chao Hieu truong" — dong bo giao dien voi khoi cung ten ben web moi. */
.skda-principal { background: #fff; border: 1px solid var(--skda-border); padding: 0; margin: 10px 0 0; display: flex; flex-wrap: wrap; align-items: stretch; }
.skda-principal-img { position: relative; flex: 1 1 440px; min-height: 400px; background: var(--skda-dark); }
.skda-principal-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; }
.skda-principal-img-scrim { display: none; }
.skda-principal-body { flex: 1 1 440px; padding: 56px 48px; display: flex; flex-direction: column; justify-content: center; }
.skda-principal-eyebrow { font-size: 11.5px; font-weight: 700; letter-spacing: .18em; color: var(--skda-accent); margin-bottom: 14px; }
.skda-principal-quote { font-family: var(--skda-font-heading); font-size: 26px; line-height: 1.4; font-style: italic; color: var(--skda-dark); margin: 0 0 18px; max-width: 34ch; border-left: 2px solid var(--skda-accent); padding-left: 24px; }
.skda-principal-desc { font-size: 14.5px; line-height: 1.65; color: #4e433d; margin: 0 0 20px; max-width: 62ch; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.skda-principal-sig { display: flex; align-items: center; gap: 14px; }
.skda-principal-sig-bar { width: 36px; height: 2px; background: var(--skda-gold); flex: none; }
.skda-principal-sig-name { font-size: 15px; font-weight: 700; color: var(--skda-dark); }
.skda-principal-sig-role { font-size: 12.5px; color: var(--skda-muted-2); margin-top: 2px; }
.skda-principal-link { margin-top: 20px; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--skda-accent); border-bottom: 1px solid var(--skda-border); padding-bottom: 4px; transition: color 180ms ease, border-color 180ms ease; }

/* Trang Tải tài liệu / mẫu văn bản / mẫu phiếu điểm (page-tai-lieu.php, taxonomy-wpdmcategory.php) */
.skda-doc-search { display: flex; gap: 10px; max-width: 520px; margin: 0 0 32px; }
.skda-doc-search-input { flex: 1; padding: 11px 16px; border: 1px solid var(--skda-border); border-radius: 6px; font-size: 14px; }
.skda-doc-search-btn { padding: 11px 22px; background: var(--skda-accent); color: #fff; border: 0; border-radius: 6px; font-weight: 600; font-size: 14px; cursor: pointer; }
.skda-doc-search-btn:hover { background: var(--skda-dark, #16110f); }
.skda-doc-section-title { font-family: var(--skda-font-heading); font-size: 18px; font-weight: 600; margin: 32px 0 16px; color: var(--skda-accent); }
.skda-doc-section-title:first-of-type { margin-top: 0; }
.skda-doc-cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.skda-doc-cat-card { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; background: #fff; border: 1px solid var(--skda-border); border-radius: 8px; text-decoration: none; }
.skda-doc-cat-card:hover { border-color: var(--skda-accent); }
.skda-doc-cat-card-name { font-weight: 600; color: #1a1a1a; font-size: 14.5px; }
.skda-doc-cat-card-count { font-size: 12.5px; color: #8a7f70; }
.skda-doc-breadcrumb { font-size: 13px; color: #8a7f70; display: flex; gap: 6px; flex-wrap: wrap; }
.skda-doc-breadcrumb a { color: #8a7f70; text-decoration: none; }
.skda-doc-breadcrumb a:hover { color: var(--skda-accent); }
.skda-doc-list { display: flex; flex-direction: column; gap: 1px; border: 1px solid var(--skda-border); border-radius: 8px; overflow: hidden; }
.skda-doc-item { display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: #fff; }
.skda-doc-item:nth-child(even) { background: #faf8f4; }
.skda-doc-item-icon { flex: none; width: 36px; height: 36px; border-radius: 6px; color: #fff; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.skda-doc-item-name { flex: 1; font-size: 14px; color: #1a1a1a; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.skda-doc-item-size { flex: none; font-size: 12.5px; color: #8a7f70; }
.skda-doc-item-btn { flex: none; padding: 7px 16px; background: var(--skda-accent); color: #fff; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; box-sizing: border-box; }
.skda-doc-item-btn:hover { background: var(--skda-dark, #16110f); }
.skda-doc-item-btn-outline { background: #fff; color: var(--skda-accent); border: 1px solid var(--skda-accent); }
.skda-doc-item-btn-outline:hover { background: var(--skda-accent); color: #fff; }
.skda-doc-item-share-wrap .skda-doc-share-btn { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: 7px 16px; background: #fff; color: var(--skda-accent); border: 1px solid var(--skda-accent); border-radius: 6px; font-size: 13px; font-weight: 600; font-family: inherit; line-height: normal; text-transform: none; letter-spacing: normal; white-space: nowrap; cursor: pointer; }
.skda-doc-item-share-wrap .skda-doc-share-btn:hover { background: var(--skda-accent); color: #fff; }
@media (max-width: 560px) {
	.skda-doc-item { flex-wrap: wrap; row-gap: 6px; }
	.skda-doc-item-name { flex: 1 1 100%; white-space: normal; order: 1; }
	.skda-doc-item-size { order: 2; font-size: 11px; }
	.skda-doc-item-btn, .skda-doc-item-share-wrap { order: 3; flex: 1 1 0; min-width: 0; }
	.skda-doc-item-btn { padding: 6px 4px; font-size: 11.5px; text-align: center; }
	.skda-doc-item-share-wrap .skda-doc-share-btn { width: 100%; padding: 6px 4px; font-size: 11.5px; }
}
.skda-doc-warning { font-size: 13px; color: #8a5a00; background: #fff7e6; border: 1px solid #f0d99a; border-radius: 6px; padding: 10px 14px; margin: 0 0 20px; }
.skda-principal-link:hover { color: var(--skda-accent-deep); border-bottom-color: var(--skda-accent); }

/* Cac trang danh sach tin tuc (chuyen muc/tag — VD "Ban tin SKDA", "Tin tuyen sinh"...) dang dung
 * layout mac dinh cua Flatsome (#content.blog-wrapper), nen trang + the .item-qa/.edugate dang
 * dat mau trang cung — doi sang be dong bo voi trang su kien, giu nguyen moi thu khac. KHONG anh
 * huong trang chu (trang chu co nen rieng qua body.home, khong dung #content.blog-wrapper). */
#content.blog-wrapper { background: var(--skdabar-cream, #f7f2ea); }
#content.blog-wrapper .item-qa,
#content.blog-wrapper .edugate { background: transparent; }
/* Hover tieu de bai viet chuyen mau do thuong hieu. */
#content.blog-wrapper .title a { transition: color 180ms ease; }
#content.blog-wrapper .title:hover,
#content.blog-wrapper .title:hover a,
#content.blog-wrapper .title a:hover { color: #be1e2d; }