/* Buttons (.inntek-btn), ported from prototype/index.html. */

@layer inntek {
	.inntek-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:var(--inntek-r-sm);padding:13px 22px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid transparent;transition:background-color .15s ease-out,box-shadow .2s ease-out,border-color .15s ease-out,color .15s ease-out,transform .1s ease-out}
	.inntek-btn:active{transform:translateY(1px)}
	.inntek-btn .inntek-icon{font-size:20px;transition:transform .15s ease-out}
	.inntek-btn:hover .inntek-icon.inntek-icon--nudge{transform:translateX(3px)}
	.inntek-btn--primary{background:var(--inntek-brand);color:var(--inntek-bg)}
	.inntek-btn--primary:hover{background:var(--inntek-brand-strong);box-shadow:0 10px 24px rgba(14,118,188,.25)}
	.inntek-btn--ghost{border-color:var(--inntek-line-strong);color:var(--inntek-ink);background:var(--inntek-bg)}
	.inntek-btn--ghost:hover{border-color:var(--inntek-brand);color:var(--inntek-brand)}
	.inntek-btn--sm{padding:9px 16px;font-size:15px}
	/* Text link with arrow, chip (prototype lines 63-70) */
	.inntek-link{display:inline-flex;align-items:center;gap:6px;color:var(--inntek-brand);font-weight:600;text-decoration:none;font-size:15.5px}
	.inntek-link .inntek-icon{font-size:20px;transition:transform .15s ease-out}
	.inntek-link:hover .inntek-icon{transform:translateX(4px)}
	.inntek-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--inntek-line);border-radius:var(--inntek-r-pill);padding:7px 14px;font-size:14.5px;color:var(--inntek-ink);background:var(--inntek-bg)}
	.inntek-chip .inntek-icon{font-size:19px;color:var(--inntek-brand)}
	
	/* Utility bar + header */
	/* Shared by projects (005), home rail (004) and knowledge (007): filter pills, section toolbar. */
	.inntek-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; }
	.inntek-filters a { padding: 8px 16px; border: 1px solid var(--inntek-line); border-radius: var(--inntek-r-pill); background: var(--inntek-bg); color: var(--inntek-text); font-size: 14.5px; font-weight: 500; text-decoration: none; transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out; }
	.inntek-filters a:hover { border-color: var(--inntek-brand); color: var(--inntek-brand); }
	.inntek-filters a[aria-current="true"] { border-color: var(--inntek-ink); background: var(--inntek-ink); color: var(--inntek-bg); }
	.inntek-section__toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
	.inntek-filters button { padding: 8px 16px; border: 1px solid var(--inntek-line); border-radius: var(--inntek-r-pill); background: var(--inntek-bg); color: var(--inntek-text); font: inherit; font-size: 14.5px; font-weight: 500; line-height: 1.5; cursor: pointer; transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out; }
	.inntek-filters button:hover { border-color: var(--inntek-brand); background: var(--inntek-bg); color: var(--inntek-brand); }
	.inntek-filters button[aria-pressed="true"] { border-color: var(--inntek-ink); background: var(--inntek-ink); color: var(--inntek-bg); }
	/* core/buttons in block sections (012, inc/blocks.php): the wrapper does not take part in the layout. */
	.wp-block-button.inntek-button{display:contents}
	:where(.wp-block-buttons:has(> .inntek-button)){margin:0}
}