/*
Theme Name: ModelGlue.ai Theme
Theme URI: https://modelglue.ai/
Author: Immutifi
Author URI: https://immutifi.com/
Description: Dark centered theme for ModelGlue.ai with a top-centered logo, centered navigation, and a clean shell for the live multi-model research debate experience.
Version: 0.1.2
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: modelglue-ai-theme
*/

:root{
  --ad-bg:#050812;
  --ad-bg-soft:#08101d;
  --ad-panel:#0d1728;
  --ad-panel-2:#111d32;
  --ad-line:rgba(255,255,255,.1);
  --ad-text:#f4f7ff;
  --ad-muted:rgba(244,247,255,.72);
  --ad-accent:#38d7ff;
  --ad-accent-2:#b8f0ff;
  --ad-shadow:0 24px 70px rgba(0,0,0,.35);
  --ad-radius:22px;
  --ad-radius-sm:16px;
  --ad-max:1360px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 18% 0%, rgba(56,215,255,.18), transparent 28%),
    radial-gradient(circle at 82% 4%, rgba(139,92,246,.16), transparent 30%),
    linear-gradient(180deg, #070a12 0%, #06070b 100%);
  color:var(--ad-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
}
a{color:var(--ad-accent)}
a:hover{color:var(--ad-accent-2)}
img{max-width:100%;height:auto}

.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;
}

.modelglue-site-shell{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.modelglue-site-header{
  width:min(calc(100% - 28px), var(--ad-max));
  margin:18px auto 12px;
  padding:22px 22px 16px;
  border:1px solid var(--ad-line);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow:var(--ad-shadow);
  backdrop-filter:blur(14px);
}
.modelglue-branding{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
}
.modelglue-branding .custom-logo-link,
.modelglue-branding .site-logo{display:inline-flex;justify-content:center}
.modelglue-branding .custom-logo{max-width:520px;height:auto}
.modelglue-wordmark{
  margin:0;
  font-size:clamp(2rem,4vw,3.4rem);
  line-height:1;
  font-weight:800;
  letter-spacing:-.04em;
}
.modelglue-wordmark a{color:var(--ad-text);text-decoration:none}
.modelglue-tagline{margin:0;color:var(--ad-muted);font-size:1rem;max-width:720px}

.modelglue-primary-nav{margin-top:18px}
.modelglue-primary-nav .menu,
.modelglue-primary-links{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0;
}
.modelglue-primary-nav a,
.modelglue-primary-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:var(--ad-text);
  text-decoration:none;
  font-weight:600;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.modelglue-primary-nav a:hover,
.modelglue-primary-links a:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.08);
  border-color:rgba(125,194,255,.3);
}

.modelglue-main{
  width:min(calc(100% - 28px), var(--ad-max));
  margin:0 auto 26px;
  flex:1;
}
.modelglue-page-shell,
.modelglue-front-shell{
  padding:8px 0 18px;
}
.modelglue-content-card{
  padding:22px;
  border:1px solid var(--ad-line);
  border-radius:var(--ad-radius);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow:var(--ad-shadow);
}

.entry-title,
.page-title{
  margin:0 0 12px;
  font-size:clamp(1.8rem,3vw,2.7rem);
  line-height:1.05;
  letter-spacing:-.03em;
}
.entry-content > *:first-child{margin-top:0}
.entry-content > *:last-child{margin-bottom:0}
.entry-content p,
.entry-content li{color:var(--ad-muted)}

.modelglue-site-footer{
  width:min(calc(100% - 28px), var(--ad-max));
  margin:0 auto 22px;
  padding:18px 20px;
  border:1px solid var(--ad-line);
  border-radius:22px;
  background:rgba(255,255,255,.03);
  color:var(--ad-muted);
  text-align:center;
}
.modelglue-site-footer a{color:var(--ad-accent)}

/* Plugin harmony */
.betdebate-wrap,
.modelglue-home{max-width:100% !important}
.betdebate-card,
.betdebate-market-card,
.betdebate-ask-box,
.betdebate-room-runtime-live,
.betdebate-inline-upsell,
.betdebate-locked-card,
.modelglue-latest-question{
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important;
  box-shadow:var(--ad-shadow);
}
.betdebate-ask-box,
.betdebate-room-runtime-live,
.modelglue-latest-question{padding:18px}
.betdebate-message-top strong,
.betdebate-card h3,
.betdebate-card h4{color:var(--ad-text)}
.betdebate-message-top span,
.betdebate-card p,
.betdebate-preview-line,
.betdebate-pricing-cta-copy{color:var(--ad-muted)}

