/* Prompt Training: single centered dashboard card */
font-face {
  font-family: 'Montserrat';
  src: url('../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('truetype');
  font-weight: normal;
  font-style: normal;
}
*{  font-family: 'Montserrat' !important;}
.guardian-banner{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;background:#f7f7f9;border:1px solid #e8e8ee;border-radius:12px;padding:16px;margin:16px 0;}
.guardian-banner img{width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid #ddd;background:#fff;}
.guardian-banner h2{margin:0;font-size:18px}
.guardian-banner .g-level{font-weight:600;margin-top:2px}
.guardian-banner p{margin:6px 0 0 0;font-size:14px;color:#444}
.btn-key{height:60px; margin:0 8px; cursor:pointer; display:inline-block; vertical-align:middle}
.site-footer, .contact-container{
  text-align:center;color: white;
  font-size:20px;
}
.site-footer a, .contact-container a{color:inherit;text-decoration:none !important}
.site-footer {  position: static; bottom: 0; width: 100%; padding:16px 12px; padding-top:32px;}
.contact-container { font-size:14px;}

.cards-one-center{
  display:flex; justify-content:center; align-items:center; gap:20px; flex-wrap:wrap;
  padding:10px 0;
}
.cards-one-center .game-card{
  width:min(260px, 90vw);
  background:#2c0e64; color:#fff; border-radius:14px; padding:14px; text-align:center;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
}
.cards-one-center .game-card img{
  width:100%; height:140px; object-fit:cover; border-radius:10px;
  border:1px solid rgba(255,255,255,.15); background:#fff; margin-bottom:10px;
}
.cards-one-center .game-card .title{ font-weight:700; font-size:18px; }
.cards-one-center .game-card .sub{ opacity:.9; font-size:13px; }

/* Mobile layout adjustments */
@media (max-width: 768px){
  .message-area-bottom{position:fixed;left:0;right:0;bottom:40px;z-index:2000;background:#fff;border-top:1px solid #e2e2e6;box-shadow:0 -2px 6px rgba(0,0,0,.08);height:auto;padding:6px 8px;}
  .message-area-bottom .chat-input{display:flex;align-items:flex-start;gap:6px;}
  .message-area-bottom textarea#chat{min-height:46px;max-height:120px;resize:vertical;font-size:15px;padding:6px 8px;width:100%;}
  .contact-container{position:fixed;left:0;right:0;bottom:0;background:#64008b;color:#fff;padding:8px 10px;font-size:13px;z-index:1999;border-top:1px solid #381862;}
  .contact-container a{color:#fff !important;font-weight:500;}
  body.custom-body{padding-bottom:120px;}
}

/* Hide footer only when a modal is open on mobile/tablet (<= 992px) */
@media (max-width: 1920px){
  body .site-footer { margin-top: -30px !important; padding-top: 0;}
}

@media (max-width: 992px){
  body > .container { margin-bottom: 50px}
}

/* Ensure footer is hidden whenever a Bootstrap modal is open */
body.modal-open .site-footer{ display:none !important; }
body.footer-hidden .site-footer{ display:none !important; }

/* Also hide footer when in chat (custom-body) on mobile/tablet */
@media (max-width: 992px){
  body.custom-body .site-footer{ display:none !important; }
}