/* =========================================================
   CAREN RONO — ASTRA SUPPRESSION LAYER
   Purpose: Neutralize Astra visual/layout influence only.
   This file must not define Caren Rono brand styling.
   ========================================================= */


/* =========================================================
   01) ROOT DOCUMENT FLOW
   ========================================================= */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;

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


/* =========================================================
   02) ASTRA PAGE / SITE FRAME RESET
   ========================================================= */

#page,
.site,
.site-content,
#content,
.ast-container,
.content-area,
.site-main,
#primary,
article,
.ast-article-single,
.ast-article-post,
.entry-content {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#page,
.site,
.site-content,
#content,
.ast-container,
.content-area,
.site-main,
#primary,
article,
.ast-article-single,
.entry-content {
  background: transparent !important;
  background-color: transparent !important;
}


/* =========================================================
   03) ASTRA CONTAINER WIDTH RESET
   ========================================================= */

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


/* =========================================================
   04) ASTRA 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;
}


/* =========================================================
   05) ASTRA HEADER SUPPRESSION
   ========================================================= */

#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;
  visibility: hidden !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;
}


/* =========================================================
   06) ASTRA FOOTER SUPPRESSION
   ========================================================= */

#colophon,
.site-footer,
footer.site-footer,
.ast-builder-footer,
.ast-footer-copyright,
.ast-footer-copyright *,
.ast-footer-html,
.ast-footer-html *,
.ast-footer-html-1,
.ast-footer-html-2,
.site-above-footer-wrap,
.site-above-footer-wrap *,
.site-primary-footer-wrap,
.site-primary-footer-wrap *,
.site-below-footer-wrap,
.site-below-footer-wrap *,
.ast-builder-grid-row,
.ast-builder-grid-row-container,
.ast-builder-footer-grid-columns,
.ast-footer-overlay,
.footer-adv,
.footer-adv-overlay {
  display: none !important;
  visibility: hidden !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;
}


/* =========================================================
   07) ASTRA TITLE / BREADCRUMB SUPPRESSION
   ========================================================= */

.entry-header,
.entry-title,
.page-title,
.ast-archive-title,
.ast-single-post-order,
.ast-breadcrumbs-wrapper {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}


/* =========================================================
   08) ASTRA SIDEBAR / WIDGET SUPPRESSION
   ========================================================= */

#secondary,
.widget-area,
.sidebar-main,
.ast-sidebar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

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


/* =========================================================
   09) ASTRA SEPARATE 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;
  background: transparent !important;
  background-color: transparent !important;
}

.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container #primary {
  padding: 0 !important;
  margin: 0 !important;
}


/* =========================================================
   10) WORDPRESS BLOCK / ENTRY CONTENT RESET
   ========================================================= */

.wp-block-group,
.wp-block-image,
.wp-block-cover,
.wp-block-columns,
.wp-block-column,
.wp-block-heading {
  margin-top: 0;
  margin-bottom: 0;
}

.entry-content > * {
  max-width: none !important;
}

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


/* =========================================================
   11) TYPOGRAPHY CONTROL HANDOFF
   Do not set Caren brand fonts here.
   ========================================================= */

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


/* =========================================================
   12) LINK NEUTRALIZATION
   Final link styling belongs in site.css.
   ========================================================= */

a {
  color: inherit;
}

a:hover,
a:focus {
  color: inherit;
}


/* =========================================================
   13) BUTTON NEUTRALIZATION
   Final button styling belongs in site.css.
   ========================================================= */

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


/* =========================================================
   14) FORM NEUTRALIZATION
   Final form styling belongs in site.css if needed.
   ========================================================= */

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

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


/* =========================================================
   15) MEDIA RESET
   ========================================================= */

img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  height: auto;
}

img,
picture,
video,
canvas {
  display: block;
}

figure {
  margin: 0;
}


/* =========================================================
   16) CAREN TEMPLATE WIDTH HANDOFF
   Allows front-page.php and site.css to control layout.
   ========================================================= */

.cr-main,
.cr-main * {
  box-sizing: border-box;
}

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


/* =========================================================
   17) 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;
  }

}


/* =========================================================
   18) ACCESSIBILITY HANDOFF
   Final focus styling belongs in site.css.
   ========================================================= */

:focus-visible {
  outline-offset: 2px;
}