/* Inuka Brands — component styles. Built to the Inuka Brands Guidelines (Nov 2026).
   Colours and type sizes come from theme.json; this file carries component shapes only. */

:root{
  --inuka-radius:6px;
}

/* Cards — pure white, absolutely flat, 1px light grey outline, never a drop shadow. */
.inuka-card{
  background:var(--wp--preset--color--white);
  border:1px solid var(--wp--preset--color--line);
  border-radius:var(--inuka-radius);
  padding:22px;
  box-shadow:none;
}
.inuka-card h3{margin-top:0}

/* Notice — left teal rule, used for the visibility rule and pre-launch notes. */
.inuka-notice{
  background:var(--wp--preset--color--white);
  border:1px solid var(--wp--preset--color--line);
  border-left:4px solid var(--wp--preset--color--teal);
  border-radius:var(--inuka-radius);
  padding:16px 18px;
  color:var(--wp--preset--color--ink-soft);
}

/* Accent CTA — teal flat fill, white text. Registration and application pathways. */
.wp-block-button.is-style-inuka-accent .wp-block-button__link{
  background-color:var(--wp--preset--color--teal);
  color:var(--wp--preset--color--white);
  border-radius:var(--inuka-radius);
}
.wp-block-button.is-style-inuka-accent .wp-block-button__link:hover{filter:brightness(.92)}

/* Outline button on navy bands */
.wp-block-button.is-style-inuka-onnavy .wp-block-button__link{
  background-color:var(--wp--preset--color--teal);
  color:#06202E;
  border-radius:var(--inuka-radius);
}

/* Navy band section */
.inuka-band-navy{
  background:var(--wp--preset--color--navy);
  color:#fff;
}
.inuka-band-navy h1,.inuka-band-navy h2,.inuka-band-navy h3,.inuka-band-navy p{color:#fff}

/* Grey band */
.inuka-band-grey{background:var(--wp--preset--color--grey-bg)}

/* Eyebrow label */
.inuka-eyebrow{
  font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--wp--preset--color--teal);margin:0 0 8px;
}

/* Lede paragraph under a page title */
.inuka-lede{font-size:16px;color:var(--wp--preset--color--ink-soft);max-width:62ch}

/* Ticked list */
.inuka-ticks{list-style:none;padding-left:0}
.inuka-ticks li{position:relative;padding-left:26px;margin-bottom:8px}
.inuka-ticks li::before{
  content:"";position:absolute;left:0;top:.45em;width:12px;height:7px;
  border-left:2px solid var(--wp--preset--color--teal);
  border-bottom:2px solid var(--wp--preset--color--teal);
  transform:rotate(-45deg);
}

/* Numbered steps */
.inuka-steps{list-style:none;counter-reset:s;padding-left:0}
.inuka-steps li{counter-increment:s;position:relative;padding-left:42px;margin-bottom:14px}
.inuka-steps li::before{
  content:counter(s);position:absolute;left:0;top:0;
  width:28px;height:28px;border-radius:var(--inuka-radius);
  background:var(--wp--preset--color--teal);color:#06202E;
  font-weight:700;font-size:13px;display:grid;place-items:center;
}

/* Site header */
.inuka-header{border-bottom:1px solid var(--wp--preset--color--line);background:#fff}

/* Footer */
.inuka-footer{background:var(--wp--preset--color--navy-deep);color:#fff}
.inuka-footer a{color:#C3D3E4;text-decoration:none}
.inuka-footer a:hover{color:#fff;text-decoration:underline}
.inuka-footer h2,.inuka-footer h3,.inuka-footer h4{color:#fff}

/* Forms (Contact Form 7 / Fluent Forms friendly) */
.inuka-form input[type=text],.inuka-form input[type=email],.inuka-form input[type=tel],
.inuka-form input[type=url],.inuka-form select,.inuka-form textarea{
  width:100%;padding:11px 12px;font:inherit;font-size:14px;
  color:var(--wp--preset--color--ink);
  background:var(--wp--preset--color--white);
  border:1px solid var(--wp--preset--color--line);
  border-radius:var(--inuka-radius);
}
.inuka-form label{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:var(--wp--preset--color--navy)}
.inuka-form :focus-visible{outline:2px solid var(--wp--preset--color--teal);outline-offset:2px}

a:focus-visible,button:focus-visible,.wp-block-button__link:focus-visible{
  outline:2px solid var(--wp--preset--color--teal);outline-offset:2px;
}