/* KhanomInfo Card Glass Only 0.1.0
   ไม่แตะ body/html/background/section/hero/background-size/background-position/background-attachment
   โปร่งเฉพาะการ์ด/กล่องย่อยที่ระบุเท่านั้น
*/

#kihub .kihub-grid > a,
#kihub .kihub-panel,
#kihub .kihub-hero aside a,
#kiakhf .kiakhf-card,
#kiakhf .kiakhf-panel,
#kiakhf .kiakhf-box,
#ki-about-khanom .kiakh-card,
#ki-about-khanom .kiakh-panel,
#ki-about-khanom .kiakh-box,
#khanom-search-hub .kius-item,
#khanom-search-hub .kius-quick a,
.klbq .klbq-bubble,
.klbq .klbq-spell-list div,
[id^="ki-"] .ki-card,
[id^="ki-"] .kc-card,
[id^="ki-"] .ki-item,
[id^="ki-"] .kc-item,
[id^="ki-"] .ki-mini,
[id^="ki-"] .kc-mini{
  background:rgba(255,255,255,.64) !important;
  border-color:rgba(255,255,255,.55) !important;
  box-shadow:0 14px 42px rgba(15,23,42,.12) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.12) !important;
  backdrop-filter:blur(14px) saturate(1.12) !important;
}

#kiakhf .kiakhf-panel.dark,
#ki-about-khanom .kiakh-panel.dark{
  background:rgba(15,23,42,.68) !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* Do not alter real media */
img,
picture,
video,
canvas,
iframe,
.wp-block-image,
.wp-block-video,
.wp-block-embed,
.ki-map-frame,
.ki-map-frame iframe,
.avatar,
.custom-logo{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  filter:none !important;
  opacity:1 !important;
}

#kihub .kihub-grid > a b,
#kiakhf .kiakhf-card h3,
#ki-about-khanom .kiakh-card h3,
#khanom-search-hub .kius-item h3{
  color:#0f172a !important;
}

#kihub .kihub-grid > a small,
#kiakhf .kiakhf-card p,
#ki-about-khanom .kiakh-card p,
#khanom-search-hub .kius-item p{
  color:#334155 !important;
}

@media(max-width:700px){
  #kihub .kihub-grid > a,
  #kiakhf .kiakhf-card,
  #ki-about-khanom .kiakh-card,
  #khanom-search-hub .kius-item,
  .klbq .klbq-bubble{
    -webkit-backdrop-filter:blur(9px) saturate(1.08) !important;
    backdrop-filter:blur(9px) saturate(1.08) !important;
  }
}