/* ==========================================================
   InstaCalculate Site Shell v1.6
   Theme owns only Kadence shell/header/footer + layout reset.
   Plugin owns calculators, homepage, hubs, directories and resources.
========================================================== */

:root {
  --ics-ink: #18231f;
  --ics-text: #4a554e;
  --ics-muted: #7a837c;
  --ics-line: #e7eae6;
  --ics-paper: #ffffff;
  --ics-canvas: #fffefa;
  --ics-blue: #4567f2;
  --ics-font: var(--global-body-font-family, inherit);
}

html { scroll-behavior: smooth; }
body { background: var(--ics-canvas); color: var(--ics-text); }
body, button, input, select, textarea { font-family: var(--ics-font); }
::selection { background: rgba(69,103,242,.16); color: var(--ics-ink); }

/* Header stays Kadence-managed: menus/logo remain editable in WP. */
.site-header, #masthead, .kadence-header {
  background: rgba(255,255,253,.96) !important;
  border-bottom: 1px solid rgba(24,35,31,.07) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.site-header-row-container-inner > .site-container,
.site-header .site-container,
#masthead .site-container {
  max-width: 1180px !important;
}
.main-navigation a, .primary-menu a, .kadence-navigation a {
  color: #48524b !important;
  font-family: var(--ics-font) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
}
.main-navigation a:hover, .primary-menu a:hover, .kadence-navigation a:hover { color: var(--ics-blue) !important; }

/* Managed product pages bypass Kadence's boxed article styling. */
body.is-ic-managed-ui,
body.is-ic-managed-ui #page,
body.is-ic-managed-ui #wrapper,
body.is-ic-managed-ui #inner-wrap { background: var(--ics-canvas) !important; }

body.is-ic-managed-ui .entry-hero,
body.is-ic-managed-ui .entry-hero-container,
body.is-ic-managed-ui .entry-hero-container-inner,
body.is-ic-managed-ui .entry-header,
body.is-ic-managed-ui .page-header,
body.is-ic-managed-ui h1.entry-title,
body.is-ic-managed-ui .kadence-breadcrumb-container { display: none !important; }

body.is-ic-managed-ui #primary,
body.is-ic-managed-ui #main,
body.is-ic-managed-ui .site-main,
body.is-ic-managed-ui .content-area,
body.is-ic-managed-ui .content-bg,
body.is-ic-managed-ui .entry,
body.is-ic-managed-ui .single-entry,
body.is-ic-managed-ui .entry-content-wrap,
body.is-ic-managed-ui .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.is-ic-managed-ui main .site-container,
body.is-ic-managed-ui #main > .content-container,
body.is-ic-managed-ui #primary > .content-container,
body.is-ic-managed-ui .site-main > .content-container,
body.is-ic-managed-ui .content-container.site-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Prevent old custom HTML typography from leaking into plugin-managed interfaces. */
body.is-ic-managed-ui .entry-content > div[class^="ic"],
body.is-ic-managed-ui .entry-content > div[class*=" ic"] { font-family: var(--ics-font) !important; }

/* Footer: fuller, product-style, but existing WP footer menus/content stay editable. */
.site-footer, #colophon {
  margin-top: 0 !important;
  background: #1b2a26 !important;
  border-top: 0 !important;
  color: #c8d1cc !important;
}
.site-footer .site-container, #colophon .site-container { max-width: 1180px !important; }
.site-footer, .site-footer p, .site-footer li, #colophon, #colophon p, #colophon li {
  color: #b7c2bc !important;
  font-family: var(--ics-font) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}
.site-footer a, #colophon a { color: #edf2ef !important; text-decoration: none !important; }
.site-footer a:hover, #colophon a:hover { color: #bdf3a8 !important; }
.site-footer h2, .site-footer h3, .site-footer h4, #colophon h2, #colophon h3, #colophon h4 {
  color: #fff !important;
  font-family: var(--ics-font) !important;
}

:focus-visible { outline: 2px solid rgba(69,103,242,.58); outline-offset: 3px; }

@media (max-width: 767px) {
  .site-header-row-container-inner > .site-container,
  .site-header .site-container,
  #masthead .site-container { padding-left: 18px !important; padding-right: 18px !important; }
}