/**
 * Header, footer, homepage and Elementor visual layer.
 */

.only-kustom .site-header,
.only-kustom .header-menu,
.only-kustom .header-menu.menu-layout1,
.only-kustom .header-menu.rt-sticky,
.only-kustom .trheader .header-area,
.only-kustom .trheader .header-area .header-menu,
.only-kustom .trheader .header-area .header-menu.rt-sticky {
	color: var(--ok-white);
	background: var(--ok-ink);
	box-shadow: none;
}

.only-kustom .header-menu {
	border-bottom: 1px solid var(--ok-line-light);
}

.only-kustom .header-menu .menu-full-wrap {
	min-height: 92px;
}

.only-kustom .site-header .main-navigation nav > ul > li > a,
.only-kustom.trheader .site-header .main-navigation nav > ul > li > a,
.only-kustom .site-header .header-icon-area a,
.only-kustom .site-header .header-icon-area button,
.only-kustom .header-btn a {
	color: var(--ok-white);
}

.only-kustom .site-header .main-navigation nav > ul > li > a {
	padding-top: 33px;
	padding-bottom: 33px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

.only-kustom .site-header .main-navigation nav > ul > li > a::after,
.only-kustom .site-header .main-navigation nav > ul > li.current-menu-item > a::after {
	background-color: var(--ok-white);
}

.only-kustom .site-header .main-navigation nav > ul > li > a:hover,
.only-kustom .site-header .main-navigation nav > ul > li.current-menu-item > a,
.only-kustom .site-header .main-navigation nav > ul > li.current-menu-ancestor > a {
	color: var(--ok-white);
}

.only-kustom .site-header .main-navigation ul li ul,
.only-kustom .site-header .main-navigation ul.menu li ul.sub-menu {
	border: 1px solid var(--ok-line);
	border-top: 3px solid var(--ok-ink);
	border-radius: 0;
	background: var(--ok-white);
	box-shadow: var(--ok-shadow);
}

.only-kustom .site-header .main-navigation ul li ul li a {
	color: var(--ok-ink);
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.only-kustom .site-header .main-navigation ul li ul li a:hover {
	color: var(--ok-white);
	background: var(--ok-ink);
}

.only-kustom .site-branding-wrap,
.only-kustom .site-branding {
	flex: 0 0 auto;
}

.only-kustom .site-branding .only-kustom-logo {
	display: block;
	width: 94px;
	height: 82px;
	padding: 4px;
	line-height: 1;
	background: transparent;
}

.only-kustom .site-branding .only-kustom-logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: invert(1) contrast(1.2);
	mix-blend-mode: screen;
}

.only-kustom .mobile-logo .only-kustom-logo {
	display: block;
	width: 72px;
	height: 64px;
	padding: 3px;
	line-height: 1;
}

.only-kustom .mobile-logo .only-kustom-logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: invert(1) contrast(1.2);
	mix-blend-mode: screen;
}

.only-kustom .header-btn .listing-btn,
.only-kustom .header-btn a.add-listing-btn,
.only-kustom .header-btn-new a,
.only-kustom .listing-area .listing-btn {
	border: 1px solid var(--ok-white);
	border-radius: 0;
	color: var(--ok-ink);
	background: var(--ok-white);
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.only-kustom .header-btn .listing-btn:hover,
.only-kustom .header-btn a.add-listing-btn:hover,
.only-kustom .header-btn-new a:hover,
.only-kustom .listing-area .listing-btn:hover {
	color: var(--ok-white);
	background: transparent;
}

.only-kustom .mean-container .mean-bar,
.only-kustom .mean-bar,
.only-kustom .offcanvas-menu-wrap {
	background: var(--ok-ink);
}

.only-kustom .mean-container .mean-nav,
.only-kustom .offcanvas-navigation ul {
	background: var(--ok-graphite);
}

.only-kustom .mean-container .mean-nav ul li a,
.only-kustom .offcanvas-navigation a {
	border-color: var(--ok-line-light);
	color: var(--ok-white);
	font-family: "Oswald", sans-serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* Hero and search */
.only-kustom .hero-banner,
.only-kustom .rt-hero-section {
	min-height: min(760px, 78vh);
	background-color: var(--ok-ink);
	isolation: isolate;
}

.only-kustom .hero-banner::before,
.only-kustom .rt-hero-section::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(37, 37, 41, 0.96) 0%, rgba(37, 37, 41, 0.78) 52%, rgba(37, 37, 41, 0.44) 100%);
}

