/* =========================================================
   File: assets/css/astra-reset.css
   Project: DumagueteAA QCS Lite
   Layer: Astra Suppression Layer
   Version: 0.1.1
   Status: Working project file
   Last Updated: 2026-06-03

   Purpose:
   Neutralize Astra visual/layout influence only.

   This file must not define DumagueteAA brand styling.

   Brand styling belongs in:
   - tokens.css
   - base.css
   - layout.css
   - components.css
   - events.css
   - forms.css
   - responsive.css

   Master File Goal:
   This file is being refined toward a reusable QCS master
   Astra suppression file suitable as the starting point for
   future QCS Lite projects.

   Maintenance Rules:
   - Preserve numbered sections.
   - Do not add brand styling.
   - Do not add project-specific colors.
   - Do not add typography decisions.
   - Do not add component styling.
   - Add only substrate-neutralization rules.
   ========================================================= */


/* =========================================================
   01) ROOT DOCUMENT FLOW
   ========================================================= */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* =========================================================
   02) ASTRA STRUCTURE RESET
   ========================================================= */

#page,
.site,
.site-content,
#content,
.ast-container,
.content-area,
.site-main,
#primary,
article,
.entry-content {
  border: 0 !important;
  box-shadow: none !important;
}

.ast-container {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#content,
.site-content,
.content-area,
.site-main,
#primary,
.entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   03) NORMAL DOCUMENT FLOW PATCH
   ========================================================= */

#content,
.site-content,
.ast-container,
#primary,
.content-area,
.site-main {
  display: block !important;
  float: none !important;
  clear: both !important;
}

.ast-container::before,
.ast-container::after,
.site-content::before,
.site-content::after,
#content::before,
#content::after {
  display: none !important;
  content: none !important;
}


/* =========================================================
   04) REMOVE ASTRA TITLE SYSTEM
   ========================================================= */

.entry-header,
.entry-title,
.page-title,
.ast-archive-title,
.ast-single-post-order,
.ast-breadcrumbs-wrapper {
  display: none !important;
}


/* =========================================================
   05) REMOVE ASTRA SIDEBARS
   ========================================================= */

#secondary,
.widget-area,
.sidebar-main,
.ast-sidebar {
  display: none !important;
}

.ast-no-sidebar #primary,
#primary {
  width: 100% !important;
}


/* =========================================================
   06) HIDE ASTRA HEADER SYSTEM
   QCS Lite header lives in:
   template-parts/header/site-header.php
   ========================================================= */

#masthead,
.site-header,
header.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-desktop-header,
.ast-mobile-header-wrap,
.ast-above-header-wrap,
.ast-below-header-wrap,
.ast-builder-menu,
.ast-header-break-point .ast-mobile-header-wrap {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}


/* =========================================================
   07) HIDE ASTRA FOOTER SYSTEM
   QCS Lite footer lives in:
   template-parts/footer/site-footer.php
   ========================================================= */

.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;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* =========================================================
   08) TYPOGRAPHY CONTROL HANDOFF
   ========================================================= */

body,
button,
input,
select,
textarea {
  font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-content :where(h1, h2, h3, h4, h5, h6) {
  color: inherit;
}


/* =========================================================
   09) LINK NEUTRALIZATION
   ========================================================= */

a {
  color: inherit;
}

a:hover,
a:focus {
  color: inherit;
}


/* =========================================================
   10) BUTTON NEUTRALIZATION
   ========================================================= */

button,
.ast-button,
.button,
input[type="submit"],
input[type="button"],
.wp-block-button__link {
  appearance: none;
  border-radius: 0;
  box-shadow: none;
}


/* =========================================================
   11) FORM NEUTRALIZATION
   ========================================================= */

input,
textarea,
select {
  appearance: none;
  box-shadow: none;
}

input:focus,
textarea:focus,
select:focus {
  box-shadow: none;
}


/* =========================================================
   12) MEDIA RESET
   ========================================================= */

img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  height: auto;
}

img,
picture,
video,
canvas {
  display: block;
}

figure {
  margin: 0;
}


/* =========================================================
   13) WORDPRESS BLOCK RESET
   ========================================================= */

.wp-block-group,
.wp-block-image,
.wp-block-cover,
.wp-block-columns,
.wp-block-column,
.wp-block-heading,
.wp-block-paragraph,
.wp-block-buttons {
  margin-top: 0;
  margin-bottom: 0;
}

.entry-content > * {
  max-width: none !important;
}


/* =========================================================
   14) ASTRA CARD / CONTAINER CLEANUP
   ========================================================= */

.ast-separate-container,
.ast-separate-container #primary,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container article,
.ast-card-format-container {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}


/* =========================================================
   15) QCS LITE MAIN WIDTH HANDOFF
   ========================================================= */

.daa-main,
.daa-main *,
.entry-content,
.entry-content > * {
  box-sizing: border-box;
}

.daa-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: both !important;
}

.entry-content > .daa-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}


/* =========================================================
   16) ANCHOR JUMP SAFETY
   ========================================================= */

[id] {
  scroll-margin-top: 96px;
}


/* =========================================================
   17) TABLE / PLUGIN OUTPUT CONTAINMENT
   ========================================================= */

.ninja_table_wrapper,
.ninja-tables,
.footable,
.daa-meeting-table {
  max-width: 100%;
  box-sizing: border-box;
}


/* =========================================================
   18) MOBILE ASTRA CLEANUP
   ========================================================= */

@media (max-width: 921px) {

  .ast-container,
  #content,
  .site-content,
  .content-area,
  .site-main,
  #primary {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

}


/* =========================================================
   19) ACCESSIBILITY HANDOFF
   ========================================================= */

:focus-visible {
  outline-offset: 2px;
}


/* =========================================================
   20) WORDPRESS ADMIN BAR SAFETY
   ========================================================= */

.admin-bar .daa-site-header {
  top: auto;
}

@media (max-width: 782px) {

  .admin-bar .daa-site-header {
    top: auto;
  }

}