/**
 * Brend boje (child theme) — koristi :root varijable i na drugim komponentama.
 */

:root {
	--nn-brand-primary: #61061c;
	--nn-brand-secondary: #012f1e;
	--nn-brand-accent: #faf8f2;
	/* Blago crvenkasti okvir za „nije u planu“ (kartice + sidebar) */
	--nn-plan-upgrade-border: rgba(180, 72, 72, 0.42);
	--nn-plan-upgrade-bg: rgba(180, 72, 72, 0.07);
	/* Blaga pozadina za hover linkova; uskladiti sa --nn-brand-primary ako menjaš hex */
	--nn-brand-primary-soft-bg: rgba(97, 6, 28, 0.1);
	--nn-brand-transition: 0.22s ease;
	--nn-brand-checkout-radius: 12px;
	/* Ista kao Tutor .tutor-checkout-payment-options (#fff) */
	--nn-checkout-payment-surface: #fff;
}

/* Poruka „edukacija nije u planu“ + dugme na kartici kursa ili u sidebaru */
.nn-plan-upgrade-callout {
	border: 1px solid var(--nn-plan-upgrade-border);
	background: var(--nn-plan-upgrade-bg);
	border-radius: 10px;
	padding: 14px 16px;
	box-sizing: border-box;
}

.tutor-sidebar-card .nn-plan-upgrade-callout {
	margin-top: 0;
}

.tutor-course-card .nn-plan-upgrade-callout .tutor-mb-16:last-of-type {
	margin-bottom: 0;
}

.tutor-course-card .nn-plan-upgrade-callout .tutor-btn {
	margin-top: 4px;
}

/* Tutor: dugme upisa („Započni“ / Enroll) u entry box-u */
.tutor-course-single-btn-group .tutor-btn-primary.tutor-enroll-course-button,
.tutor-sidebar-card .tutor-btn-primary.tutor-enroll-course-button,
.tutor-course-entry-box-above-media .tutor-btn-primary.tutor-enroll-course-button {
	background-color: var(--nn-brand-primary) !important;
	border-color: var(--nn-brand-primary) !important;
	color: var(--nn-brand-accent) !important;
	box-shadow: none;
	border-radius: 20px;
}

.tutor-course-single-btn-group .tutor-btn-primary.tutor-enroll-course-button:hover,
.tutor-course-single-btn-group .tutor-btn-primary.tutor-enroll-course-button:focus-visible,
.tutor-sidebar-card .tutor-btn-primary.tutor-enroll-course-button:hover,
.tutor-sidebar-card .tutor-btn-primary.tutor-enroll-course-button:focus-visible,
.tutor-course-entry-box-above-media .tutor-btn-primary.tutor-enroll-course-button:hover,
.tutor-course-entry-box-above-media .tutor-btn-primary.tutor-enroll-course-button:focus-visible {
	background-color: var(--nn-brand-secondary) !important;
	border-color: var(--nn-brand-secondary) !important;
	color: var(--nn-brand-accent) !important;
}

.tutor-course-single-btn-group .tutor-btn-primary.tutor-enroll-course-button:focus-visible,
.tutor-sidebar-card .tutor-btn-primary.tutor-enroll-course-button:focus-visible,
.tutor-course-entry-box-above-media .tutor-btn-primary.tutor-enroll-course-button:focus-visible {
	outline: 2px solid var(--nn-brand-secondary);
	outline-offset: 2px;
}

/*
 * Tutor: .tutor-col-12:not(:last-of-type) .tutor-form-control { border-bottom: none !important }
 * jači je od selektora samo po name= — zato donji border nije bio vidljiv. Email je :not(:last-of-type)
 * jer posle njega u DOM-u slede skrivena polja.
 */
.tutor-checkout-billing .tutor-billing-fields .tutor-col-12:not(:last-of-type) input[name="billing_email"].tutor-form-control {
	border-bottom: 1px solid var(--tutor-border-color) !important;
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}

/* Checkout: Plati sada */
.tutor-checkout-page #tutor-checkout-pay-now-button.tutor-btn-primary {
	background-color: var(--nn-brand-primary) !important;
	border-color: var(--nn-brand-primary) !important;
	color: var(--nn-brand-accent) !important;
	box-shadow: none !important;
	border-radius: var(--nn-brand-checkout-radius) !important;
	transition:
		background-color var(--nn-brand-transition),
		border-color var(--nn-brand-transition),
		color var(--nn-brand-transition),
		opacity 0.2s ease,
		filter 0.2s ease,
		transform 0.18s ease,
		box-shadow var(--nn-brand-transition);
}

.tutor-checkout-page #tutor-checkout-pay-now-button.tutor-btn-primary:hover:not(:disabled) {
	background-color: var(--nn-brand-secondary) !important;
	border-color: var(--nn-brand-secondary) !important;
	color: var(--nn-brand-accent) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(1, 47, 30, 0.18) !important;
}

.tutor-checkout-page #tutor-checkout-pay-now-button.tutor-btn-primary:active:not(:disabled) {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(1, 47, 30, 0.12) !important;
}

.tutor-checkout-page #tutor-checkout-pay-now-button.tutor-btn-primary:focus-visible {
	outline: 2px solid var(--nn-brand-secondary);
	outline-offset: 3px;
}

.tutor-checkout-page #tutor-checkout-pay-now-button.tutor-btn-primary:disabled {
	opacity: 0.42;
	filter: saturate(0.65);
	cursor: not-allowed;
	pointer-events: none;
	transform: none;
	box-shadow: none !important;
}