.only-kustom .hero-banner::after,
.only-kustom .rt-hero-section::after {
	content: "CHOPPER  /  BOBBER  /  CAFÉ RACER  /  SCRAMBLER  /  CRUISER  /  SPECIAL";
	position: absolute;
	right: clamp(18px, 4vw, 70px);
	bottom: 22px;
	z-index: 2;
	max-width: 70%;
	color: rgba(255, 255, 255, 0.42);
	font-family: "Oswald", sans-serif;
	font-size: clamp(12px, 1.1vw, 16px);
	font-weight: 600;
	letter-spacing: 0.18em;
	text-align: right;
}

.only-kustom .hero-banner .banner-box,
.only-kustom .rt-hero-section .hero-banner-content,
.only-kustom .rt-hero-section .hero-content {
	position: relative;
	z-index: 3;
}

.only-kustom .hero-banner .banner-box .item-title,
.only-kustom .hero-banner .banner-box .item-subtitle,
.only-kustom .rt-hero-section .hero-content__heading,
.only-kustom .rt-hero-section .hero-content__subheading,
.only-kustom .rt-hero-section .hero-section-title,
.only-kustom .rt-hero-section .hero-section-title * {
	color: var(--ok-white);
}

.only-kustom .hero-banner .banner-box .item-title,
.only-kustom .rt-hero-section .hero-content__heading {
	max-width: 860px;
	font-size: clamp(42px, 6.4vw, 92px);
	font-weight: 600;
	line-height: 1.02;
}

.only-kustom .hero-banner .banner-box .item-subtitle,
.only-kustom .rt-hero-section .hero-content__subheading {
	max-width: 700px;
	font-size: clamp(16px, 1.5vw, 21px);
	letter-spacing: 0.02em;
}

.only-kustom .rt-hero-section .listing-filter-area,
.only-kustom .hero-banner .advance-search-form,
.only-kustom .advanced-search-banner .advance-search-form,
.only-kustom .header-advanced-search .search-box {
	border: 1px solid var(--ok-line-light);
	border-radius: var(--ok-radius);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: var(--ok-shadow);
	backdrop-filter: blur(10px);
}

.only-kustom .rt-hero-section .listing-filter-area {
	padding: 24px;
}

.only-kustom .rt-hero-section.style1 .listing-filter-area::before {
	display: none;
}

.only-kustom .rt-hero-section .listing-filter-area .search-area .search-item,
.only-kustom .advance-search-form .search-box .search-item,
.only-kustom .header-advanced-search .search-box .search-item {
	border-color: var(--ok-line);
	border-radius: 0;
	background-color: var(--ok-white);
}

.only-kustom .rt-hero-section .search-item.search-btn .submit-btn,
.only-kustom .advance-search-form .submit-btn,
.only-kustom .advance-search-form .search-btn button {
	border-radius: 0;
	color: var(--ok-white);
	background: var(--ok-ink);
}

.only-kustom .rt-hero-section .search-item.search-btn .advanced-btn {
	border-radius: 0;
	color: var(--ok-ink);
	background: rgba(37, 37, 41, 0.08);
}

/* Elementor sections and content blocks */
.only-kustom .elementor-widget-heading .elementor-heading-title::after,
.only-kustom .rt-section-title::after,
.only-kustom .section-title::after {
	border-color: var(--ok-ink);
	background-color: var(--ok-ink);
}

.only-kustom .rtcl-categories-elementor.rt-el-listing-cat-box-1 .cat-item-wrap .cat-details,
.only-kustom .rtcl-categories .cat-item-wrap .cat-details {
	position: relative;
	border: 1px solid var(--ok-line);
	border-radius: var(--ok-radius);
	background: var(--ok-white);
	box-shadow: none;
	overflow: hidden;
}

.only-kustom .rtcl-categories-elementor.rt-el-listing-cat-box-1 .cat-item-wrap .cat-details::before,
.only-kustom .rtcl-categories .cat-item-wrap .cat-details::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 4px;
	background: var(--ok-ink);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--ok-transition);
}

