/* =========================================================
   QCS — ASTRA RESET LAYER
   Quiet Conversion System
   Neutralizes Astra visual opinion so QCS controls design
   ========================================================= */


/* =========================================================
   1) ROOT + HTML
   ========================================================= */

html{
  scroll-behavior: smooth;
}

body{
  margin: 0;
  padding: 0;

  background: var(--qcs-bg, #f6f1e8);
  color: var(--qcs-ink, #1f2320);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.68;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* =========================================================
   2) ASTRA STRUCTURE RESET
   ========================================================= */

#page,
.site,
.site-content,
.ast-container,
.content-area,
.site-primary-footer-wrap,
.site-below-footer-wrap{
  background: transparent;
  box-shadow: none;
  border: 0;
}

.ast-container{
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.site-content{
  padding-top: 0;
  margin-top: 0;
}

.content-area,
.site-main,
.entry-content{
  margin: 0;
  padding: 0;
}


/* =========================================================
   3) REMOVE ASTRA TITLE SYSTEM
   ========================================================= */

.entry-header,
.entry-title,
.page-title,
.ast-archive-title{
  display: none;
}


/* =========================================================
   4) REMOVE SIDEBARS
   ========================================================= */

#secondary,
.widget-area,
.sidebar-main,
.ast-sidebar{
  display: none;
}

.ast-no-sidebar #primary{
  width: 100%;
}


/* =========================================================
   5) HEADER RESET
   ========================================================= */

#masthead,
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-desktop-header,
.ast-mobile-header-wrap,
.ast-builder-menu{
  box-shadow: none;
  border: 0;
}


/* =========================================================
   6) FOOTER RESET
   ========================================================= */

.site-footer,
.site-primary-footer-wrap,
.site-below-footer-wrap{
  background: transparent;
  border: 0;
  box-shadow: none;
}


/* =========================================================
   7) TYPOGRAPHY RESET
   Remove Astra typography system
   ========================================================= */

body,
button,
input,
select,
textarea{
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-content :where(h1,h2,h3,h4,h5,h6){
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--qcs-ink, #1f2320);
}

h1{
  font-size: clamp(34px, 4.2vw, 52px);
  line-height: 1.12;
}

h2{
  font-size: 32px;
  line-height: 1.18;
}

h3{
  font-size: 24px;
  line-height: 1.24;
}

h4{
  font-size: 20px;
}

h5{
  font-size: 18px;
}

h6{
  font-size: 16px;
}

p{
  margin: 0 0 1.2em;
  color: var(--qcs-muted, #4b544b);
}


/* =========================================================
   8) LINK RESET
   ========================================================= */

a{
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;

  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    opacity 0.2s ease;
}

a:hover{
  color: var(--qcs-sage-dark, #5f735f);
}


/* =========================================================
   9) BUTTON RESET
   Neutralize Astra buttons
   ========================================================= */

button,
.ast-button,
.button,
input[type="submit"],
input[type="button"],
.wp-block-button__link{
  appearance: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;

  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}


/* =========================================================
   10) FORM RESET
   ========================================================= */

input,
textarea,
select{
  appearance: none;
  box-shadow: none;
}

input:focus,
textarea:focus,
select:focus{
  outline: none;
  box-shadow: none;
}


/* =========================================================
   11) IMAGE RESET
   ========================================================= */

img{
  max-width: 100%;
  height: auto;
  display: block;
}

figure{
  margin: 0;
}


/* =========================================================
   12) LIST RESET
   ========================================================= */

ul,
ol{
  padding-left: 1.2em;
}

li{
  margin-bottom: 0.45em;
}


/* =========================================================
   13) BLOCK EDITOR RESET
   ========================================================= */

.wp-block-group{
  margin-bottom: 0;
}

.wp-block-image{
  margin-bottom: 0;
}

.wp-block-heading{
  margin-top: 0;
}


/* =========================================================
   14) REMOVE ASTRA SHADOWS / RADIUS
   ========================================================= */

.ast-separate-container article,
.ast-separate-container .ast-article-post,
.ast-card-format-container{
  border: 0;
  box-shadow: none;
  border-radius: 0;
}


/* =========================================================
   15) MOBILE CLEANUP
   ========================================================= */

@media (max-width: 921px){

  .ast-container{
    padding-left: 0;
    padding-right: 0;
  }

  .site-content{
    padding-top: 0;
  }

}


/* =========================================================
   16) ACCESSIBILITY
   ========================================================= */

:focus-visible{
  outline: 1px dotted rgba(31,35,32,0.45);
  outline-offset: 2px;
}


/* =========================================================
   17) WORDPRESS ADMIN BAR SAFETY
   ========================================================= */

.admin-bar .mf-top-banner{
  top: 32px;
}

@media (max-width: 782px){

  .admin-bar .mf-top-banner{
    top: 46px;
  }

}
/* =========================================================
   18) HIDE ASTRA HEADER
   QCS uses its own header system
   ========================================================= */

#masthead,
.site-header,
header.site-header,
.ast-primary-header-bar,
.main-header-bar,
.ast-mobile-header-wrap,
.ast-desktop-header,
.ast-above-header-wrap,
.ast-below-header-wrap {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
/* =========================================================
   19) ASTRA VISUAL LEAK PATCH
   Hide Astra footer and remove theme color/border remnants
   ========================================================= */

html,
body,
#page,
.site,
.site-content,
#content,
.ast-container,
.content-area,
.site-main,
#primary,
article,
.entry-content {
  background: var(--qcs-bg, #f6f1e8) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-footer,
footer.site-footer,
#colophon,
.ast-footer-copyright,
.site-primary-footer-wrap,
.site-below-footer-wrap,
.ast-builder-grid-row-container,
.ast-builder-footer-grid-columns,
.ast-footer-overlay {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ast-separate-container,
.ast-separate-container #primary,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post {
  background: var(--qcs-bg, #f6f1e8) !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* =========================================================
   20) ASTRA LAYOUT FLOW PATCH
   Force QCS pages back into normal document flow
   ========================================================= */

#content,
.site-content,
.ast-container,
#primary,
.content-area,
.site-main {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ast-container::before,
.ast-container::after,
.site-content::before,
.site-content::after {
  display: none !important;
  content: none !important;
}
/* =========================================================
   21) QCS MAIN CONTENT WIDTH PATCH
   Prevent Astra/content wrappers from shifting QCS sections
   ========================================================= */

.qcs-main,
.qcs-main *,
.entry-content,
.entry-content > * {
  box-sizing: border-box;
}

.qcs-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: both !important;
}

.entry-content > .qcs-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}