/* =========================================================
   RareCity SpaceHUD — layout.css (SAFE FULL-WIDTH)
   Goals:
   - Full-width layout without boxing
   - Remove Gutenberg max-width constraints
   - DO NOT force every block to width:100% (prevents giant bars)
========================================================= */

/* Main content wrapper (full width with padding) */
.rc-wrap{
  width: 100%;
  padding: 18px;
}

/* Content container: full width */
.rc-container{
  width: 100%;
  max-width: none;
  margin: 0;
}

/* Optional: basic article styling */
.rc-article{
  margin: 0 0 18px;
}
.rc-title{
  margin: 16px 0 10px;
}
.rc-title a{
  color: inherit;
  text-decoration:none;
}
.rc-title a:hover{
  text-decoration: underline;
}

/* Footer */
.rc-footer{
  width: 100%;
  margin: 18px 0 26px;
}
.rc-footer-inner{
  max-width:1180px;
  margin:0 auto;
  border-radius: 18px;
  border: 1px solid rgba(140,185,255,.14);
  background: rgba(12,18,42,.40);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
  padding: 14px 16px;
  color: rgba(235,245,255,.78);
  font-weight: 800;
  font-size: 12px;
  line-height: 1.4;
}
.rc-footer-inner a{
  color: rgba(253,220,22,.95);
  text-decoration:none;
  border-bottom: 1px solid rgba(253,220,22,.25);
}
.rc-footer-inner a:hover{ filter: brightness(1.08); }

/* =========================================================
   SAFE “UNBOXING”
   Remove max-width constraints without breaking block sizing
========================================================= */

/* Gutenberg often constrains blocks via max-width rules.
   We remove max-width only. We DO NOT force width:100%. */
.rc-fullwidth .entry-content,
.rc-fullwidth .entry-content > *{
  max-width: none !important;
}

/* Site/block wrappers that often apply max-width */
.rc-fullwidth .wp-site-blocks,
.rc-fullwidth .wp-block-group__inner-container,
.rc-fullwidth .wp-block-group,
.rc-fullwidth .wp-block-cover__inner-container,
.rc-fullwidth .wp-block-template-part{
  max-width: none !important;
}

/* Wide/full align should be allowed */
.rc-fullwidth .alignwide,
.rc-fullwidth .alignfull{
  max-width: none !important;
}

/* True full-bleed for alignfull only (matches Gutenberg intent) */
.rc-fullwidth .alignfull{
  width: calc(100% + 36px) !important;
  margin-left: -18px !important;
  margin-right: -18px !important;
}

/* Common theme/builder containers that box layout */
.rc-fullwidth .site,
.rc-fullwidth .site-content,
.rc-fullwidth .content-area,
.rc-fullwidth .content,
.rc-fullwidth .container,
.rc-fullwidth .wrap,
.rc-fullwidth .wrapper,
.rc-fullwidth #page,
.rc-fullwidth #content,
.rc-fullwidth #primary,
.rc-fullwidth #main{
  max-width: none !important;
}

/* If a builder/theme adds margins that create a “boxed” look */
.rc-fullwidth .site,
.rc-fullwidth #page{
  margin: 0 !important;
}

/* =========================================================
   Guardrails: prevent “pill/button/badge” blocks becoming bars
   (Some builders or block styles set display:block + width:100)
========================================================= */

/* If buttons are being forced to stretch, keep them auto width */
.rc-fullwidth .wp-block-button__link,
.rc-fullwidth .wp-element-button,
.rc-fullwidth button,
.rc-fullwidth input[type="button"],
.rc-fullwidth input[type="submit"]{
  width: auto;
  max-width: 100%;
}

/* If a group/row is meant to hug content, allow it */
.rc-fullwidth .is-layout-flex{
  width: auto;
}

/* Keep media responsive */
.entry-content img,
.entry-content video,
.entry-content iframe{
  max-width: 100%;
  height: auto;
}

/* Pagination */
.rc-pagination{
  margin: 18px 0 0;
}