/* Infochief shared header/footer shell for ProfitMag.
   All selectors use the ic- prefix so ProfitMag article/content CSS remains isolated. */
:root{--ic-blue-900:#194a7d;--ic-blue-800:#265b93;--ic-blue-700:#31659f;--ic-blue-050:#f6faff;--ic-ink:#12263f;--ic-muted:#65758b;--ic-line:#dce7f3;--ic-accent:#f7b32b;--ic-top-h:32px;--ic-main-h:78px;--ic-header-bottom:calc(var(--ic-top-h) + var(--ic-main-h))}
.ic-header,.ic-footer,.ic-search-modal{font-family:Tahoma,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}
.ic-header *,.ic-header *::before,.ic-header *::after,.ic-footer *,.ic-footer *::before,.ic-footer *::after,.ic-search-modal *,.ic-search-modal *::before,.ic-search-modal *::after{box-sizing:border-box}
.ic-header a,.ic-footer a,.ic-search-modal a{text-decoration:none}
.ic-container{width:min(1320px,calc(100% - 48px));margin-inline:auto}
.ic-header{position:sticky;top:0;z-index:100000;color:#fff;background:var(--ic-blue-700);border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 4px 16px rgba(21,63,107,.12)}
body.admin-bar .ic-header{top:32px}
.ic-topbar{height:var(--ic-top-h);background:#15476d;border-bottom:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:700}
.ic-topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;white-space:nowrap}
.ic-top-contact,.ic-top-nav{display:flex;align-items:center}.ic-top-contact{gap:24px}.ic-top-nav{gap:18px;margin-left:auto}
.ic-top-link,.ic-top-nav>a{display:inline-flex;align-items:center;gap:6px;color:#fff!important;line-height:1;transition:color .18s ease}
.ic-top-link:hover,.ic-top-link:focus-visible,.ic-top-nav>a:hover,.ic-top-nav>a:focus-visible,.ic-top-nav>a.is-current{color:var(--ic-accent)!important;outline:none}
.ic-top-link svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ic-top-link:first-child svg{fill:currentColor;stroke:none}
.ic-lang{gap:5px!important;font-weight:800}.ic-flag{display:block;width:20px;height:14px;flex:0 0 20px;border:1px solid rgba(255,255,255,.45);border-radius:1px}.ic-lang-sep{color:rgba(255,255,255,.58);margin-inline:-8px}
.ic-mainbar{height:var(--ic-main-h);background:var(--ic-blue-700)}
.ic-nav-wrap{height:100%;display:flex;align-items:center;gap:20px}.ic-brand{display:inline-flex;align-items:center;flex:0 0 auto;min-width:max-content;line-height:0}.ic-brand-logo{display:block;width:auto;height:80px;max-width:250px;object-fit:contain}
.ic-primary-nav{height:100%;margin-left:auto}.ic-nav-list{height:100%;display:flex;align-items:center;gap:3px;list-style:none!important;margin:0!important;padding:0!important}.ic-nav-item{position:relative;height:100%;display:flex;align-items:center;margin:0!important;padding:0!important}
.ic-nav-link{appearance:none;border:0;background:transparent;color:#fff!important;padding:27px 10px;font-size:12px;font-weight:800;letter-spacing:.01em;white-space:nowrap;border-bottom:3px solid transparent;line-height:1.35;display:flex;align-items:center;gap:3px;cursor:pointer}
.ic-nav-link:hover,.ic-nav-link:focus-visible,.ic-nav-item.ic-is-open>.ic-nav-link{background:rgba(255,255,255,.07);border-bottom-color:var(--ic-accent);outline:none}
.ic-dropdown{background:#fff;color:var(--ic-ink);border:1px solid var(--ic-line);border-radius:16px;box-shadow:0 24px 70px rgba(14,47,82,.2);opacity:0;visibility:hidden;transition:.18s ease;z-index:100001}
.ic-compact-menu{position:absolute;top:calc(100% + 2px);left:0;min-width:290px;padding:6px;transform:translateY(-7px)}.ic-dropdown-right{left:auto;right:0}
.ic-mega-menu{position:fixed;top:var(--ic-header-bottom);left:50%;width:calc(100vw - 48px);max-width:none;padding:18px 20px 20px;transform:translate(-50%,-7px);max-height:calc(100vh - var(--ic-header-bottom) - 24px);overflow-y:auto;overscroll-behavior:contain}
.ic-nav-item:hover>.ic-dropdown,.ic-nav-item:focus-within>.ic-dropdown,.ic-nav-item.ic-is-open>.ic-dropdown{opacity:1;visibility:visible}.ic-nav-item:hover>.ic-compact-menu,.ic-nav-item:focus-within>.ic-compact-menu,.ic-nav-item.ic-is-open>.ic-compact-menu{transform:translateY(0)}.ic-nav-item:hover>.ic-mega-menu,.ic-nav-item:focus-within>.ic-mega-menu,.ic-nav-item.ic-is-open>.ic-mega-menu{transform:translate(-50%,0)}
.ic-mega-head{padding:4px 4px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ic-line);margin-bottom:10px}.ic-mega-head span{font-weight:900;color:var(--ic-blue-800);font-size:16px}.ic-mega-head a{font-size:12px;color:var(--ic-blue-700)!important;font-weight:800}.ic-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:5px}
.ic-mega-grid>a,.ic-compact-menu>a{display:flex;flex-direction:column;border-radius:6px;color:var(--ic-ink)!important}.ic-mega-grid>a{min-height:74px;padding:13px 15px;justify-content:center;border:1px solid transparent}.ic-compact-menu>a{padding:7px 10px}.ic-mega-grid>a:hover,.ic-compact-menu>a:hover{background:var(--ic-blue-050);color:var(--ic-blue-800)!important}.ic-mega-grid>a:hover{border-color:var(--ic-line)}.ic-mega-grid strong,.ic-compact-menu strong{font-size:13px;line-height:1.3}.ic-mega-grid small,.ic-compact-menu small{font-size:11px;line-height:1.45;color:var(--ic-muted);margin-top:4px;font-weight:500}.ic-special-grid>a{min-height:62px;padding:10px 14px}.ic-special-grid strong{font-size:13px}.ic-special-grid small{font-size:10.5px;line-height:1.38;margin-top:3px}
.ic-nav-actions{display:flex;gap:8px;align-items:center}.ic-icon-btn{width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:#fff;border-radius:10px;cursor:pointer}.ic-icon-btn:hover{background:rgba(255,255,255,.1)}.ic-icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.ic-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;font-weight:800;white-space:nowrap;padding:10px 13px;font-size:12px;line-height:1.2}.ic-btn-outline{border-color:rgba(255,255,255,.55);color:#fff!important;background:rgba(255,255,255,.04)}.ic-btn-accent{background:var(--ic-accent);color:#143459!important;box-shadow:0 8px 22px rgba(247,179,43,.24)}.ic-btn-accent:hover{background:#ffc14d}.ic-btn-primary{background:var(--ic-blue-700);color:#fff!important;padding:12px 16px}.ic-mobile-toggle{display:none;background:transparent;border:0;padding:10px;cursor:pointer}.ic-mobile-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px 0}

.ic-footer{background:var(--ic-blue-700);color:#fff;padding:46px 0 18px;border-top:1px solid rgba(255,255,255,.1)}.ic-footer-grid{display:grid;grid-template-columns:1.55fr repeat(5,1fr);gap:30px}.ic-footer-grid h2{font-size:11px;margin:5px 0 14px;letter-spacing:.05em;color:#fff}.ic-footer-grid>div:not(.ic-footer-brand)>a,.ic-footer-grid address{display:block;color:#dcecff!important;font-size:12px;margin:8px 0;font-style:normal;line-height:1.55}.ic-footer-grid>div:not(.ic-footer-brand)>a:hover{color:#fff!important;text-decoration:underline}.ic-footer-brand p{font-size:12px;color:#dcecff;max-width:300px;line-height:1.55}.ic-footer-logo{display:inline-block}.ic-footer-logo img{display:block;width:auto;height:70px;max-width:240px;object-fit:contain}.ic-footer-gallery-block{margin-top:18px;max-width:315px}.ic-footer-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.ic-footer-gallery-head strong{color:#fff;font-size:10px;line-height:1.2;letter-spacing:.08em}.ic-footer-gallery-head a{color:#dcecff!important;font-size:9px;font-weight:800;white-space:nowrap}.ic-footer-gallery-head a:hover{color:var(--ic-accent)!important}.ic-footer-mini-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ic-footer-mini-gallery a{display:block;overflow:hidden;aspect-ratio:4/3;border-radius:8px;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.06);box-shadow:0 5px 14px rgba(8,39,72,.16)}.ic-footer-mini-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}.ic-footer-mini-gallery a:hover img{transform:scale(1.06);filter:brightness(1.06)}
.ic-footer-legal{margin-top:28px;padding:28px 18px 24px;border-top:1px solid rgba(255,255,255,.18);text-align:center}.ic-footer-legal h2{margin:0 0 10px;color:#fff;font-size:16px;line-height:1.45;letter-spacing:.01em}.ic-footer-legal p{margin:7px auto;max-width:1180px;color:#dcecff;font-size:11px;line-height:1.7}.ic-footer-legal p span{display:inline-block;margin:0 5px;color:var(--ic-accent)}.ic-footer-copyright a{color:#fff!important;font-weight:900}.ic-footer-copyright a:hover{color:var(--ic-accent)!important;text-decoration:underline}

.ic-search-modal{position:fixed;inset:0;z-index:300000;background:rgba(8,31,57,.62);display:grid;place-items:start center;padding-top:12vh;opacity:0;visibility:hidden;transition:.2s;backdrop-filter:blur(6px)}.ic-search-modal.ic-is-open{opacity:1;visibility:visible}.ic-search-dialog{position:relative;width:min(720px,calc(100% - 32px));background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 90px rgba(0,29,62,.35);color:var(--ic-ink)}.ic-search-close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:29px;color:#698096;cursor:pointer}.ic-search-kicker{margin:0 0 7px;color:#3c7bc0;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ic-search-dialog h2{margin:0 0 18px;color:#143d6a;font-size:24px}.ic-search-dialog form{display:grid;grid-template-columns:1fr auto;gap:8px}.ic-search-dialog input{width:100%;border:1px solid var(--ic-line);border-radius:10px;padding:13px 15px;outline:none}.ic-search-suggestions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:11px;color:var(--ic-muted)}.ic-search-suggestions a{color:var(--ic-blue-700)!important;background:var(--ic-blue-050);border-radius:999px;padding:5px 9px;font-weight:800}

@media(max-width:1220px){.ic-nav-actions .ic-btn-outline{display:none}.ic-nav-link{padding-inline:7px;font-size:11px}.ic-footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}.ic-footer-grid>div:nth-child(n+5){margin-top:12px}.ic-footer-gallery-block{max-width:290px}}
@media(max-width:1020px){:root{--ic-main-h:68px}.ic-container{width:min(1320px,calc(100% - 32px))}.ic-brand-logo{height:48px}.ic-mobile-toggle{display:block;margin-left:auto}.ic-primary-nav{position:fixed;top:var(--ic-header-bottom);left:0;right:0;height:auto;background:var(--ic-blue-700);max-height:calc(100vh - var(--ic-header-bottom));overflow:auto;padding:8px 16px 20px;display:none;box-shadow:0 18px 36px rgba(20,53,88,.25)}.ic-primary-nav.ic-is-open{display:block}.ic-nav-list{height:auto;display:block}.ic-nav-item{height:auto;display:block}.ic-nav-link{width:100%;justify-content:space-between;padding:15px 5px;border-bottom:1px solid rgba(255,255,255,.15)}.ic-dropdown,.ic-mega-menu,.ic-compact-menu{position:static!important;width:100%!important;max-width:none;max-height:none;display:none;opacity:1;visibility:visible;transform:none!important;box-shadow:none;margin:5px 0 10px;overflow:visible}.ic-nav-item.ic-is-open>.ic-dropdown{display:block}.ic-nav-item:hover>.ic-dropdown:not(.ic-mobile-open){display:none}.ic-mega-grid{grid-template-columns:1fr}.ic-nav-actions{margin-left:0}.ic-nav-actions .ic-icon-btn{display:none}.ic-topbar{font-size:11px}.ic-topbar-inner{gap:16px;overflow-x:auto;scrollbar-width:none}.ic-topbar-inner::-webkit-scrollbar{display:none}.ic-top-contact{gap:16px}.ic-top-nav{gap:14px}}
@media(max-width:782px){body.admin-bar .ic-header{top:46px}}
@media(max-width:760px){:root{--ic-top-h:30px}.ic-topbar{font-size:10.5px}.ic-topbar-inner{gap:14px}.ic-top-contact{gap:14px}.ic-top-nav{gap:12px}.ic-top-link svg{width:13px;height:13px;flex-basis:13px}.ic-flag{width:18px;height:12px;flex-basis:18px}.ic-brand-logo{height:45px}.ic-nav-actions .ic-btn{display:none}.ic-footer-grid{grid-template-columns:1fr 1fr}.ic-footer-brand{grid-column:1/-1}.ic-footer-gallery-block{max-width:100%}.ic-footer-legal{padding:24px 6px 20px}.ic-footer-legal h2{font-size:14px}.ic-footer-legal p{font-size:10px}}
@media(max-width:520px){.ic-container{width:min(1320px,calc(100% - 24px))}.ic-topbar-inner{width:calc(100% - 16px)}.ic-brand-logo{height:42px}.ic-footer-grid{grid-template-columns:1fr}.ic-footer-brand{grid-column:auto}.ic-footer-mini-gallery{gap:6px}.ic-footer-legal h2{font-size:13px}.ic-footer-legal p{font-size:9.5px;line-height:1.65}.ic-search-dialog form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ic-header *,.ic-footer *,.ic-search-modal *{transition:none!important}}


/* =========================================================
   FOOTER TYPOGRAPHY NORMALIZATION
   Prevent ProfitMag/homepage markup or inherited <strong>/<em>
   formatting from changing the Infochief footer typography.
   ========================================================= */
.ic-footer{
  font-family:Tahoma,Roboto,Helvetica,Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
}

.ic-footer *{
  font-family:inherit!important;
  font-style:normal!important;
}

.ic-footer p,
.ic-footer address,
.ic-footer-grid>div:not(.ic-footer-brand)>a{
  font-weight:400!important;
}

.ic-footer-grid h2,
.ic-footer strong{
  font-weight:700!important;
}

.ic-footer-gallery-head a{
  font-weight:800!important;
}

.ic-footer-legal h2{
  font-weight:700!important;
}

.ic-footer-copyright a{
  font-weight:900!important;
}


/* =========================================================
   INFOCHIEF BLOG — FOOTER / STICKY / RESPONSIVE HARDENING
   ========================================================= */

/* 1. Footer legal block: force true centered alignment on every WP template. */
.ic-footer-legal,
.ic-footer-legal h2,
.ic-footer-legal p,
.ic-footer-legal .ic-footer-copyright{
  text-align:center!important;
}

.ic-footer-legal h2,
.ic-footer-legal p{
  display:block!important;
  float:none!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.ic-footer-legal p{
  max-width:1180px!important;
}

/* 2. Match the HTML site's fixed In-house strip and right-side Zalo contact. */
body{
  padding-bottom:44px!important;
}

.ic-inhouse-sticky{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:99990;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(90deg,#f7b32b,#ffc43d,#f7b32b);
  border-top:1px solid rgba(133,80,0,.22);
  box-shadow:0 -4px 18px rgba(33,53,75,.14);
  font-family:Tahoma,Roboto,Helvetica,Arial,sans-serif;
}

.ic-inhouse-sticky a{
  display:block;
  width:100%;
  padding:10px 52px;
  color:#152d47!important;
  font-size:14px;
  line-height:1.45;
  font-weight:700;
  text-align:center;
  text-decoration:none!important;
}

.ic-inhouse-sticky strong{
  color:#0b57b5!important;
  font-size:17px;
  font-weight:900;
}

.ic-zalo-support{
  position:fixed;
  right:20px;
  bottom:68px;
  z-index:100010;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  text-decoration:none!important;
  font-family:Tahoma,Roboto,Helvetica,Arial,sans-serif;
}

.ic-zalo-label{
  min-width:124px;
  padding:8px 13px;
  border-radius:12px;
  background:#315877;
  color:#fff;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
  text-align:center;
  box-shadow:0 8px 24px rgba(12,48,82,.22);
}

.ic-zalo-icon{
  position:relative;
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0788f5;
  color:#fff;
  border:4px solid #fff;
  box-shadow:0 10px 28px rgba(12,48,82,.26);
  font-size:17px;
  font-weight:900;
  letter-spacing:-.4px;
  transition:transform .2s ease,box-shadow .2s ease;
}

.ic-zalo-bubble{
  position:absolute;
  top:-7px;
  left:-8px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#d40000;
  color:#fff;
  border:2px solid #fff;
  font-size:11px;
  line-height:1;
  font-weight:900;
}

.ic-zalo-support:hover .ic-zalo-icon{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 14px 32px rgba(12,48,82,.32);
}

/* 3. ProfitMag 1.07 is desktop/fixed-width. Remove the 1230px viewport overflow. */
html,
body,
#page{
  max-width:100%!important;
}

html,
body{
  overflow-x:hidden!important;
}

#page,
.boxed-layout #page{
  width:100%!important;
  max-width:none!important;
}

.wrapper{
  width:100%!important;
  max-width:1230px!important;
}

.content-wrapper,
.slider-feature-wrap,
.site-content,
#primary,
.secondary-sidebar{
  min-width:0!important;
}

.content-wrapper img,
.site-content img,
.content-wrapper video,
.site-content video,
.content-wrapper iframe,
.site-content iframe{
  max-width:100%!important;
}

.content-wrapper img,
.site-content img{
  height:auto;
}

.comment-form input,
.comment-form textarea,
.comment-form-url input{
  max-width:100%!important;
}

/* ProfitMag slider + beside cards use hard-coded 660px + 510px widths. */
@media(max-width:1180px){
  .slider-feature-wrap{
    width:100%!important;
  }

  .slider-section,
  .besides-block{
    float:none!important;
    width:100%!important;
  }

  .besides-block{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    margin-top:15px;
  }

  .besides-block .beside-post{
    float:none!important;
    width:auto!important;
    margin:0!important;
  }
}

/* Stack old two-column ProfitMag content before it becomes cramped. */
@media(max-width:900px){
  .right_sidebar #primary,
  .left_sidebar #primary,
  .right_sidebar .secondary-sidebar,
  .left_sidebar .secondary-sidebar,
  #primary,
  .secondary-sidebar,
  .both_sidebar #primary-wrap,
  .both_sidebar .secondary-sidebar,
  .both_sidebar #primary-wrap .secondary-sidebar,
  .both_sidebar #primary-wrap #primary{
    float:none!important;
    width:100%!important;
  }

  .secondary-sidebar{
    clear:both;
    margin-top:22px;
  }

  .single-thumb,
  .related-post{
    float:none!important;
    width:100%!important;
  }

  .related-post{
    padding-left:0!important;
    margin-top:16px;
  }
}

@media(max-width:760px){
  body{
    padding-bottom:58px!important;
  }

  .wrapper{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .besides-block{
    grid-template-columns:1fr;
  }

  .featured-post{
    width:48%!important;
    margin:0 1% 16px!important;
  }

  article.post .post-thumb,
  article.post .entry-content,
  .single article.post .entry-content{
    float:none!important;
    width:100%!important;
  }

  article.post .post-thumb{
    margin:0 0 12px!important;
  }

  .comment-form input,
  .comment-form textarea,
  .comment-form-url input{
    width:100%!important;
  }

  .ic-zalo-support{
    right:12px;
    bottom:74px;
  }

  .ic-zalo-label{
    display:none;
  }

  .ic-zalo-icon{
    width:58px;
    height:58px;
    font-size:15px;
  }

  .ic-inhouse-sticky a{
    padding:9px 78px 9px 12px;
    font-size:11px;
    text-align:left;
  }

  .ic-inhouse-sticky strong{
    font-size:12px;
  }
}

@media(max-width:520px){
  .wrapper{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .featured-post{
    float:none!important;
    width:100%!important;
    margin:0 0 16px!important;
  }

  .ic-inhouse-sticky a{
    font-size:10px;
  }

  .ic-inhouse-sticky strong{
    font-size:11px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ic-zalo-icon{
    transition:none!important;
  }
}



/* =========================================================
   SYNC WITH STATIC-SITE MOBILE HEADER RESPONSIVE FIX
   Keep the Blog header behavior aligned with infochief.com.vn
   after the 2026-08 static CSS responsive update.
   ========================================================= */
@media (max-width:520px){
  :root{
    --ic-top-h:58px;
  }

  .ic-topbar{
    height:var(--ic-top-h);
  }

  .ic-topbar-inner{
    height:100%;
    width:calc(100% - 16px);
    display:grid;
    grid-template-rows:1fr 1fr;
    align-items:center;
    gap:0;
    overflow:visible;
    white-space:nowrap;
  }

  .ic-top-contact,
  .ic-top-nav{
    width:100%;
    min-width:0;
    justify-content:center;
    gap:10px;
  }

  .ic-top-nav{
    margin-left:0;
  }
}

@media (max-width:360px){
  .ic-topbar{
    font-size:10px;
  }

  .ic-top-contact,
  .ic-top-nav{
    gap:7px;
  }
}