/*
Theme Name: Manet Child
Author: Pixelcurve
Author URI: http://thepixelcurve.com
Description: -
Version: 1.0.0
Template: manet
Text Domain: manet-child
*/


@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Thin.otf);
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Thin-Italic.otf);
    font-style: italic;
    font-weight: 200
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Light.otf);
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Light-Italic.otf);
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Regular.otf);
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Italic.otf);
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Medium.otf);
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Medium-Italic.otf);
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-SemiBold.otf);
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-SemiBold-Italic.otf);
    font-style: italic;
    font-weight: 600
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Bold.otf);
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Bold-Italic.otf);
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-XBold.otf);
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-XBold-Italic.otf);
    font-style: italic;
    font-weight: 800
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Black.otf);
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-display: swap;
    font-family: SVN-Gilroy;
    src: url(/wp-content/themes/manet/fonts/SVN-Gilroy-Black-Italic.otf);
    font-style: italic;
    font-weight: 900
}

@font-face {
    font-display: swap;
    font-family: SVN-Neogrey;
    src: url(/wp-content/themes/manet/fonts/SVN-Neogrey.ttf)
}

.g-recaptcha,
#checkbox,
.recaptcha,
div[id*="recaptcha"],
iframe[src*="recaptcha"] {
  display: none !important;
}


/* Equal height mega menu columns - FIX */
.primary-nav ul#menu-main > li.mega-menu > ul.tpc-mega-menu.mega-menu.sub-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

#menu-item-23443, /* RPA */
#menu-item-15127 { /* BPO */
        margin-left: -20px;
    font-size: 20px;
    font-weight: 700;
}

.left-block .infor-block .detail-infor {
    letter-spacing: 1px !important;
}
/* ====================================================
   EXCEPTION MENU:
   RPA / BPO are VISUAL TOP-LEVEL items,
   but NOT logical children of IT Managed
   ==================================================== */

/* IT Managed ID */
#menu-item-33793 {
    position: relative;
}

/* 1. Khi RPA / BPO active => KHÔNG cho IT Managed xanh */
#menu-item-33793.current-menu-ancestor > a,
#menu-item-33793.current-menu-parent > a,
#menu-item-33793.current_page_parent > a,
#menu-item-33793.current_page_ancestor > a {
    color: #142859 !important;
}

/* 2. IT Managed chỉ xanh khi chính nó active */
#menu-item-33793.current-menu-item > a,
#menu-item-33793.current_page_item > a {
    color: var(--techmax-primary-color) !important;
}

/* 3. Hover IT Managed vẫn xanh (không liên quan con) */
#menu-item-33793 > a:hover {
    color: var(--techmax-primary-color);
}

/* ====================================================
   FIX MOBILE MENU: Đảm bảo menu items hiển thị
   trong slide-out panel dù rtMobileMenu không init
   ==================================================== */
.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav > ul.mobile_switch_on {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 30px 0 0;
    padding: 0;
    text-align: left;
    display: block !important;
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav > ul.mobile_switch_on > li {
    display: block;
    float: none;
    height: auto;
    padding: 0;
    border-bottom: solid 1px #43558229;
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav > ul.mobile_switch_on > li > a {
    display: flex;
    align-items: center;
    height: auto;
    padding: 4px 0;
    margin: 0;
    color: inherit;
    text-transform: capitalize;
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav > ul.mobile_switch_on > li > a > span {
    display: inline;
    color: #142859;
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav > ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu {
    min-height: inherit !important;
    padding-right: 0 !important;
    padding-left: 30px !important;
    max-width: none !important;
    background-image: none !important;
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav > ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li {
    width: 100%;
    margin-top: 0;
    font-weight: inherit !important;
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav > ul.mobile_switch_on li div.mega-menu-container {
    display: none !important;
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav .menu-item .button_switcher {
    width: 50px;
    height: 50px;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin-right: 0;
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav .menu-item .button_switcher:before {
    content: '';
    display: inline-block;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    transform: translate(-50%, -50%) rotate(135deg);
    opacity: .8;
    transition: 0.3s ease;
    background: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 0;
    color: inherit;
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav .menu-item .button_switcher.is-active:before {
    transform: translate(-50%, -50%) rotate(225deg);
}

.mobile_nav_wrapper .tpc-menu-outer_content .primary-nav ul li ul.sub-menu {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    min-width: auto;
    opacity: 1;
    visibility: visible;
    transition: 0s;
    white-space: initial;
    overflow: hidden;
    transform: none !important;
    box-shadow: none;
    border: none;
    display: none;
    background-color: #fff;
}

.tpc-service-filter-children .tpc-service-filter-item > a .post_count {
    font-weight: 400 !important;
}

/* Vô hiệu mọi thay đổi khi hover */
.tpc-service-filter-children .tpc-service-filter-item > a:hover .post_count,
.tpc-service-filter-children .tpc-service-filter-item > a .post_count:hover {
    color: inherit !important;       /* giữ màu gốc */
    background: none !important;     /* bỏ nền hover */
    text-decoration: none !important;/* bỏ gạch chân hover */
    font-weight: 400 !important;     /* giữ font-weight */
}

.tpc-service-filter-children li > a {
    display: block !important;
}