/* ================================================================
   PHG site shell - phathoanggia.com.vn (bước 1, 2026-10-20)
   Chữ nền, nút, header + mega menu, menu mobile, footer, nút nổi.
   Dùng biến trong tokens.css.
   ================================================================ */

/* ---------- Nền và chữ ---------- */
html{scroll-behavior:smooth;}
body{
  background:var(--phg-kem);
  color:var(--phg-chu);
  font-family:var(--phg-font-body);
  font-size:var(--phg-body);
  font-weight:400;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
body .content-bg,
body .site,
body #wrapper{background:var(--phg-kem);}
body .entry.content-bg,
body .content-style-boxed .content-bg{background:#fff;}

h1,h2,h3,
.entry-title,
.wp-block-heading:is(h1,h2,h3){
  font-family:var(--phg-font-heading);
  font-weight:600;
  color:var(--phg-muc);
  letter-spacing:0;
}
h1,.h1{font-size:var(--phg-h1);line-height:1.04;}
h2,.h2{font-size:var(--phg-h2);line-height:1.1;}
h3,.h3{font-size:var(--phg-h3);line-height:1.25;}
h4,h5,h6{font-family:var(--phg-font-body);font-weight:600;color:var(--phg-muc);}

a{color:var(--phg-cam-dam);}
a:hover,a:focus{color:var(--phg-cam-hover);}

/* Thân bài */
.single .entry-content{
  font-size:var(--phg-article);
  line-height:var(--phg-article-lh);
  color:var(--phg-chu);
}
.single .entry-content :is(p,ul,ol,blockquote,h2,h3,h4,h5,h6):not(li *){
  max-width:var(--phg-article-max);
  margin-left:auto;
  margin-right:auto;
}

/* Nhãn nhỏ */
.phg-label{
  display:inline-block;
  font-family:var(--phg-font-body);
  font-size:var(--phg-label);
  font-weight:600;
  letter-spacing:var(--phg-label-track);
  text-transform:uppercase;
  color:var(--phg-cam-dam);
}

/* Nút */
.phg-btn,
.wp-block-button__link,
.button,
button.kb-button,
input[type="submit"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:var(--phg-btn-h);
  padding:0 24px;
  border-radius:999px;
  font-family:var(--phg-font-body);
  font-size:var(--phg-btn-size);
  font-weight:600;
  line-height:1;
  text-decoration:none;
  border:1px solid transparent;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.phg-btn--primary,
.wp-block-button__link,
input[type="submit"]{background:var(--phg-cam-dam);color:#fff;}
.phg-btn--primary:hover,.phg-btn--primary:focus,
.wp-block-button__link:hover,
input[type="submit"]:hover{background:var(--phg-cam-hover);color:#fff;}
.phg-btn--ghost{background:transparent;color:var(--phg-kem);border-color:rgba(250,247,242,.32);}
.phg-btn--ghost:hover{border-color:var(--phg-kem);color:#fff;}

/* Khung */
.phg-wrap{
  width:100%;
  max-width:calc(var(--phg-container) + 2 * var(--phg-gutter));
  margin:0 auto;
  padding-left:var(--phg-gutter);
  padding-right:var(--phg-gutter);
  box-sizing:border-box;
}

.phg-ico{display:block;flex:none;}

/* ---------- Header ---------- */
#masthead.phg-header,
.phg-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--phg-than);
  color:var(--phg-kem);
  border-bottom:1px solid rgba(250,247,242,.08);
}
.admin-bar .phg-header{top:32px;}
@media (max-width:782px){ .admin-bar .phg-header{top:46px;} }
@media (max-width:600px){ .admin-bar .phg-header{top:0;} }

.phg-header__inner{
  display:flex;
  align-items:center;
  gap:24px;
  height:84px;
  position:relative;
}
.phg-logo{display:flex;align-items:center;flex:none;text-decoration:none;}
.phg-logo img{display:block;width:auto;height:auto;}
.phg-header__logo img{height:66px;max-width:none;}
.phg-logo__text{font-family:var(--phg-font-heading);font-weight:600;font-size:26px;color:var(--phg-cam);}

/* Menu giữa */
.phg-nav{flex:1 1 auto;display:flex;justify-content:center;min-width:0;height:100%;}
.phg-nav__list{display:flex;align-items:stretch;margin:0;padding:0;list-style:none;height:100%;}
.phg-nav__item{position:relative;display:flex;align-items:center;}
.phg-nav__item.has-mega{position:static;}
.phg-nav__link{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
  padding:0 10px;
  font-family:var(--phg-font-heading);
  font-weight:600;
  font-size:17px;
  letter-spacing:.01em;
  color:var(--phg-kem);
  text-decoration:none;
  white-space:nowrap;
}
.phg-nav__item.has-mega > .phg-nav__link,
.phg-nav__item.has-drop > .phg-nav__link{padding-right:2px;}
.phg-nav__link:hover,.phg-nav__link:focus{color:#fff;}
.phg-nav__link::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:24px;
  height:2px;
  background:var(--phg-cam);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
}
.phg-nav__item.has-mega > .phg-nav__link::after,
.phg-nav__item.has-drop > .phg-nav__link::after{right:2px;}
.phg-nav__item.is-current > .phg-nav__link::after{transform:scaleX(1);}
.phg-nav__item:hover > .phg-nav__link::after{transform:scaleX(1);opacity:.6;}
.phg-nav__item.is-current:hover > .phg-nav__link::after{opacity:1;}

.phg-nav__caret{
  display:flex;align-items:center;justify-content:center;
  width:22px;height:32px;padding:0;margin:0 4px 0 0;
  background:none;border:0;border-radius:4px;
  color:rgba(250,247,242,.7);cursor:pointer;min-height:0;
}
.phg-nav__caret:hover,.phg-nav__caret:focus{color:#fff;background:none;}
.phg-nav__item.is-open > .phg-nav__caret .phg-ico{transform:rotate(180deg);}

/* Mega menu và menu xổ: nền sáng */
.phg-mega,
.phg-drop{
  position:absolute;
  top:100%;
  z-index:1001;
  visibility:hidden;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
  background:#fff;
  color:var(--phg-chu);
  border:1px solid var(--phg-ke);
  border-top:3px solid var(--phg-cam);
  border-radius:0 0 12px 12px;
  box-shadow:0 24px 48px rgba(28,26,24,.16);
}
.phg-nav__item:hover > .phg-mega,
.phg-nav__item:hover > .phg-drop,
.phg-nav__item:focus-within > .phg-mega,
.phg-nav__item:focus-within > .phg-drop,
.phg-nav__item.is-open > .phg-mega,
.phg-nav__item.is-open > .phg-drop{
  visibility:visible;
  opacity:1;
  transform:translateY(0);
  transition:opacity .18s ease,transform .18s ease,visibility 0s;
}
.phg-nav__item.is-closed > .phg-mega,
.phg-nav__item.is-closed > .phg-drop{visibility:hidden;opacity:0;}

.phg-mega{left:50%;transform:translate(-50%,6px);width:max-content;max-width:calc(100vw - 32px);}
.phg-nav__item:hover > .phg-mega,
.phg-nav__item:focus-within > .phg-mega,
.phg-nav__item.is-open > .phg-mega{transform:translate(-50%,0);}
.phg-mega__grid{display:grid;gap:8px 40px;padding:28px 36px 30px;}
.phg-mega[data-cols="2"] .phg-mega__grid{grid-template-columns:repeat(2,minmax(240px,300px));}
.phg-mega[data-cols="3"] .phg-mega__grid{grid-template-columns:repeat(3,minmax(220px,280px));}
.phg-mega__title{
  display:block;
  margin:0 0 10px;
  padding-bottom:10px;
  border-bottom:1px solid var(--phg-ke);
  font-family:var(--phg-font-heading);
  font-weight:600;
  font-size:19px;
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:var(--phg-muc);
  text-decoration:none;
}
a.phg-mega__title:hover{color:var(--phg-cam-dam);}
.phg-mega__list,.phg-drop{list-style:none;margin:0;padding:0;}
.phg-mega__link,.phg-drop__link{
  display:block;
  padding:6px 0;
  font-family:var(--phg-font-body);
  font-size:15px;
  font-weight:400;
  line-height:1.4;
  color:var(--phg-chu);
  text-decoration:none;
}
.phg-mega__link:hover,.phg-mega__link:focus,
.phg-drop__link:hover,.phg-drop__link:focus,
.phg-mega li.is-current > a,
.phg-drop li.is-current > a{color:var(--phg-cam-dam);}

.phg-drop{left:0;min-width:250px;padding:12px 22px 14px;}
.phg-drop__link{padding:8px 0;border-bottom:1px solid var(--phg-cat);}
.phg-drop li:last-child .phg-drop__link{border-bottom:0;}

/* Phải: hotline + nút */
.phg-header__actions{display:flex;align-items:center;gap:18px;flex:none;}
.phg-header__hotline{
  display:flex;align-items:center;gap:8px;
  font-family:var(--phg-font-body);font-weight:600;font-size:15px;
  color:var(--phg-kem);text-decoration:none;white-space:nowrap;
}
.phg-header__hotline .phg-ico{color:var(--phg-cam);}
.phg-header__hotline:hover{color:#fff;}
.phg-header__cta{white-space:nowrap;}
.phg-header__toggle{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;min-height:0;
  background:none;border:0;border-radius:8px;color:var(--phg-kem);cursor:pointer;
}
.phg-header__toggle:hover,.phg-header__toggle:focus{background:rgba(250,247,242,.08);color:#fff;}

@media (max-width:1359px){
  .phg-header__inner{gap:16px;}
  .phg-nav__link{padding:0 8px;font-size:16px;}
  .phg-nav__link::after{left:8px;right:8px;}
  .phg-header__hotline span{display:none;}
}
@media (max-width:1179px){
  .phg-nav{display:none;}
  .phg-header__toggle{display:flex;}
  .phg-header__actions{margin-left:auto;}
  .phg-header__inner{height:68px;}
  .phg-header__logo img{height:50px;}
}
@media (max-width:767px){
  .phg-header__inner{height:60px;}
  .phg-header__logo img{height:44px;}
  .phg-header__cta,.phg-header__hotline{display:none;}
}

/* ---------- Menu mobile toàn màn hình ---------- */
.phg-drawer{
  position:fixed;
  inset:0;
  z-index:2000;
  display:flex;
  flex-direction:column;
  background:var(--phg-than);
  color:var(--phg-kem);
  transform:translateX(100%);
  visibility:hidden;
  transition:transform .28s ease,visibility 0s linear .28s;
  overscroll-behavior:contain;
}
.phg-drawer.is-open{transform:translateX(0);visibility:visible;transition:transform .28s ease,visibility 0s;}
html.phg-drawer-lock,html.phg-drawer-lock body{overflow:hidden;}
.phg-drawer__head{
  display:flex;align-items:center;justify-content:space-between;
  height:60px;padding:0 var(--phg-gutter);flex:none;
  border-bottom:1px solid rgba(250,247,242,.1);
}
.phg-drawer__logo img{height:44px;}
.phg-drawer__close{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;min-height:0;
  background:none;border:0;color:var(--phg-kem);cursor:pointer;
}
.phg-drawer__nav{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 24px;}
.phg-drawer__list{list-style:none;margin:0;padding:0;}
.phg-drawer__row{display:flex;align-items:center;justify-content:space-between;}
.phg-drawer__link{
  flex:1 1 auto;
  display:block;
  padding:13px var(--phg-gutter);
  color:var(--phg-kem);
  text-decoration:none;
}
.phg-drawer__list--d0 > li{border-bottom:1px solid rgba(250,247,242,.08);}
.phg-drawer__list--d0 > li > .phg-drawer__row > .phg-drawer__link{
  font-family:var(--phg-font-heading);font-weight:600;font-size:21px;line-height:1.2;
}
.phg-drawer__list--d1 > li > .phg-drawer__row > .phg-drawer__link{
  padding-left:calc(var(--phg-gutter) + 14px);
  font-family:var(--phg-font-heading);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.02em;
  color:rgba(250,247,242,.85);
}
.phg-drawer__list--d2 .phg-drawer__link{
  padding:10px var(--phg-gutter) 10px calc(var(--phg-gutter) + 28px);
  font-size:15px;color:rgba(250,247,242,.78);
}
.phg-drawer__item.is-current > .phg-drawer__row > .phg-drawer__link{color:var(--phg-cam);}
.phg-drawer__link:hover,.phg-drawer__link:focus{color:#fff;}
.phg-drawer__caret{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:52px;height:48px;padding:0;min-height:0;
  background:none;border:0;color:rgba(250,247,242,.75);cursor:pointer;
}
.phg-drawer__caret .phg-ico{width:18px;height:18px;transition:transform .2s ease;}
.phg-drawer__caret[aria-expanded="true"] .phg-ico{transform:rotate(180deg);}
.phg-drawer__sub{background:rgba(0,0,0,.18);}
.phg-drawer__foot{
  flex:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;
  padding:14px var(--phg-gutter) calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(250,247,242,.1);
}
.phg-drawer__foot .phg-btn{padding:0 12px;}

/* ---------- Footer ---------- */
.phg-footer{
  background:var(--phg-than);
  color:rgba(250,247,242,.74);
  font-family:var(--phg-font-body);
  font-size:15px;
  line-height:1.65;
  padding:64px 0 0;
}
.phg-footer a{color:var(--phg-kem);text-decoration:none;}
.phg-footer a:hover,.phg-footer a:focus{color:var(--phg-cam);}
.phg-footer__top{
  display:grid;
  grid-template-columns:1.15fr 1.25fr 1fr .8fr;
  gap:40px;
  padding-bottom:48px;
}
.phg-footer__logo img{height:84px;}
.phg-footer__name{
  margin:18px 0 12px;
  font-family:var(--phg-font-heading);font-weight:600;font-size:24px;line-height:1.2;
  color:var(--phg-kem);
}
.phg-footer__meta,.phg-footer__eco,.phg-footer__links,.phg-footer__social{list-style:none;margin:0;padding:0;}
.phg-footer__meta li{margin:0 0 6px;}
.phg-footer__k{
  display:inline-block;min-width:86px;
  font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(250,247,242,.5);
}
.phg-footer__social{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;}
.phg-footer__social a{font-weight:600;}
.phg-footer__title{
  margin:0 0 10px;
  font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--phg-cam);
}
.phg-footer__col p{margin:0 0 8px;}
.phg-footer__col p + .phg-footer__title{margin-top:22px;}
.phg-footer__eco li{margin:0 0 10px;}
.phg-footer__eco a{font-weight:600;}
.phg-footer__links li{margin:0 0 8px;}
.phg-footer__bottom{
  border-top:1px solid rgba(250,247,242,.1);
  padding:20px 0 24px;
  font-size:14px;
  color:rgba(250,247,242,.55);
}
.phg-footer__bottom p{margin:0;}
@media (max-width:1179px){
  .phg-footer__top{grid-template-columns:1fr 1fr;}
}
@media (max-width:767px){
  .phg-footer{padding-top:44px;font-size:15px;}
  .phg-footer__top{grid-template-columns:1fr;gap:28px;padding-bottom:32px;}
  .phg-footer__logo img{height:68px;}
  .phg-footer__k{display:block;min-width:0;margin-bottom:2px;}
}

/* ---------- Nút nổi ---------- */
.phg-float{
  position:fixed;right:20px;bottom:24px;z-index:900;
  display:flex;flex-direction:column;gap:12px;
}
.phg-float__btn{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:50%;
  background:var(--phg-than);color:var(--phg-kem);
  box-shadow:0 10px 24px rgba(28,26,24,.28);
  text-decoration:none;
  transition:background-color .2s ease,transform .2s ease;
}
.phg-float__btn:hover,.phg-float__btn:focus{transform:translateY(-2px);color:#fff;}
.phg-float__btn--call{background:var(--phg-cam-dam);color:#fff;}
.phg-float__btn--call:hover{background:var(--phg-cam-hover);}
.phg-float__btn--zalo .phg-ico{width:28px;height:28px;color:var(--phg-kem);}
.phg-float__btn--zalo text{fill:var(--phg-than);}

.phg-mbar{display:none;}
@media (max-width:767px){
  .phg-float{display:none;}
  .phg-mbar{
    position:fixed;left:0;right:0;bottom:0;z-index:900;
    display:grid;grid-template-columns:1fr 1fr 1.25fr;
    background:var(--phg-than);
    border-top:1px solid rgba(250,247,242,.1);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .phg-mbar__item{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    height:60px;
    font-family:var(--phg-font-body);font-size:13px;font-weight:600;
    color:var(--phg-kem);text-decoration:none;
  }
  .phg-mbar__item + .phg-mbar__item{border-left:1px solid rgba(250,247,242,.08);}
  .phg-mbar__item .phg-ico{width:22px;height:22px;}
  .phg-mbar__item:not(.phg-mbar__item--cta) .phg-ico{color:var(--phg-cam);}
  .phg-mbar__item text{fill:var(--phg-than);}
  .phg-mbar__item--cta{background:var(--phg-cam-dam);color:#fff;}
  .phg-mbar__item--cta:hover,.phg-mbar__item--cta:focus{background:var(--phg-cam-hover);color:#fff;}
  body.phg-shell .phg-footer{padding-bottom:calc(60px + env(safe-area-inset-bottom));}
}

/* Chặn kiểu nút mặc định của Kadence trên các nút biểu tượng */
.phg-drawer__caret:hover,.phg-drawer__caret:focus,
.phg-drawer__close:hover,.phg-drawer__close:focus{background:none;color:#fff;box-shadow:none;}
.phg-nav__caret:hover,.phg-nav__caret:focus{box-shadow:none;}

/* ---------- Nội dung Bota đã làm sạch (bước 2): ảnh, bảng, link ---------- */
.entry-content img{max-width:100%;height:auto;}
.entry-content iframe,.entry-content video{max-width:100%;}
.entry-content a:not(.phg-btn):not(.wp-block-button__link){
  color:var(--phg-cam-dam);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  overflow-wrap:anywhere;
}
.entry-content a:not(.phg-btn):not(.wp-block-button__link):hover{color:var(--phg-cam-hover);}
.entry-content a *{color:inherit;}
.phg-bang{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:24px 0;
}
.phg-bang table{
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--phg-ke);
  background:#fff;
  font-size:15px;
  line-height:1.55;
}
.phg-bang td,.phg-bang th{
  border:1px solid var(--phg-ke);
  padding:10px 12px;
  vertical-align:top;
}
.phg-bang tr:first-child > td,.phg-bang th,.phg-bang thead td{background:var(--phg-cat);font-weight:600;color:var(--phg-muc);}
.phg-bang td img{display:block;margin:0 auto;}
@media (max-width:767px){
  .phg-bang table{min-width:560px;}
}

/* Breadcrumb cũ trong nội dung page: căn thẳng lề trái với nội dung (bước 2) */
.entry-content .phg-breadcrumb{padding:0 !important;margin:0 0 24px !important;}
.entry-content .phg-breadcrumb__list{padding-left:0 !important;margin:0 !important;list-style:none;}