/* Checkout: Prijavi se (gost — otvara login modal / wp-login) */
.tutor-checkout-page .tutor-checkout-billing .tutor-open-login-modal.tutor-btn {
	background-color: var(--nn-brand-primary) !important;
	border-color: var(--nn-brand-primary) !important;
	color: var(--nn-brand-accent) !important;
	box-shadow: none !important;
	border-radius: var(--nn-brand-checkout-radius) !important;
	transition:
		background-color var(--nn-brand-transition),
		border-color var(--nn-brand-transition),
		color var(--nn-brand-transition),
		transform 0.18s ease,
		box-shadow var(--nn-brand-transition);
}

.tutor-checkout-page .tutor-checkout-billing .tutor-open-login-modal.tutor-btn:hover,
.tutor-checkout-page .tutor-checkout-billing .tutor-open-login-modal.tutor-btn:focus-visible {
	background-color: var(--nn-brand-secondary) !important;
	border-color: var(--nn-brand-secondary) !important;
	color: var(--nn-brand-accent) !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 12px rgba(1, 47, 30, 0.16) !important;
}

.tutor-checkout-page .tutor-checkout-billing .tutor-open-login-modal.tutor-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(1, 47, 30, 0.1) !important;
}

.tutor-checkout-page .tutor-checkout-billing .tutor-open-login-modal.tutor-btn:focus-visible {
	outline: 2px solid var(--nn-brand-secondary);
	outline-offset: 2px;
}

/* Checkout: custompayment — čekboksevi vizuelno u istom „bloku“ kao način plaćanja */
.tutor-checkout-page .tutor-payment-method-wrapper .tutor-checkout-payment-options.tutor-mb-24:has(+ .tutor-custom-payment-options) {
	margin-bottom: 0 !important;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
}

.tutor-checkout-page .tutor-payment-method-wrapper .tutor-custom-payment-options {
	margin-top: 0 !important;
	padding: 16px 16px 18px;
	background-color: var(--nn-checkout-payment-surface);
	border: 1px solid var(--tutor-border-color);
	border-top: none;
	border-radius: 0 0 6px 6px;
}

.tutor-checkout-page .tutor-custom-payment-options .nn_flex_checkout {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.tutor-checkout-page .tutor-custom-payment-options .nn_d_flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
}

.tutor-checkout-page .tutor-custom-payment-options .nn_d_flex .tutor-form-check-input {
	flex-shrink: 0;
	width: 1.125rem;
	height: 1.125rem;
	margin: 0;
	align-self: center;
}

.tutor-checkout-page .tutor-custom-payment-options .tutor-payment-item-content {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

.tutor-checkout-page .tutor-custom-payment-options a {
	color: var(--nn-brand-primary);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.tutor-checkout-page .tutor-custom-payment-options a:hover {
	color: var(--nn-brand-secondary);
}

/* Checkout: „Klikni ovde“ (kupon) */
.tutor-checkout-page #tutor-toggle-coupon-button.tutor-btn-link {
	color: var(--nn-brand-primary) !important;
	border: none !important;
	box-shadow: none !important;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	font-weight: 600;
	transition:
		color var(--nn-brand-transition),
		text-decoration-color var(--nn-brand-transition),
		background-color var(--nn-brand-transition),
		box-shadow var(--nn-brand-transition);
}

.tutor-checkout-page #tutor-toggle-coupon-button.tutor-btn-link:hover,
.tutor-checkout-page #tutor-toggle-coupon-button.tutor-btn-link:focus-visible {
	color: var(--nn-brand-secondary) !important;
	border: none !important;
	box-shadow: none !important;
	text-decoration-color: var(--nn-brand-secondary);
	background-color: var(--nn-brand-primary-soft-bg);
	border-radius: 6px;
}

.tutor-checkout-page #tutor-toggle-coupon-button.tutor-btn-link:focus-visible {
	outline: 2px solid var(--nn-brand-secondary);
	outline-offset: 2px;
}


/*
 * Boja dugmića (npr. Završi) na singlu kursa.
 * body ima .single-courses — bez :not(.tutor-modal …) stil bi pogodio i Tutor modale (retake, itd.).
 */
.single-courses [type="button"]:not(.tutor-modal [type="button"]),
.single-courses [type="submit"]:not(.tutor-modal [type="submit"]),
.single-courses button:not(.tutor-modal button) {
	background-color: transparent;
	border: 1px solid var(--nn-brand-secondary);
	border-radius: 5px;
	color: var(--nn-brand-secondary) !important;
	display: inline-block;
	width: 100% !important;
	font-size: 1rem;
	font-weight: 400;
	padding: 0.5rem 1rem;
	text-align: center;
	transition: all 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap;
}

.single-courses [type="button"]:not(.tutor-modal [type="button"]):focus,
.single-courses [type="button"]:not(.tutor-modal [type="button"]):hover,
.single-courses [type="submit"]:not(.tutor-modal [type="submit"]):focus,
.single-courses [type="submit"]:not(.tutor-modal [type="submit"]):hover,
.single-courses button:not(.tutor-modal button):focus,
.single-courses button:not(.tutor-modal button):hover {
	background-color: var(--nn-brand-primary) !important;
	color: #fff !important;
	text-decoration: none;
}
.single-courses .tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block.tutor-enroll-course-button.tutor-static-loader {
	color: #fff !important;
  }