/* ==========================================================
   NAPONTA JOBBAN
   Global Buttons
   ========================================================== */

:root {
	--nj-btn-bg: #C89B3C;
	--nj-btn-bg-hover: #B98D34;
	--nj-btn-text: #144637;
	--nj-btn-border: transparent;

	--nj-btn-radius: 12px;
	--nj-btn-height: 50px;
	--nj-btn-pad-x: 24px;

	--nj-btn-shadow: 0 10px 24px rgba(156, 113, 24, 0.18);
	--nj-btn-shadow-hover: 0 14px 30px rgba(156, 113, 24, 0.24);
}


/* ----------------------------------------------------------
   Primary buttons
   Targets:
   - Blocksy header/footer buttons
   - Gutenberg buttons
   - Kadence buttons
   ---------------------------------------------------------- */

body .ct-button,
body .wp-element-button,
body .wp-block-button__link,
body .kb-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: var(--nj-btn-height);
	padding: 0 var(--nj-btn-pad-x);

	border: 1px solid var(--nj-btn-border);
	border-radius: var(--nj-btn-radius);

	background: var(--nj-btn-bg);
	color: var(--nj-btn-text);

	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;

	box-shadow: var(--nj-btn-shadow);

	transition:
		background-color 180ms ease,
		color 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
}


body .ct-button:hover,
body .wp-element-button:hover,
body .wp-block-button__link:hover,
body .kb-button:hover {
	background: var(--nj-btn-bg-hover);
	color: var(--nj-btn-text);
	box-shadow: var(--nj-btn-shadow-hover);
	transform: translateY(-1px);
}


body .ct-button:focus-visible,
body .wp-element-button:focus-visible,
body .wp-block-button__link:focus-visible,
body .kb-button:focus-visible {
	outline: 3px solid rgba(20, 70, 55, 0.28);
	outline-offset: 3px;
}


/* ----------------------------------------------------------
   Optional secondary button utility
   Use later by adding class: nj-btn-secondary
   ---------------------------------------------------------- */

.nj-btn-secondary .wp-element-button,
.nj-btn-secondary .wp-block-button__link,
.nj-btn-secondary .kb-button,
.wp-element-button.nj-btn-secondary,
.wp-block-button__link.nj-btn-secondary,
.kb-button.nj-btn-secondary,
.ct-button.nj-btn-secondary {
	background: transparent;
	color: #2E5E4E;
	border-color: rgba(46, 94, 78, 0.34);
	box-shadow: none;
}


.nj-btn-secondary .wp-element-button:hover,
.nj-btn-secondary .wp-block-button__link:hover,
.nj-btn-secondary .kb-button:hover,
.wp-element-button.nj-btn-secondary:hover,
.wp-block-button__link.nj-btn-secondary:hover,
.kb-button.nj-btn-secondary:hover,
.ct-button.nj-btn-secondary:hover {
	background: rgba(46, 94, 78, 0.06);
	color: #2E5E4E;
	border-color: rgba(46, 94, 78, 0.44);
	box-shadow: none;
	transform: translateY(-1px);
}