/**
 * Only Kustom design system
 * Palette: #ffffff / #252529 / #383839
 */

:root {
	--ok-white: #ffffff;
	--ok-ink: #252529;
	--ok-graphite: #383839;
	--ok-line: rgba(37, 37, 41, 0.16);
	--ok-line-light: rgba(255, 255, 255, 0.18);
	--ok-muted: rgba(37, 37, 41, 0.68);
	--ok-surface: #ffffff;
	--ok-surface-alt: rgba(56, 56, 57, 0.055);
	--ok-shadow: 0 18px 48px rgba(37, 37, 41, 0.09);
	--ok-shadow-hover: 0 22px 56px rgba(37, 37, 41, 0.16);
	--ok-radius: 2px;
	--ok-radius-soft: 4px;
	--ok-transition: 180ms ease;
	--rt-primary-color: #252529;
	--rt-secondary-color: #383839;
	--rt-body-color: #383839;
	--rt-heading-color: #252529;
	--rt-heading-font: "Oswald", sans-serif;
	--rt-body-font: "Inter", sans-serif;
}

html {
	scroll-behavior: smooth;
}

body.only-kustom,
.only-kustom button,
.only-kustom input,
.only-kustom select,
.only-kustom textarea {
	font-family: "Inter", Arial, sans-serif;
}