.betdebate-form textarea,
.betdebate-form input[type="text"],
.betdebate-form input[type="url"],
.betdebate-form input[type="email"],
.betdebate-form select,
input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select{
  width:100%;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:#0c111b;
  color:var(--ad-text);
}
textarea::placeholder,
input::placeholder{color:rgba(244,247,255,.44)}

.betdebate-btn,
.betdebate-btn-submit,
button,
input[type="submit"],
.wp-element-button{
  appearance:none;
  border:none;
  border-radius:999px;
  background:linear-gradient(180deg, #a5d5ff, #7dc2ff);
  color:#07111d !important;
  font-weight:800;
  text-decoration:none;
  padding:12px 18px;
  cursor:pointer;
  box-shadow:0 16px 30px rgba(82,141,255,.22);
}
.betdebate-link{color:var(--ad-accent-2);font-weight:700;text-decoration:none}
.betdebate-form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px}

.modelglue-question-stage,
.modelglue-live-stage{gap:14px !important}
.modelglue-status-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2px}
.modelglue-status-pill{
  background:rgba(125,194,255,.09) !important;
  border-color:rgba(125,194,255,.22) !important;
}
.betdebate-live-strip,
.betdebate-presence-strip,
.betdebate-snapshot-strip{
  border-radius:16px;
}

.wp-block-group,
.wp-block-cover,
.wp-block-columns,
.wp-block-image,
.wp-block-heading,
.wp-block-paragraph{
  max-width:100%;
}

@media (max-width: 782px){
  .modelglue-site-header{padding:18px 16px 14px}
  .modelglue-main,.modelglue-site-footer,.modelglue-site-header{width:min(calc(100% - 18px), var(--ad-max))}
  .modelglue-content-card{padding:18px}
  .betdebate-ask-box,.betdebate-room-runtime-live,.modelglue-latest-question{padding:16px}
}


/* ModelGlue polish */
.modelglue-site-header{
  margin-top:14px;
}
.modelglue-wordmark{
  background:linear-gradient(90deg,#f8fbff,#b8f0ff 48%,#c7b8ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.modelglue-wordmark a{
  color:inherit;
}
.modelglue-tagline{
  color:rgba(226,239,255,.78);
}
.modelglue-primary-nav a,
.modelglue-primary-links a{
  border-color:rgba(56,215,255,.16);
  background:rgba(9,20,38,.72);
}
.modelglue-primary-nav a:hover,
.modelglue-primary-links a:hover{
  border-color:rgba(56,215,255,.45);
  background:rgba(56,215,255,.1);
}
@media (min-width: 1024px){
  .modelglue-site-header{padding-top:18px;}
}


/* ModelGlue.ai v0.1.1 brand + agent customize polish */
.modelglue-theme-logo a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.modelglue-theme-logo img{width:min(720px,92vw);height:auto;display:block;filter:drop-shadow(0 18px 42px rgba(56,215,255,.12));}
.modelglue-branding .custom-logo{max-width:720px;height:auto}
.modelglue-site-header{padding-top:18px;padding-bottom:14px}
.modelglue-primary-nav{margin-top:14px}
.betdebate-agent-customize-toggle,
.betdebate-agent-reset{
  appearance:none !important;
  box-shadow:none !important;
  text-transform:none !important;
}
.betdebate-agent-customize-toggle{
  background:linear-gradient(180deg, rgba(14,58,93,.92), rgba(8,39,66,.96)) !important;
  border:1px solid rgba(125,211,252,.42) !important;
  color:#e9f8ff !important;
}
.betdebate-agent-advanced-panel{
  border:1px solid rgba(125,211,252,.34) !important;
  background:linear-gradient(180deg, rgba(8,15,30,.96), rgba(5,10,22,.96)) !important;
}
.betdebate-agent-advanced-grid{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
.betdebate-agent-advanced-checks{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}
.betdebate-agent-advanced-checks label{
  flex:1 1 108px !important;
  min-width:104px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  white-space:nowrap !important;
}
.betdebate-agent-advanced-checks input[type="checkbox"]{
  width:14px !important;height:14px !important;min-width:14px !important;margin:0 !important;accent-color:#38d7ff !important;
}
.betdebate-agent-reset{
  background:linear-gradient(180deg, rgba(88,19,43,.74), rgba(54,12,29,.86)) !important;
  border:1px solid rgba(251,113,133,.44) !important;
  color:#ffe4e6 !important;
}
@media(min-width:1180px){.betdebate-agent-advanced-grid{grid-template-columns:1fr 1fr !important;}}
@media(max-width:760px){.modelglue-theme-logo img{width:min(620px,94vw)}.betdebate-agent-advanced-checks label{flex-basis:100% !important;}}
