/*
Theme Name: Thuengoai 1.0.1
Theme URI: https://thuengoai.com.vn
Author: dev.com.vn
Author URI: https://dev.com.vn
Description: WordPress theme cho Thuengoai.com.vn, chuyển trực tiếp từ master source và dùng cùng Thuengoai Platform + ACF Pro.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: thuengoai-theme
*/
:root,body,button,input,select,textarea{font-family:Inter,Arial,sans-serif}
h1,h2,h3,h4,h5,h6,b,strong,.btn,.site-menu{font-weight:600}
.nn-theme-fallback{max-width:1250px;margin:32px auto;padding:0 20px}
.nn-theme-fallback article{padding:24px 0;border-bottom:1px solid #e0e7e2}
.nn-plugin-notice{padding:20px;background:#f4f7fb;color:#102a43;margin:24px auto;max-width:1250px}
.custom-logo-link{display:flex;align-items:center;flex-shrink:0}
.custom-logo{width:auto;max-width:235px;max-height:54px;object-fit:contain}
.site-header .brand{flex-shrink:0}
.brand-name{font-weight:600}
.site-menu,.site-menu .sub-menu{list-style:none;padding:0;margin:0}
.site-menu{display:flex;align-items:stretch;gap:22px;white-space:nowrap}
.site-menu>li{position:relative;display:flex;align-items:center}
.site-menu>li>a{display:block;padding:19px 0;color:var(--ink);font-size:13px}
.site-menu>li.current-menu-item>a,.site-menu>li.current-menu-ancestor>a{color:var(--green)}
.site-menu .menu-item-has-children>a{padding-right:21px}
.nn-submenu-toggle{display:grid;place-items:center;position:absolute;right:0;top:18px;width:21px;height:24px;font-size:16px;border:0;background:none;color:var(--muted)}
.site-menu .sub-menu{position:absolute;z-index:60;top:100%;left:0;min-width:240px;max-width:320px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #102a4320;padding:8px;white-space:normal;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s}
.site-menu .sub-menu li{position:relative}
.site-menu .sub-menu a{display:block;padding:12px 32px 12px 12px;font-size:14px;border-radius:6px}
.site-menu .sub-menu a:hover{background:var(--soft);color:var(--green)}
.site-menu .sub-menu .sub-menu{top:-8px;left:100%}
.site-menu li:hover>.sub-menu,.site-menu li:focus-within>.sub-menu,.site-menu li.nn-submenu-open>.sub-menu{visibility:visible;opacity:1;pointer-events:auto}
.site-menu .sub-menu .nn-submenu-toggle{top:8px;right:7px}
.site-menu>li.nn-flyout-left>.sub-menu{left:auto;right:0}
.site-menu .sub-menu li.nn-flyout-left>.sub-menu{left:auto;right:100%}
.nn-header-avatar{width:32px;height:32px;background:var(--soft);border-radius:50%;display:grid;place-items:center;font-size:12px}
.nn-mobile-menu-toggle{display:none}
.nn-menu-scrim{display:none}
.site-footer .custom-logo{max-width:195px}
.site-footer .footer-group:last-child{display:block}
.nn-support-bubble{position:fixed;right:24px;bottom:24px;z-index:25;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:99px;background:var(--green);color:white;box-shadow:0 6px 22px #102a4326;font-size:13px;font-weight:600}
.comments-area{max-width:880px;margin:20px auto 60px;padding:24px}
.comment-list{list-style:none;padding:0}
.comment-list li{padding:18px;margin:15px 0;border:1px solid #dce4ec;border-radius:10px}
.comment-form input:not([type=checkbox]),.comment-form textarea{width:100%;padding:12px;border:1px solid #dce4ec;border-radius:8px}
.comment-form .submit{background:var(--green);color:white}
@media(max-width:1150px){.site-menu{gap:13px}.site-menu>li>a{font-size:12px}.nav-end{display:none}.custom-logo{max-width:205px}}
@media(max-width:1023px){
 .nn-mobile-menu-toggle{display:grid;place-items:center;flex-shrink:0}
 .header-actions .nn-header-account,.header-actions>.btn,.header-actions>.icon-btn:not(.nn-mobile-menu-toggle){display:none}
 .header-main{gap:15px}
 #nn-navigation{display:none}
 #nn-navigation.is-open{display:block;position:fixed;top:84px;left:16px;right:16px;z-index:70;max-height:calc(100dvh - 170px);overflow:auto;padding:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}
 #nn-navigation .nav-links{display:block;overflow:visible}
 .site-menu{display:block}
 .site-menu>li{display:block}
 .site-menu>li>a{font-size:15px;padding:12px}
 .nn-submenu-toggle{right:6px;top:6px;width:36px;height:36px}
 .site-menu .sub-menu,.site-menu .sub-menu .sub-menu{position:static;display:none;visibility:visible;opacity:1;min-width:0;max-width:none;box-shadow:none;border:0;border-left:2px solid var(--line);margin:4px 0 8px 16px;padding:0 0 0 8px;pointer-events:auto}
 .site-menu li:hover>.sub-menu,.site-menu li:focus-within>.sub-menu{display:none}
 .site-menu li.nn-submenu-open>.sub-menu{display:block}
 .nn-menu-scrim.is-open{display:block;position:fixed;inset:0;z-index:35;background:#102a4355}
 .nn-menu-open{overflow:hidden}
 .site-header{position:relative;z-index:40}
}
@media(max-width:767px){
 .custom-logo{max-width:148px;max-height:39px}
 .header-main{gap:10px;min-height:74px}
 .site-footer .footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .site-footer .footer-brand{grid-column:auto;min-width:0}
 .site-footer .brand{flex-wrap:wrap}
 .site-footer .brand-name{font-size:15px;overflow-wrap:anywhere}
 .site-footer .brand-caption{font-size:9px}
 .site-footer .footer-brand>p{font-size:12px}
 .site-footer .custom-logo{max-width:145px}
 .nn-support-bubble{bottom:90px;right:14px;font-size:12px;padding:10px 13px}
 .mobile-bar{padding-bottom:env(safe-area-inset-bottom);min-height:66px}
 .mobile-bar a{flex:1;min-width:0}
}