/*
Theme Name: Quà Tặng Khách Hàng
Description: Classic WordPress theme for the Quà Tặng Khách Hàng V2 content package. Works with the optional QKH Site Bridge.
Version: 2.3.3
Requires at least: 6.2
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qkh-theme
Tags: custom-logo, custom-menu, featured-images
*/

/* The packager supplies the shared V2 design in assets/site.css. */
:root{--qkh-blue:#174bb7;--qkh-ink:#14263f;--qkh-line:#dce3ed}
body.qkh-no-shared-style{margin:0;color:var(--qkh-ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.7}
img{max-width:100%;height:auto}
.qkh-no-shared-style .wrap{width:min(calc(100% - 36px),1240px);margin-inline:auto}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip:focus,.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;left:16px;top:12px;z-index:100000;background:#fff;color:#14263f;padding:12px 18px;outline:3px solid #174bb7}
.qkh-site-main{min-height:48vh}
.qkh-brand-text{display:block;text-decoration:none;font-weight:750;font-size:20px;line-height:1.3;color:var(--qkh-ink)}
.brand .custom-logo-link{display:block}
.brand .custom-logo{width:100%;height:auto;object-fit:contain}
.qkh-footer-logo{max-width:245px;background:#fff;border-radius:8px;padding:10px 12px;box-sizing:border-box}
.qkh-footer-logo a{margin:0}
.qkh-footer-logo img{display:block;max-height:86px;width:100%;height:auto;object-fit:contain}
.qkh-footer-logo .qkh-brand-text{color:#14263f;font-size:19px}
.footer-brand .qkh-footer-name{font-size:22px;color:#fff;margin-top:18px;line-height:1.35}
.qkh-contact-bar{background:#eef5fc;border-bottom:1px solid #dce6f1;font-size:13px}
.qkh-contact-bar .wrap{display:flex;justify-content:flex-end;align-items:center;gap:18px;min-height:34px}
.qkh-contact-bar a{font-weight:700;color:#174d85}
.qkh-footer-contact a{color:#fff;line-height:1.9}
@media(max-width:600px){.qkh-contact-bar .wrap{justify-content:center;gap:12px;font-size:12px}.qkh-contact-bar span{font-size:11px}}
.footer-grid .qkh-footer-heading{font-size:14px;color:#fff;margin-bottom:17px;letter-spacing:0;line-height:1.4}
.qkh-no-primary .header-search{margin-left:auto}
.qkh-menu,.qkh-menu ul,.qkh-footer-menu{list-style:none;padding:0;margin:0}
.qkh-desktop-menu{display:flex;align-items:center;gap:24px}
.qkh-menu li{position:relative;min-width:0}
.qkh-menu a{display:block;color:var(--qkh-ink);text-decoration:none;line-height:1.45;overflow-wrap:anywhere}
.qkh-desktop-menu>li>a{font-size:14px;font-weight:700;padding:15px 0;white-space:nowrap}
.qkh-desktop-menu>li.menu-item-has-children>a{padding-right:29px}
.qkh-desktop-menu>li>.sub-menu{position:absolute;top:100%;left:0;display:none;width:290px;max-width:calc(100vw - 48px);max-height:70vh;overflow:auto;padding:15px;background:#fff;border:1px solid var(--qkh-line);border-radius:0 0 12px 12px;box-shadow:0 14px 28px #14263f20}
.qkh-desktop-menu>li:last-child>.sub-menu{left:auto;right:0}
.qkh-desktop-menu:not(.qkh-nav-enhanced)>li:hover>.sub-menu,.qkh-desktop-menu:not(.qkh-nav-enhanced)>li:focus-within>.sub-menu{display:block}
.qkh-menu .sub-menu a{padding:10px 12px;font-size:13px}
.qkh-menu .sub-menu .sub-menu{margin-left:12px;border-left:1px solid var(--qkh-line)}
.qkh-menu .sub-menu .menu-item-has-children>a{padding-right:42px;font-weight:700}
.qkh-menu a:hover,.qkh-menu a:focus-visible,.qkh-menu .current-menu-item>a,.qkh-menu .current-menu-ancestor>a{color:var(--qkh-blue)}
.qkh-submenu-toggle{position:absolute;right:-5px;top:2px;width:32px;min-width:32px;height:44px;border:0;border-radius:6px;background:transparent;color:var(--qkh-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px}
.qkh-submenu-toggle svg{width:15px;height:15px}
.qkh-submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.qkh-menu .sub-menu .qkh-submenu-toggle{right:0;top:0;width:42px}
.qkh-nav-enhanced .sub-menu{display:none}
.qkh-nav-enhanced .qkh-submenu-open>.sub-menu{display:block}
.qkh-menu a:focus-visible,.qkh-submenu-toggle:focus-visible,.mobile-nav>summary:focus-visible{outline:3px solid #174bb7;outline-offset:2px}
.qkh-mobile-menu-list>li{border-bottom:1px solid var(--qkh-line)}
.qkh-mobile-menu-list>li>a{font-size:15px;font-weight:700;padding:14px 45px 14px 0}
.qkh-mobile-menu-list>li>.sub-menu{padding:0 0 12px}
.qkh-mobile-menu-list .qkh-submenu-toggle{top:4px;right:0;width:44px}
.qkh-mobile-menu-list .sub-menu .qkh-submenu-toggle{top:0}
.mobile-menu .qkh-menu .sub-menu a{font-size:14px}
.qkh-native-content{min-width:0;overflow-wrap:anywhere}
.qkh-native-content>p,.qkh-native-content>ul,.qkh-native-content>ol{margin-bottom:1.2em}
.qkh-native-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}
.qkh-native-content iframe,.qkh-native-content video{max-width:100%}
.qkh-native-content .alignwide{max-width:1100px;margin-inline:auto}
.qkh-native-content .alignfull{max-width:100%}
.qkh-native-content .alignleft{float:left;margin:0 1.5rem 1rem 0}
.qkh-native-content .alignright{float:right;margin:0 0 1rem 1.5rem}
.qkh-native-content .aligncenter{display:block;margin-inline:auto}
.qkh-native-content::after{content:"";display:table;clear:both}
.qkh-native-content .wp-caption{max-width:100%}
.qkh-native-content .wp-caption-text,.qkh-native-content .gallery-caption{font-size:13px;color:#5d687a}
.qkh-native-content .wp-block-image{margin:1.5rem 0}
.qkh-native-content .wp-block-image img{height:auto}
.qkh-post-content{padding-bottom:35px}
.qkh-page-header{margin-bottom:18px}
.qkh-page-links,.navigation.pagination{margin:35px 0}
.nav-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.page-numbers,.post-page-numbers{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid var(--qkh-line);border-radius:7px;text-decoration:none;box-sizing:border-box}
.page-numbers.current,.post-page-numbers.current{background:var(--qkh-blue);color:#fff;border-color:var(--qkh-blue)}
.qkh-search-empty{padding:24px 0 40px;max-width:750px}
.qkh-native-search{max-width:800px;margin-bottom:32px}
.qkh-native-search label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}
.qkh-native-search .search-form{margin-top:0}
.qkh-native-search .search-field{min-width:0}
.qkh-native-archive .article-card h2{font-size:24px;line-height:1.3}
.qkh-native-archive .article-card h2 a{text-decoration:none}
.qkh-comments{max-width:800px;margin:45px auto;padding-top:25px;border-top:1px solid var(--qkh-line)}
.qkh-comments h2{font-size:25px;margin-bottom:22px}
.qkh-comments .comment-list{list-style:none;padding:0}
.qkh-comments .children{list-style:none;padding-left:24px}
.qkh-comments .comment-body{padding:20px 0;border-bottom:1px solid var(--qkh-line)}
.qkh-comments .bypostauthor>.comment-body{border-left:3px solid var(--qkh-blue);padding-left:18px}
.qkh-comments .comment-meta{font-size:13px;color:#5d687a}
.qkh-comments .comment-form label{display:block;margin-bottom:6px}
.qkh-comments .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start}
.qkh-comments .comment-form-cookies-consent input{flex:none;margin-top:5px}
.qkh-comments .submit{width:auto;cursor:pointer;background:var(--qkh-blue);border:1px solid var(--qkh-blue);color:#fff;padding:12px 20px;border-radius:7px}
.admin-bar .site-header{top:32px}
@media(max-width:1140px){.qkh-desktop-menu{gap:18px}.qkh-desktop-menu>li>a{font-size:13px}.qkh-submenu-toggle{right:-7px;width:29px}}
@media(max-width:900px){.qkh-mobile-menu-list .qkh-submenu-toggle{right:0}.mobile-menu{max-height:calc(100dvh - 116px)}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:640px){.qkh-footer-logo{max-width:235px}.qkh-native-search .search-form{align-items:stretch}.qkh-native-search .search-submit{padding-inline:15px}.qkh-native-archive .article-card h2{font-size:23px}.qkh-native-content .alignleft,.qkh-native-content .alignright{float:none;margin-inline:0}.qkh-comments .children{padding-left:16px}.site-footer{padding-bottom:30px}body.qkh-has-mobile-action .site-footer{padding-bottom:90px}}
@media(max-width:600px){.admin-bar .site-header{top:0}}
@media print{.qkh-comments,.qkh-native-search,.qkh-page-links,.navigation.pagination{display:none}.qkh-site-main{min-height:0}}