/* Astra structure: #page.site > header + #content.site-content + footer */
html, body { height: 100%; }

#page.site{
  min-height: 100vh;
  display: grid !important;
  grid-template-rows: auto 1fr auto; /* header | content grows | footer */
}

#content.site-content{ min-height: 0; } /* avoid overflow issues */

/* Page wrapper — centered row of: [nav] [content] */
.up-shell{
  display:flex;
  gap:28px;
  width:100%;
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;

  box-sizing:border-box;
  justify-content:center;     /* center the group */
  align-items:flex-start;     /* top-align columns */
}
.main-container{margin-top:20px!important;max-width:1080px !important;}

:root{
  --uphc-bg:#fff;
  --uphc-text:#111;
  --uphc-muted:#6b7280;
  --uphc-ring:0 6px 26px rgba(0,0,0,.15);
  --uphc-border:rgba(17,17,17,.08);
  --uphc-btn:#1778f2; /* facebook-ish */
  --uphc-btn-text:#fff;
  
  --avatar-ring:#032a80;
}

/* Root theme tokens — tweak these */
:root {
  --up-like-color: #2563eb;         /* icon color when liked */
  --up-like-color-hover: #1d4ed8;   /* icon on hover when liked */
  --up-like-muted: #545454;         /* icon color when unliked */
  --up-like-bg: transparent;        /* button background */
  --up-like-bg-hover: rgba(37,99,235,.08);
  --up-like-text: #374151;          /* count text color */
  --up-like-radius: 9999px;
  --up-like-pad-y: 6px;
  --up-like-pad-x: 10px;
  --up-like-gap: 6px;
  --up-like-ring: 2px solid rgba(37,99,235,.35);
  --up-like-font-size: 18px;
  --sep-size:18px;
}


/* Hide theme post bits on our routes only */
.unitypro-app .entry-header,
.unitypro-app .page-header,
.unitypro-app .site-main article,
.unitypro-app .post,
.unitypro-app .hentry { display:none !important; }
.unitypro-app .widget-area,
.unitypro-app .sidebar,
.unitypro-app #secondary { display:none !important; }

.unitypro-app-container { width:min(96vw, 1360px); margin:24px auto; padding:0 16px; }

@media (max-width: 720px){
  .unitypro-app-container { width:100%; margin:12px auto; padding:0 12px; }
}

/* Full-width overrides for common themes on UnityPro routes */
body.unitypro-app .container,
body.unitypro-app .wrap,
body.unitypro-app .site-content,
body.unitypro-app .content-area,
body.unitypro-app .site-main,
body.unitypro-app #primary,
body.unitypro-app .entry-content,
body.unitypro-app .page-content {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Our container width */
.unitypro-app-container { max-width: 1360px; width: 100%; margin: 24px auto; padding: 0 16px; }
@media (max-width: 720px){ .unitypro-app-container { margin:12px auto; padding:0 12px; } }