/*
Theme Name: Học Tri Thức Mới - Flatsome Child
Description: Giao diện học trực tuyến Học Tri Thức Mới dùng theme Flatsome gốc.
Author: Học Tri Thức Mới
Template: flatsome
Version: 2.1.0
Text Domain: hoc-tri-thuc-moi
*/
:root{--vda-ink:#15223b;--vda-brand:#2458df;--vda-accent:#ff9c38}
body{color:var(--vda-ink)}.header-wrapper{box-shadow:0 2px 18px rgba(20,37,72,.055)}
.es-academy{font-family:inherit}.es-academy .es-btn.es-primary{background:var(--vda-brand);border-radius:12px}.es-course-card{transition:transform .2s,box-shadow .2s}.es-course-card:hover{transform:translateY(-4px);box-shadow:0 15px 36px rgba(22,42,87,.12)}
.es-reviews .es-review{border-bottom:1px solid #e6ebf3;padding:14px 0}.es-review span{color:#f5a623}.es-review p{margin:6px 0}.es-review-form select,.es-review-form textarea{display:block;width:100%;margin:10px 0;padding:12px;border:1px solid #d8e0ed;border-radius:10px}.es-review-summary{font-weight:700}
@media(max-width:849px){.es-course-card:hover{transform:none}}

/* HTTM 2.0 branded shell */
body:not(.wp-admin) #header, body:not(.wp-admin) #footer{display:none!important}
body{background:#fff!important;color:#17304d!important}
.httm-shell{max-width:1280px;margin:0 auto;padding:0 24px}
.httm-topbar{background:#133251;color:#e6f3ff;font-size:12px;font-weight:600;padding:8px 0}
.httm-topbar span{float:right;font-weight:400}
.httm-head{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #e8edf5;box-shadow:0 5px 24px rgba(20,50,90,.05)}
.admin-bar .httm-head{top:32px}
.httm-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}
.httm-logo{display:flex;align-items:center;gap:10px!important;color:#103a69!important;text-decoration:none;font-size:20px;font-weight:900;line-height:1.07;letter-spacing:-.5px;white-space:nowrap}
.httm-logo b{color:#2460dc}.httm-logo small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;color:#8390a1}
.httm-logo-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(125deg,#2365e5,#14b6ac);color:white;font-size:28px}
.httm-links{display:flex;gap:24px;align-items:center}.httm-links a,.httm-actions a{font-size:14px;font-weight:700;color:#263950;text-decoration:none}.httm-links a:hover{color:#245ee3}
.httm-actions{display:flex;gap:14px;align-items:center}.httm-actions .httm-primary{background:#245ee3;color:white;padding:12px 20px;border-radius:11px}
.httm-mobile-nav{display:none}.httm-footer{background:#101e34;color:#c7d5e8;padding:50px 0 18px;margin-top:60px}.httm-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}
.httm-footer b{color:white;display:block;margin-bottom:16px;font-size:16px}.httm-footer a{display:block;color:#c7d5e8;margin:9px 0;text-decoration:none;font-size:14px}
.httm-footer p{max-width:380px}.httm-footer-title{font-size:21px!important}.httm-copyright{margin-top:32px;border-top:1px solid #2e4055;padding-top:18px;font-size:12px}
#main{min-height:55vh} .es-academy.es-home-wrap{max-width:none!important}.es-academy .es-container{max-width:1240px!important}
.es-heading-band{background:linear-gradient(115deg,#f1f6ff,#e7f9f6)!important}.es-course-card{border:1px solid #e6eef6!important}
.httm-quiz,.httm-cert{padding:24px;border:1px solid #e6edf7;border-radius:18px;background:#fff;margin:24px 0;box-shadow:0 5px 24px #152d5210}
.httm-quiz fieldset{padding:16px;margin:14px 0;border:1px solid #e1e9f4;border-radius:12px}.httm-quiz legend{font-weight:700;padding:0 7px}.httm-quiz label{display:block;padding:6px 4px;cursor:pointer}
.httm-quiz button,.httm-cert-btn{background:#245ee3!important;color:#fff!important;padding:12px 18px;border-radius:10px;border:0;display:inline-block;text-decoration:none}
.httm-score{border-radius:10px;padding:14px;background:#edf8f5;margin:15px 0}
.httm-cert{border:8px double #b7c8de;text-align:center;padding:48px 24px}.httm-cert h2{font-size:38px;color:#164579}.httm-cert .httm-name{font-size:28px;font-weight:800;color:#2067bb}
@media(max-width:1050px){.httm-links{gap:12px}.httm-search-link{display:none}}
@media(max-width:850px){.httm-links,.httm-actions{display:none}.httm-mobile-nav{display:block;position:relative}.httm-mobile-nav summary{list-style:none;cursor:pointer;background:#f0f5fa;padding:10px 15px;border-radius:8px}.httm-mobile-nav>div{position:absolute;right:0;top:45px;min-width:230px;background:#fff;box-shadow:0 6px 32px #12233b33;border-radius:12px;padding:10px;z-index:999}.httm-mobile-nav a{display:block;padding:10px;border-bottom:1px solid #eef2f7;color:#223b5d}.httm-footer-grid{grid-template-columns:1fr 1fr;gap:22px}.httm-nav{min-height:72px}.httm-topbar span{display:none}}
@media(max-width:600px){.httm-footer-grid{grid-template-columns:1fr}.httm-shell{padding:0 16px}.httm-logo{font-size:16px}.httm-logo-mark{width:40px;height:40px}.admin-bar .httm-head{top:46px}}
@media print{.httm-head,.httm-topbar,.httm-footer,.httm-cert-btn,#wpadminbar{display:none!important}.httm-cert{margin:8vh auto;max-width:900px}}

/* Reference page 10: remove Flatsome floating checkout/mobile bottom toolbar */
body:not(.wp-admin) .sticky-add-to-cart, body:not(.wp-admin) .mobile-bottom-bar {display:none!important}