/* GGTime global Hermes: Kelvin-style UX, site-blue visual identity.
   Loaded after the existing wp_footer widget; strictly scoped. */
#hermes-ai-widget-global{right:20px!important;bottom:22px!important;z-index:999999!important}
#hermes-launcher-btn{
  width:56px!important;height:56px!important;border-radius:50%!important;
  background:#fff!important;color:#2b80ad!important;border:2px solid #80b9db!important;
  padding:3px!important;box-shadow:0 7px 23px rgba(28,80,113,.18)!important;
  overflow:hidden!important;line-height:1!important;
  transition:transform .2s ease,box-shadow .2s ease!important
}
#hermes-launcher-btn:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 10px 28px rgba(28,80,113,.24)!important}
#hermes-launcher-btn img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important}
#hermes-chat-modal-global{
  right:20px!important;bottom:94px!important;
  width:min(390px,calc(100vw - 24px))!important;
  height:min(580px,calc(100dvh - 115px))!important;
  max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 115px)!important;
  border:1px solid #dfebf2!important;border-radius:18px!important;
  background:#fff!important;color:#344f62!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;box-shadow:0 18px 54px rgba(26,63,88,.2)!important;
  isolation:isolate;overflow:hidden!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important
}
#hermes-chat-modal-global .hermes-header-area{
  min-height:73px!important;padding:12px 15px!important;flex:0 0 auto!important;
  background:#f3f8fc!important;border-bottom:1px solid #e1ecf3!important;color:#2b485c!important
}
#hermes-chat-modal-global .hermes-header-area>div:first-child{min-width:0!important;gap:10px!important}
#hermes-chat-modal-global .hermes-header-area>div:first-child>div:first-child{
  width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;
  border-radius:50%!important;padding:3px!important;border:1px solid #cce0ed!important;
  background:#fff!important;box-shadow:0 2px 7px rgba(42,100,139,.09)!important
}
#hermes-chat-modal-global .hermes-header-area .gg-hermes-header-icon{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
#hermes-chat-modal-global .hermes-header-area>div:first-child>div:nth-child(2){min-width:0!important}
#hermes-chat-modal-global .hermes-header-area>div:first-child>div:nth-child(2)>div:first-child{
  color:#29475b!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important
}
#hermes-chat-modal-global .hermes-header-area>div:first-child>div:nth-child(2)>div:first-child>span{
  padding:2px 7px!important;border-radius:999px!important;border:1px solid #cde9d9!important;
  background:#edf8f2!important;color:#368866!important;font-size:10px!important
}
#hermes-chat-modal-global .hermes-header-area>div:first-child>div:nth-child(2)>div:nth-child(2){
  color:#738d9e!important;font-size:11px!important;line-height:1.5!important
}
#hermes-chat-modal-global .hermes-header-area>button{
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  padding:0!important;border-radius:50%!important;flex:0 0 36px!important;
  color:#668294!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:16px!important
}
#hermes-chat-modal-global .hermes-header-area>button:hover{background:rgba(51,127,175,.09)!important}
#hermes-global-msg-box{
  min-height:0!important;flex:1 1 auto!important;padding:15px!important;gap:12px!important;
  background:linear-gradient(#f9fbfd,#fff)!important;color:#354e60!important;
  overscroll-behavior:contain!important
}
#hermes-global-msg-box>.hermes-welcome-bubble,
#hermes-global-msg-box>.gg-hermes-bot,
#hermes-global-msg-box>#hermes-loading-bubble{
  max-width:89%!important;padding:11px 13px!important;
  border-radius:14px!important;border-bottom-left-radius:5px!important;
  background:#fff!important;color:#354e60!important;border:1px solid #e5ecf1!important;
  box-shadow:0 1px 5px rgba(25,50,70,.04)!important;
  font-size:13px!important;line-height:1.65!important;overflow-wrap:anywhere!important;
  white-space:pre-wrap!important
}
#hermes-global-msg-box>.gg-hermes-user{
  max-width:88%!important;padding:11px 13px!important;
  border-radius:14px!important;border-bottom-right-radius:5px!important;
  background:#287eac!important;color:#fff!important;border:0!important;
  box-shadow:none!important;font-size:13px!important;line-height:1.65!important;
  overflow-wrap:anywhere!important;white-space:pre-wrap!important
}
#hermes-global-msg-box>#hermes-loading-bubble{color:#4d829e!important;max-width:94%!important}
#hermes-global-msg-box a{color:#267eaf!important;overflow-wrap:anywhere!important}
#hermes-chat-modal-global .hermes-quick-pills-bar{
  flex:0 0 auto!important;padding:10px 12px!important;gap:7px!important;
  background:#fafcfe!important;border-top:1px solid #e9eff3!important;scrollbar-width:none!important
}
#hermes-chat-modal-global .hermes-quick-pill{
  min-height:32px!important;padding:7px 11px!important;
  border-radius:999px!important;border:1px solid #dceaf3!important;
  background:#fff!important;color:#337599!important;box-shadow:none!important;
  font-size:12px!important;font-weight:500!important
}
#hermes-chat-modal-global .hermes-quick-pill:hover{background:#e9f4fb!important;border-color:#a4d2e9!important;color:#1e719f!important}
#hermes-chat-modal-global .hermes-input-bar-area{
  flex:0 0 auto!important;min-height:65px!important;padding:10px 12px!important;gap:9px!important;
  background:#fff!important;border-top:1px solid #e4edf2!important
}
#hermes-global-input{
  height:44px!important;min-height:44px!important;min-width:0!important;
  padding:10px 12px!important;border-radius:12px!important;
  background:#f8fafc!important;color:#2b4559!important;
  border:1px solid #dce7ef!important;box-shadow:none!important;font-size:14px!important
}
#hermes-global-input::placeholder{color:#8497a4!important}
#hermes-global-input:focus{border-color:#7db5d4!important;box-shadow:0 0 0 2px #dceef9!important}
#hermes-chat-modal-global .hermes-send-btn{
  width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;
  padding:0!important;border-radius:12px!important;
  background:#287eac!important;box-shadow:none!important;font-size:0!important
}
#hermes-chat-modal-global .hermes-send-btn::after{
  content:"➤"!important;color:#fff!important;display:block!important;font-size:19px!important;
  font-weight:600!important;line-height:1!important;transform:rotate(-28deg)!important
}
#hermes-chat-modal-global .hermes-send-btn:hover{background:#1c6e9b!important}
#hermes-ai-widget-global.gg-hermes-open #hermes-launcher-btn{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#hermes-launcher-btn:focus-visible,#hermes-chat-modal-global button:focus-visible{outline:3px solid #89b9d8!important;outline-offset:3px!important}
@media(max-width:767px){
  #hermes-ai-widget-global{right:13px!important;bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
  #hermes-launcher-btn{width:54px!important;height:54px!important}
  #hermes-chat-modal-global{
    left:10px!important;right:10px!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;max-width:none!important;
    height:min(540px,calc(100dvh - 128px - env(safe-area-inset-bottom,0px)))!important;
    max-height:calc(100dvh - 128px - env(safe-area-inset-bottom,0px))!important;
    border-radius:18px!important
  }
  #hermes-chat-modal-global .hermes-header-area{min-height:66px!important;padding:10px 13px!important}
  #hermes-chat-modal-global .hermes-header-area>div:first-child>div:first-child{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
  #hermes-global-msg-box{padding:13px!important}
  #hermes-global-msg-box>.gg-hermes-user,#hermes-global-msg-box>.gg-hermes-bot{max-width:91%!important}
  #hermes-global-input{font-size:16px!important}
}
@media(max-height:520px){#hermes-chat-modal-global{height:calc(100dvh - 108px)!important;max-height:calc(100dvh - 108px)!important}}
@media(prefers-reduced-motion:reduce){#hermes-chat-modal-global,#hermes-launcher-btn{transition:none!important;animation:none!important}}


/* 2026-10-19: demo.ggtime.net visual parity for ggtime.net.
   Keep existing Hermes transport and reply logic unchanged. */
#hermes-chat-modal-global .hermes-header-area>div:first-child>div:nth-child(2)>div:first-child{
  display:block!important;font-size:15px!important;font-weight:700!important;
  line-height:1.45!important;letter-spacing:0!important;
}
#hermes-chat-modal-global .gg-hermes-online-subtitle{
  display:flex!important;align-items:center!important;gap:5px!important;
  font-size:11px!important;font-weight:400!important;
  line-height:1.5!important;color:#728d9f!important;margin-top:2px!important;
}
#hermes-chat-modal-global .gg-hermes-online-subtitle::before{
  content:""!important;display:inline-block!important;
  flex:0 0 7px!important;width:7px!important;height:7px!important;
  border-radius:50%!important;background:#4eaf84!important;
  box-shadow:0 0 0 3px rgba(78,175,132,.13)!important;
}
#hermes-global-msg-box{text-align:left!important}
#hermes-global-msg-box>.hermes-welcome-bubble{
  display:block!important;align-self:flex-start!important;width:auto!important;
  max-width:100%!important;margin:0!important;
  padding:12px 13px!important;border-radius:14px!important;
  border-bottom-left-radius:5px!important;
  font-size:13px!important;font-weight:400!important;
  line-height:1.7!important;letter-spacing:0!important;
  text-align:left!important;white-space:normal!important;
  color:#354e60!important;box-shadow:0 1px 5px rgba(25,50,70,.04)!important;
}
#hermes-global-msg-box>.hermes-welcome-bubble *{
  font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;
}
/* The reference Demo widget keeps only the messaging area and input;
   FAQ shortcuts previously consumed the mobile view and clipped on the right. */
#hermes-chat-modal-global .hermes-quick-pills-bar{display:none!important}
#hermes-global-input{padding:10px 12px!important}
@media(max-width:767px){
  #hermes-chat-modal-global .hermes-header-area{
    min-height:66px!important;padding:11px 14px!important;
  }
  #hermes-global-msg-box{padding:13px!important}
  #hermes-global-msg-box>.hermes-welcome-bubble{
    max-width:100%!important;padding:11px 12px!important;
    font-size:13px!important;line-height:1.65!important;
  }
  #hermes-chat-modal-global .hermes-input-bar-area{
    min-height:65px!important;padding:10px 12px!important;
  }
}