.only-kustom {
	color: var(--ok-graphite);
	background: var(--ok-white);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.only-kustom h1,
.only-kustom h2,
.only-kustom h3,
.only-kustom h4,
.only-kustom h5,
.only-kustom h6,
.only-kustom .site-title,
.only-kustom .rt-section-title,
.only-kustom .section-title,
.only-kustom .elementor-heading-title,
.only-kustom .listing-title,
.only-kustom .item-price,
.only-kustom .rtcl-price,
.only-kustom .main-navigation,
.only-kustom .btn,
.only-kustom button,
.only-kustom input[type="button"],
.only-kustom input[type="submit"] {
	font-family: "Oswald", Impact, sans-serif;
}

.only-kustom h1,
.only-kustom h2,
.only-kustom h3,
.only-kustom .elementor-heading-title,
.only-kustom .rt-section-title,
.only-kustom .section-title {
	color: var(--ok-ink);
	font-weight: 600;
	letter-spacing: 0.018em;
}

.only-kustom h1,
.only-kustom .hero-content__heading,
.only-kustom .banner-box .item-title {
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

.only-kustom p,
.only-kustom li,
.only-kustom label,
.only-kustom .entry-content {
	line-height: 1.7;
}

.only-kustom a {
	color: var(--ok-ink);
	transition: color var(--ok-transition), background-color var(--ok-transition), border-color var(--ok-transition), transform var(--ok-transition), box-shadow var(--ok-transition);
}

.only-kustom a:hover,
.only-kustom a:focus {
	color: var(--ok-graphite);
}

.only-kustom ::selection {
	color: var(--ok-white);
	background: var(--ok-ink);
}

.only-kustom :focus-visible {
	outline: 2px solid var(--ok-ink);
	outline-offset: 3px;
}

.only-kustom .btn,
.only-kustom .button,
.only-kustom button:not(.swiper-pagination-bullet):not(.rtcl-slider-btn),
.only-kustom input[type="submit"],
.only-kustom .btn-style1,
.only-kustom .item-btn,
.only-kustom .rtcl-btn,
.only-kustom a.rtcl-btn {
	min-height: 46px;
	padding: 11px 24px;
	border: 1px solid var(--ok-ink);
	border-radius: var(--ok-radius);
	color: var(--ok-white);
	background: var(--ok-ink);
	box-shadow: none;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1.35;
	text-transform: uppercase;
	transition: color var(--ok-transition), background-color var(--ok-transition), border-color var(--ok-transition), transform var(--ok-transition);
}

.only-kustom .btn:hover,
.only-kustom .button:hover,
.only-kustom button:not(.swiper-pagination-bullet):not(.rtcl-slider-btn):hover,
.only-kustom input[type="submit"]:hover,
.only-kustom .btn-style1:hover,
.only-kustom .item-btn:hover,
.only-kustom .rtcl-btn:hover,
.only-kustom a.rtcl-btn:hover {
	color: var(--ok-white);
	border-color: var(--ok-graphite);
	background: var(--ok-graphite);
	transform: translateY(-1px);
}

.only-kustom .btn-outline-primary,
.only-kustom .rtcl-btn-outline,
.only-kustom .button.alt {
	color: var(--ok-ink);
	background: transparent;
}

.only-kustom input[type="text"],
.only-kustom input[type="email"],
.only-kustom input[type="url"],
.only-kustom input[type="tel"],
.only-kustom input[type="number"],
.only-kustom input[type="password"],
.only-kustom input[type="search"],
.only-kustom input[type="date"],
.only-kustom select,
.only-kustom textarea,
.only-kustom .form-control,
.only-kustom .rtcl-form-control,
.only-kustom .select2-container--classic .select2-selection--single,
.only-kustom .select2-container--default .select2-selection--single,
.only-kustom .select2-container--default .select2-selection--multiple {
	border: 1px solid var(--ok-line);
	border-radius: var(--ok-radius);
	color: var(--ok-ink);
	background-color: var(--ok-white);
	box-shadow: none;
}

.only-kustom input[type="text"],
.only-kustom input[type="email"],
.only-kustom input[type="url"],
.only-kustom input[type="tel"],
.only-kustom input[type="number"],
.only-kustom input[type="password"],
.only-kustom input[type="search"],
.only-kustom input[type="date"],
.only-kustom select,
.only-kustom .form-control,
.only-kustom .rtcl-form-control {
	min-height: 48px;
}

.only-kustom textarea,
.only-kustom textarea.form-control {
	min-height: 130px;
}

.only-kustom input:focus,
.only-kustom select:focus,
.only-kustom textarea:focus,
.only-kustom .form-control:focus,
.only-kustom .rtcl-form-control:focus,
.only-kustom .select2-container--open .select2-selection {
	border-color: var(--ok-ink);
	box-shadow: 0 0 0 3px rgba(37, 37, 41, 0.08);
}

.only-kustom input::placeholder,
.only-kustom textarea::placeholder {
	color: rgba(37, 37, 41, 0.48);
}

.only-kustom input[type="checkbox"],
.only-kustom input[type="radio"] {
	accent-color: var(--ok-ink);
}

.only-kustom .alert,
.only-kustom .rtcl-notices,
.only-kustom .rtcl-notice,
.only-kustom .rtcl-error,
.only-kustom .rtcl-message {
	border-width: 1px;
	border-style: solid;
	border-radius: var(--ok-radius);
	box-shadow: none;
}

.only-kustom .widget,
.only-kustom .rtcl-widget-border-enable .widget,
.only-kustom .sidebar-widget-area .widget,
.only-kustom .main-sidebar-wrapper > div {
	border-color: var(--ok-line);
	border-radius: var(--ok-radius);
	box-shadow: none;
}

.only-kustom .pagination li a,
.only-kustom .pagination li span,
.only-kustom .rtcl-pagination .page-numbers li span,
.only-kustom .rtcl-pagination .page-numbers li a,
.only-kustom nav.rtcl-pagination ul.page-numbers li span,
.only-kustom nav.rtcl-pagination ul.page-numbers li a {
	border: 1px solid var(--ok-line);
	border-radius: 0;
	color: var(--ok-ink);
	background: var(--ok-white);
}

.only-kustom .pagination .active a,
.only-kustom .pagination a:hover,
.only-kustom .rtcl-pagination .page-numbers .current,
.only-kustom .rtcl-pagination .page-numbers a:hover {
	color: var(--ok-white);
	border-color: var(--ok-ink);
	background: var(--ok-ink);
}

.only-kustom .bg--accent,
.only-kustom .bg-light,
.only-kustom .elementor-section.bg-light {
	background-color: var(--ok-surface-alt) !important;
}

.only-kustom .badge,
.only-kustom .rtcl-badge,
.only-kustom .listing-add-type,
.only-kustom .rtcl-sold-out,
.only-kustom .feature-label,
.only-kustom .is-featured .rtcl-listing-badge-wrap span {
	border-radius: 0;
	color: var(--ok-white);
	background: var(--ok-ink);
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}