.only-kustom .rtcl-categories-elementor.rt-el-listing-cat-box-1 .cat-item-wrap:hover .cat-details,
.only-kustom .rtcl-categories .cat-item-wrap:hover .cat-details {
	border-color: var(--ok-ink);
	box-shadow: var(--ok-shadow);
	transform: translateY(-3px);
}

.only-kustom .rtcl-categories-elementor.rt-el-listing-cat-box-1 .cat-item-wrap:hover .cat-details::before,
.only-kustom .rtcl-categories .cat-item-wrap:hover .cat-details::before {
	transform: scaleX(1);
}

.only-kustom .rtcl-categories .cat-item-wrap .cat-details .rtcl-category-title,
.only-kustom .rtcl-categories .cat-item-wrap .cat-details .rtcl-category-title a {
	color: var(--ok-ink);
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.only-kustom .rtcl-slider-btn,
.only-kustom .swiper-button-next,
.only-kustom .swiper-button-prev,
.only-kustom .elementor-swiper-button {
	border: 1px solid var(--ok-ink);
	border-radius: 0 !important;
	color: var(--ok-white) !important;
	background: var(--ok-ink) !important;
}

.only-kustom .swiper-pagination-bullet,
.only-kustom .rtcl-slider-pagination .swiper-pagination-bullet {
	border-radius: 0;
	background: var(--ok-graphite);
}

.only-kustom .listing-counter-wrapper,
.only-kustom .el-counter-addon .counter-block,
.only-kustom .elementor-counter-circle-style .elementor-widget-container {
	color: var(--ok-white);
	background-color: var(--ok-ink);
}

.only-kustom .listing-counter-wrapper .count,
.only-kustom .listing-counter-wrapper .title,
.only-kustom .el-counter-addon .fact-block__number,
.only-kustom .el-counter-addon .fact-block__heading {
	color: var(--ok-white);
	font-family: "Oswald", sans-serif;
}

.only-kustom .rt-el-testimonial-carousel .testimonial-block,
.only-kustom .rt-pricing-table,
.only-kustom .rt-el-info-box .media {
	border: 1px solid var(--ok-line);
	border-radius: var(--ok-radius);
	background: var(--ok-white);
	box-shadow: none;
}

.only-kustom .rt-el-testimonial-carousel .testimonial-block:hover,
.only-kustom .rt-pricing-table:hover {
	border-color: var(--ok-ink);
	box-shadow: var(--ok-shadow);
}

/* Footer */
.only-kustom .footer-wrap,
.only-kustom .site-footer,
.only-kustom .main-footer {
	color: rgba(255, 255, 255, 0.76);
	background: var(--ok-ink);
}

.only-kustom .site-footer {
	position: relative;
	border-top: 1px solid var(--ok-line-light);
}

.only-kustom .site-footer::before {
	content: "ONLY KUSTOM  ·  CUSTOM MOTORCYCLES MARKETPLACE";
	display: block;
	padding: 26px max(20px, calc((100vw - 1320px) / 2));
	border-bottom: 1px solid var(--ok-line-light);
	color: var(--ok-white);
	font-family: "Oswald", sans-serif;
	font-size: clamp(18px, 2vw, 27px);
	font-weight: 600;
	letter-spacing: 0.095em;
}

.only-kustom .main-footer {
	padding-top: 76px;
	padding-bottom: 58px;
}

.only-kustom .footer-box .footer-title,
.only-kustom .footer-box .footer-title a,
.only-kustom .site-footer h2,
.only-kustom .site-footer h3,
.only-kustom .site-footer h4 {
	color: var(--ok-white);
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.only-kustom .footer-box .footer-title::after {
	background: var(--ok-white);
}

.only-kustom .footer-box a,
.only-kustom .site-footer p,
.only-kustom .site-footer li {
	color: rgba(255, 255, 255, 0.72);
}

.only-kustom .footer-box a:hover,
.only-kustom .site-footer a:hover {
	color: var(--ok-white);
}

.only-kustom .site-footer .footer-shape {
	display: none;
}

.only-kustom .footer-bottom {
	border-top: 1px solid var(--ok-line-light);
	background: var(--ok-graphite);
}

.only-kustom .footer-bottom .copyright-wrap {
	min-height: 72px;
}

.only-kustom .footer-bottom .footer-copyright,
.only-kustom .footer-bottom .footer-copyright a {
	color: rgba(255, 255, 255, 0.76);
}
