/* ==========================================================================
   Cloudfonica Neo-Brutalist Presentation Layer
   Loads after theme-components.css and restyles semantic classes:
   heavy navy ink borders, hard offset shadows, flat brand fills, squared
   corners.
   ========================================================================== */

:root {
  --nb-ink: #071B37;
  --nb-paper: #FBF8F1;
  --nb-white: #FFFFFF;
  --nb-blue: #065FD4;
  --nb-cyan: #06BFF1;
  --nb-cyan-wash: #DDF5FD;
  --nb-signal: #FFD23F;
  --nb-muted: #4A5B73;
  --nb-bw: 3px;
  --nb-off: 6px;
  --nb-off-sm: 4px;
  --nb-off-lg: 10px;
  --nb-shadow-color: var(--nb-ink);
  --nb-border: var(--nb-bw) solid var(--nb-ink);
  --nb-dashed: var(--nb-bw) dashed var(--nb-ink);
}

@media (max-width: 599px) {
  :root {
    --nb-off: 4px;
    --nb-off-sm: 3px;
    --nb-off-lg: 6px;
  }
}

body.cf-skin-neo {
  background-color: var(--nb-paper);
}

/* Hard offset borders & shadows on buttons */
body.cf-skin-neo .wp-block-button__link,
body.cf-skin-neo .cf-btn-primary {
  border-radius: 0;
  border: var(--nb-border);
  box-shadow: var(--nb-off-sm) var(--nb-off-sm) 0 var(--nb-ink);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}

body.cf-skin-neo .wp-block-button__link:hover,
body.cf-skin-neo .cf-btn-primary:hover {
  transform: translate(-1px, -1px);
  box-shadow: calc(var(--nb-off-sm) + 1px) calc(var(--nb-off-sm) + 1px) 0 var(--nb-ink);
}

body.cf-skin-neo .wp-block-button__link:active,
body.cf-skin-neo .cf-btn-primary:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0 var(--nb-ink);
}

/* Light header with ink border */
body.cf-skin-neo .cf-header {
  border-block-end: var(--nb-border);
}

body.cf-skin-neo .cf-menu-toggle {
  border-radius: 0;
  border: var(--nb-border);
  box-shadow: 2px 2px 0 var(--nb-ink);
}

/* Diagnostics strip */
body.cf-skin-neo .cf-diagnostics {
  border-radius: 0;
  border: var(--nb-border);
  box-shadow: var(--nb-off-sm) var(--nb-off-sm) 0 var(--wp--preset--color--accent-cyan);
}


/* Neo-Brutalist Layout Overrides */
body.cf-skin-neo .cf-calc-card,
body.cf-skin-neo .cf-solution-card,
body.cf-skin-neo .cf-download-card,
body.cf-skin-neo .cf-visual-card,
body.cf-skin-neo .cf-faq-item,
body.cf-skin-neo .cf-notice-box {
  border-radius: 0;
  border: var(--nb-border);
  box-shadow: var(--nb-off-sm) var(--nb-off-sm) 0 var(--nb-ink);
}

body.cf-skin-neo .cf-pill span {
  border-radius: 0;
  border: 2px solid var(--nb-ink);
}

body.cf-skin-neo .cf-pill input:checked + span {
  border: 2px solid var(--nb-ink);
  box-shadow: 2px 2px 0 var(--nb-ink);
}

body.cf-skin-neo .cf-filter-btn {
  border-radius: 0;
  border: 2px solid var(--nb-ink);
}

body.cf-skin-neo .cf-filter-btn.cf-active {
  box-shadow: 2px 2px 0 var(--nb-ink);
}

body.cf-skin-neo .cf-btn-download {
  border-radius: 0;
  border: 2px solid var(--nb-ink);
  box-shadow: 2px 2px 0 var(--nb-ink);
}

body.cf-skin-neo .cf-btn-download:hover {
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 var(--nb-ink);
}

body.cf-skin-neo .cf-badge {
  border-radius: 0;
  border: 1.5px solid var(--nb-ink);
}

body.cf-skin-neo .cf-tick-btn.cf-active {
  border-radius: 0;
  border: 1px solid var(--nb-ink);
}