/* Accessibility & DGA helpers — BPI IT theme */

/* --- Local government font (Sarabun). วางไฟล์ Sarabun ที่ assets/fonts/ แล้วเปิดใช้ block ด้านล่าง ---
@font-face{font-family:"Sarabun";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Sarabun-Regular.woff2") format("woff2");}
@font-face{font-family:"Sarabun";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/Sarabun-Bold.woff2") format("woff2");}
*/

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.bpi-skip-link:focus{position:fixed;top:8px;left:8px;z-index:100000;width:auto;height:auto;clip:auto;padding:10px 16px;background:#0A5038;color:#fff;border-radius:6px;}

.bpi-a11y-bar{display:flex;gap:4px;justify-content:flex-end;align-items:center;padding:4px 10px;background:#0A5038;}
.bpi-a11y-bar button{min-width:36px;min-height:36px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:6px;cursor:pointer;font-size:0.95rem;line-height:1;}
.bpi-a11y-bar button:hover,.bpi-a11y-bar button:focus{background:#14855F;outline:2px solid #E8A200;outline-offset:1px;}

*:focus-visible{outline:2px solid #E8A200;outline-offset:2px;}

html.bpi-contrast{filter:contrast(1.35);}
html.bpi-grayscale{filter:grayscale(1);}

@media (max-width:600px){
  .bpi-topbar{justify-content:center!important;}
  .bpi-brandbar{justify-content:center!important;text-align:center;}
}

/* --- header logo + navigation --- */
.bpi-logo img{display:block;height:auto;}
.wp-block-navigation.has-primary-background-color{border-radius:6px;}
.wp-block-navigation .wp-block-navigation__submenu-container{background:#0A5038;border:0;min-width:240px;}
.wp-block-navigation .wp-block-navigation__submenu-container a{color:#fff;}
.wp-block-navigation .wp-block-navigation-item a:hover{text-decoration:underline;text-underline-offset:3px;}
.bpi-header .wp-block-search__input{min-width:180px;}
@media (max-width:782px){.bpi-brandbar .wp-block-search{width:100%;}}

/* --- full-bleed header bands + centered inner content --- */
.bpi-header{margin-top:0;}
.bpi-topbar,.bpi-brandbar,.bpi-navbar{width:100%;}
.bpi-topbar > .wp-block-group,
.bpi-brandbar > .wp-block-group,
.bpi-navbar > .wp-block-navigation{width:100%;max-width:1180px;margin-inline:auto;padding-inline:16px;box-sizing:border-box;}
.bpi-navbar .wp-block-navigation__submenu-container{padding:6px 0;border-radius:0 0 6px 6px;}
.bpi-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item{padding:2px 12px;}
.bpi-brandbar{background:#fff;}

/* --- FIX: submenu was white-on-white (core sets container bg white inline; nav text is white) --- */
.bpi-navbar .wp-block-navigation__submenu-container{background-color:#0A5038 !important;border:0 !important;min-width:260px;box-shadow:0 8px 20px rgba(0,0,0,.18);}
.bpi-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.bpi-navbar .wp-block-navigation__submenu-container a,
.bpi-navbar .wp-block-navigation__submenu-container a:visited{color:#ffffff !important;}
.bpi-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item:hover,
.bpi-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within{background-color:#14855F;}