/**
 * Hookal brand colors
 * Primary: #2e42b1 — buttons & links
 * Button hover: #970101
 */

:root {
	--hookal-primary: #2e42b1;
	--hookal-btn-hover: #970101;
}

/* —— Links —— */
a {
	color: var(--hookal-primary);
}

a:hover,
a:focus {
	color: var(--hookal-btn-hover);
}

/* Main nav — active link text */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	color: var(--hookal-primary) !important;
	background-color: transparent !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
	color: #fff !important;
	background-color: var(--hookal-primary) !important;
}

/* Tab / pill active states */
.listing-tabs__item.current .listing-tabs__btn,
.listing-tabs__item.current a,
.listing-tabs--nav .listing-tabs__btn.active,
.ad-detail-nav li a.active,
.tab-manu .nav-tabs li a.active,
.user-account .nav-tabs > li.active > a {
	color: #fff !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.dropdown-menu > li > a:hover,
.sign-in li a:hover,
.nav-right .dropdown-menu li a:hover,
.language-dropdown a:hover,
.footer-bottom a:hover,
.forgot-password a:hover,
.ad-info .item-title a:hover,
.ad-info .item-cat a:hover,
.ad-meta .meta-content a:hover,
.category-serp__breadcrumbs .breadcrumbs a:hover,
.category-serp__cat-list li a:hover {
	color: var(--hookal-btn-hover) !important;
}

/* Links inside solid buttons stay white */
a.btn,
a.btn:hover,
a.btn:focus,
.btn a,
.btn a:hover {
	color: #fff !important;
}

/* —— Solid buttons (default state) —— */
.btn,
.btn-primary,
.btn.btn-primary,
button.btn,
button.btn-primary,
a.btn,
a.btn-primary,
input[type="submit"].btn,
input[type="button"].btn,
.user-account .btn,
.user-page .btn,
.user-page .btn-primary,
.download-button a.btn,
.feedback .btn,
.profile a.btn,
.buttons a.btn,
.next-stap .btn.btn-primary,
.col-to-action .btn,
#something-sell .btn.btn-primary,
#something-sell .btn,
.delete-account .btn,
.contact-with .btn:not(.btn-red),
.banner-form:not(.banner-form--modern) button.btn-primary,
.footer-widget .btn.btn-primary,
.home-banner .btn.btn-primary,
.contac-section .btn.btn-primary,
.pricing-section .btn.btn-primary,
.found-section .btn.btn-primary,
#home-section .btn.btn-primary,
.ad-detail-info .send-email-btn,
.review-form__submit,
.auth-form__submit,
#header .site-header__btn--primary,
#header a.btn.h-paidpost,
#header a.btn.h-bubtn,
#header a.btn:not(.site-header__btn--outline):not(.site-header__btn--logout):not(.h-freepost),
#header .site-header__btn--logout,
#header a.logout-link,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
	background-color: var(--hookal-primary) !important;
	border-color: var(--hookal-primary) !important;
	color: #fff !important;
}

/* —— Button hover / focus —— */
.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
button.btn:hover,
button.btn-primary:hover,
a.btn:hover,
a.btn:focus,
a.btn-primary:hover,
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
.user-account .btn:hover,
.user-page .btn:hover,
.user-page .btn-primary:hover,
.download-button a.btn:hover,
.feedback .btn:hover,
.profile a.btn:hover,
.buttons a.btn:hover,
.col-to-action .btn:hover,
#something-sell .btn.btn-primary:hover,
#something-sell a.btn:hover,
.delete-account .btn:hover,
.contact-with a.btn:hover,
.banner-form:not(.banner-form--modern) button.btn-primary:hover,
.footer-widget .btn.btn-primary:hover,
.home-banner .btn.btn-primary:hover,
.ad-detail-info .send-email-btn:hover,
.review-form__submit:hover,
.review-form__submit:focus,
.auth-form__submit:hover,
.auth-form__submit:focus,
#header .site-header__btn--primary:hover,
#header a.btn:hover,
#header .site-header__btn--logout:hover,
#header a.logout-link:hover,
.listing-tabs__item.current .listing-tabs__btn:hover,
.listing-tabs__item.current a:hover,
.listing-tabs--nav .listing-tabs__btn.active:hover,
.ad-detail-nav li a.active:hover {
	background-color: var(--hookal-btn-hover) !important;
	border-color: var(--hookal-btn-hover) !important;
	color: #fff !important;
	box-shadow: 0 4px 14px rgba(151, 1, 1, 0.22);
}

/* Outline / secondary header buttons */
#header .site-header__btn--outline,
#header a.btn.h-freepost {
	background: #fff !important;
	border-color: var(--hookal-primary) !important;
	color: var(--hookal-primary) !important;
}

#header .site-header__btn--outline:hover,
#header a.btn.h-freepost:hover {
	background: var(--hookal-btn-hover) !important;
	border-color: var(--hookal-btn-hover) !important;
	color: #fff !important;
}

/* Tab pills — inactive hover */
.listing-tabs__btn:hover,
.ad-detail-nav__external.listing-tabs__btn:hover {
	color: var(--hookal-primary) !important;
	border-color: var(--hookal-primary) !important;
}

.listing-tabs__item.current .listing-tabs__btn,
.listing-tabs--nav .listing-tabs__btn.active {
	background: var(--hookal-primary) !important;
	border-color: var(--hookal-primary) !important;
}

/* Form focus ring */
.form-control:focus,
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle .icon-bar {
	border-color: var(--hookal-primary);
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: var(--hookal-primary);
}

.modal-header {
	background: var(--hookal-primary) !important;
}