/**
 * ============================================================
 * ESTINTA-C — WORKSCOUT COLOR OVERRIDES
 * ============================================================
 *
 * Parent theme: WorkScout
 * Child theme:  Estinta-C
 *
 * This file changes colors only. It does not change dimensions,
 * positioning, display rules, responsive breakpoints, or templates.
 *
 * WorkScout's dynamic main color is supplied as #36727A (Petrol)
 * from Estinta-C functions.php. The rules below additionally replace
 * hard-coded copies of WorkScout's original #26AE61 / #28B661 green.
 * ============================================================
 */

:root {
	--estinta-navy: #14202B;
	--estinta-navy-light: #243746;
	--estinta-petrol: #36727A;
	--estinta-petrol-dark: #285D63;
	--estinta-steel: #5F7F95;
	--estinta-steel-dark: #405E73;
	--estinta-brass: #B08D62;
	--estinta-brass-dark: #8C6E4D;
	--estinta-porcelain: #FAFAF8;
	--estinta-mist: #EDF2F4;
	--estinta-stone: #F4F1EB;
	--estinta-white: #FFFFFF;
	--estinta-graphite: #252B31;
	--estinta-muted: #69737B;
	--estinta-border: #DCE1E3;
	--estinta-success: #3F6B55;
	--estinta-success-bg: #E7EFEA;
	--estinta-warning: #A27538;
	--estinta-warning-bg: #F4ECDF;
	--estinta-error: #994D4D;
	--estinta-error-bg: #F5E7E7;
}

/* ============================================================
   01. GLOBAL BRAND DETAILS
   ============================================================ */

::selection {
	background: var(--estinta-petrol);
	color: var(--estinta-white);
}

input:focus,
textarea:focus,
select:focus,
.select2-container--focus .select2-selection {
	border-color: var(--estinta-petrol);
}

/* Restrained premium footer. These rules affect color only. */
#footer,
#footer-new,
.site-footer {
	background-color: var(--estinta-navy);
}

#footer,
#footer-new,
.site-footer,
#footer p,
#footer-new p,
.site-footer p {
	color: #D7DEE2;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer-new h1,
#footer-new h2,
#footer-new h3,
#footer-new h4,
#footer-new h5,
#footer-new h6,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
	color: var(--estinta-white);
}

#footer a,
#footer-new a,
.site-footer a {
	color: #D7E1E5;
}

#footer a:hover,
#footer-new a:hover,
.site-footer a:hover {
	color: var(--estinta-white);
}

/* ============================================================
   02. DASHBOARD — TONE DOWN THE ORIGINAL BRIGHT FOUR-COLOR SET
   ============================================================ */

.dashboard-stat.color-1 {
	background-color: #E7F0F1;
}
.color-1 .dashboard-stat-icon svg g,
.color-1 .dashboard-stat-icon svg circle,
.color-1 .dashboard-stat-icon svg rect,
.color-1 .dashboard-stat-icon svg path {
	fill: var(--estinta-petrol);
}
.color-1 span,
.color-1 .dashboard-stat-content h4 {
	color: var(--estinta-petrol-dark);
}

.dashboard-stat.color-2 {
	background-color: #E8EDF1;
}
.color-2 .dashboard-stat-icon svg g,
.color-2 .dashboard-stat-icon svg circle,
.color-2 .dashboard-stat-icon svg rect,
.color-2 .dashboard-stat-icon svg path {
	fill: var(--estinta-steel);
}
.color-2 span,
.color-2 .dashboard-stat-content h4 {
	color: var(--estinta-steel-dark);
}

.dashboard-stat.color-3 {
	background-color: #F1ECE4;
}
.color-3 .dashboard-stat-icon svg g,
.color-3 .dashboard-stat-icon svg circle,
.color-3 .dashboard-stat-icon svg rect,
.color-3 .dashboard-stat-icon svg path {
	fill: var(--estinta-brass);
}
.color-3 span,
.color-3 .dashboard-stat-content h4 {
	color: #735F45;
}

.dashboard-stat.color-4 {
	background-color: #E9EDF0;
}
.color-4 .dashboard-stat-icon svg g,
.color-4 .dashboard-stat-icon svg circle,
.color-4 .dashboard-stat-icon svg rect,
.color-4 .dashboard-stat-icon svg path {
	fill: var(--estinta-navy-light);
}
.color-4 span,
.color-4 .dashboard-stat-content h4 {
	color: var(--estinta-navy-light);
}

/* ============================================================
   03. WORKSCOUT HARD-CODED MAIN-GREEN REPLACEMENTS
   ============================================================ */

.job-overview ul li i {
	background: rgba(54, 114, 122, 0.122);
}

.listing-date.new {
	border-color: var(--estinta-petrol);
	color: var(--estinta-petrol);
}

.dashboard-stat.color-1 {
	background-color: var(--estinta-petrol);
}

.dashboard-content .dashboard-list-box .button.gray:hover {
	background-color: var(--estinta-petrol);
}

.dashboard-list-box-static .button {
	background-color: var(--estinta-petrol);
}

.change-photo-btn:hover {
	background-color: var(--estinta-petrol);
}

.dashboard-list-box  a.rate-review:hover {
	background-color: var(--estinta-petrol);
}

.dashboard-list-box .comment-by-listing a:hover {
	color: var(--estinta-petrol);
}

input:checked + .slider {
	background-color: var(--estinta-petrol);
}

.tip {
	background: var(--estinta-petrol);
}

.opening-day:hover h5 {
	color: var(--estinta-petrol) !important;
}

.day-slot-headline {
	background-color: var(--estinta-petrol);
}

.add-slot-btn button:hover {
	background-color: var(--estinta-petrol);
}

.add-pricing-submenu.button:hover,
.add-pricing-list-item.button:hover {
	background-color: var(--estinta-petrol);
}

.company-info-boxed-links span:hover a,
.company-data__content--list._company_tagline span:hover {
	background: rgba(54, 114, 122, 0.110);
}

body .company-info-boxed-links span:hover a,
.company-data__content--list._company_tagline span:hover a {
	color: var(--estinta-petrol);
}

.company-feature:before {
	background: rgba(54, 114, 122, 0.122);
	color: var(--estinta-petrol);
}

.mas-wpjmc-search .widget.job-widget-regions input {
	background: rgba(54, 114, 122, 0.149);
	color: var(--estinta-petrol);
}

.mas-wpjmc-search .widget.job-widget-regions input:hover {
	background: var(--estinta-petrol);
}

a {
	color: var(--estinta-petrol);
}

.new-header .header-widget .log-in-button:hover,
.new-header .header-widget .log-in-button:hover i {
	color: var(--estinta-petrol);
}

.header-notifications-trigger span {
	background-color: var(--estinta-petrol);
}

.notification-text span.color,
.header-notifications-content .notification-text span.color {
	color: var(--estinta-petrol);
}

a.header-notifications-button {
	background-color: var(--estinta-petrol);
}

.small-tag {
	background-color: var(--estinta-petrol);
}

.transparent-header .login-register-buttons a:hover,
.login-register-buttons a:hover {
	color: var(--estinta-petrol);
}

body .new-header #navigation > ul > li:hover > a,
body .new-header #navigation > ul > li > a:hover,
body .new-header #navigation > ul > li > a.current {
	color: var(--estinta-petrol);
}

.new-header #navigation ul li:hover a:after,
.new-header #navigation ul li a.current:after {
	color: var(--estinta-petrol);
}

.new-header .transparent-header #navigation > ul li:hover ul li:hover a:after,
.new-header .transparent-header #navigation > ul li:hover a:after,
.new-header .transparent-header #navigation > ul li a.current:after {
	color: var(--estinta-petrol);
}

.mm-counter {
	background-color: var(--estinta-petrol);
}

.banner-headline strong.color {
	color: var(--estinta-petrol);
}

.intro-search-button .button {
	background: var(--estinta-petrol);
}

.adv-search-btn a {
	color: var(--estinta-petrol);
}

.adv-search-btn a:after {
	background: var(--estinta-petrol);
}

.new-category-box .category-box-icon {
	color: var(--estinta-petrol);
}

.new-category-box:hover {
	background: var(--estinta-petrol);
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.35);
}

.browse-all-cat-btn a {
	background: var(--estinta-petrol);
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.25);
}

.footer-new-links ul li a span:before {
	background-color: var(--estinta-petrol);
}

.newsletter button {
	background-color: var(--estinta-petrol);
}

#footer-new .intro-stats li i {
	background: var(--estinta-petrol);
}

.cluster-visible {
	background-color: var(--estinta-petrol);
}

.marker-container {
	background-color: var(--estinta-petrol);
}

.map-box h4 a:hover {
	color: var(--estinta-petrol);
}

.infoBox-close:hover {
	background-color: var(--estinta-petrol);
}

#footer-new .footer-widget.widget_nav_menu li a:before {
	background-color: var(--estinta-petrol);
}

body #dashboard table.manage-table tr:hover td {
	border-bottom: 1px solid var(--estinta-petrol);
}

body #dashboard table.manage-table tr td:before {
	background: var(--estinta-petrol);
}

.panel-dropdown.active > a {
	background: var(--estinta-petrol);
}

.panel-dropdown > a:after {
	color: var(--estinta-petrol);
}

.panel-buttons label.filter-checked:before {
	background-color: var(--estinta-petrol);
}

body .wp-subscribe-wrap input.submit {
	background-color: var(--estinta-petrol);
}

.account-type input.account-type-radio ~ label:hover i {
	color: var(--estinta-petrol);
}

.account-type input.account-type-radio ~ label:hover {
	color: var(--estinta-petrol);
	background-color: rgba(54, 114, 122, 0.1);
}

.account-type input.account-type-radio:checked ~ label {
	background-color: var(--estinta-petrol);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--estinta-petrol);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--estinta-petrol);
}

.intro-banner.boxed .adv-search-btn span {
	color: var(--estinta-petrol);
}

.boxed-wide .boxed-search-footer:after {
	background: var(--estinta-petrol);
}

.boxed-wide .boxed-search-right-side:after {
	background: var(--estinta-petrol);
}

.listing-date.new {
	border-color: var(--estinta-petrol);
	color: var(--estinta-petrol);
}

.enable-filters-button span {
	background-color: var(--estinta-petrol);
}

.enable-filters-button i {
	background-color: var(--estinta-petrol);
}

body .button.send-message-to-owner {
	background-color: rgba(54, 114, 122, 0.129);
	color: var(--estinta-petrol);
}

body .button.send-message-to-owner:hover {
	background-color: rgba(54, 114, 122, 0.180);
	color: var(--estinta-petrol);
}

.keyword {
	background-color: rgba(54, 114, 122, 0.07);
	color: var(--estinta-petrol);
}

.keyword-input-container .keyword-input-button {
	background-color: var(--estinta-petrol);
}

#breadcrumbs ul li a:hover {
	color: var(--estinta-petrol);
}

#breadcrumbs.white ul li a:hover {
	color: var(--estinta-petrol);
}

.sidebar-search-button-container button {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.1);
}

.sidebar-search-button-container button:hover {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.25);
}

.compact-list-layout .item-listing:before {
	background: var(--estinta-petrol);
}

.item-listing.with-apply-button:hover .list-apply-button {
	background-color: var(--estinta-petrol);
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.15);
}

.task-listing-bid-inner .button {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.15);
}

.task-listing-bid-inner .button:hover {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.25);
}

.tasks-list-container.compact-list .task-listing:before {
	background: var(--estinta-petrol);
}

.move-on-hover {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.1);
}

.move-on-hover:hover {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.2);
}

mark.color {
	background-color: var(--estinta-petrol);
}

table.basic-table th {
	background-color: var(--estinta-petrol);
}

.accordion-header {
	background: var(--estinta-petrol);
}

.copy-url .copy-url-button {
	background-color: var(--estinta-petrol);
}

.share-buttons-content span strong {
	color: var(--estinta-petrol);
}

@keyframes switch-shadow-color {
	0% {
		box-shadow: 0 0 0 0 rgba(54, 114, 122, 0.6);
	}
}

input:checked + .switch-button {
	background-color: var(--estinta-petrol);
}

.radio input[type=radio] + label .radio-label:after {
	background-color: var(--estinta-petrol);
}

.radio input[type=radio]:checked + label .radio-label {
	background-color: var(--estinta-petrol);
	border-color: var(--estinta-petrol);
}

@keyframes radius-shadow {
	0% {
		box-shadow: 0 0 0 0 rgba(54, 114, 122, 0.4);
	}
}

.checkbox input:checked + label span.checkbox-icon {
	border-color: var(--estinta-petrol);
	background-color: var(--estinta-petrol);
}

.uploadButton .uploadButton-button {
	color: var(--estinta-petrol);
	border: 1px solid var(--estinta-petrol);
	box-shadow: 0 3px 10px rgba(54, 114, 122, 0.1);
}

.uploadButton .uploadButton-button:hover {
	background-color: var(--estinta-petrol);
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.15);
}

.category-box-icon {
	color: var(--estinta-petrol);
}

.category-box:hover {
	background: var(--estinta-petrol);
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.2);
}

.photo-box:hover {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.25);
}

.photo-box:hover:before {
	background: var(--estinta-petrol);
}

.photo-box.small .photo-box-content span {
	background: var(--estinta-petrol);
}

.pricing-plan .button:hover, .pricing-plan.recommended .button {
	background-color: var(--estinta-petrol);
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.15);
}

.pricing-plan .button {
	color: var(--estinta-petrol);
	border: 1px solid var(--estinta-petrol);
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.1);
}

.pricing-plan .button:hover {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.15);
}

.pricing-plan .recommended-badge {
	background-color: var(--estinta-petrol);
}

.bidding-widget .button {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.15);
}

.bidding-widget .button:hover {
	box-shadow: 0 4px 12px rgba(54, 114, 122, 0.25);
}

.qtyInc:hover, .qtyDec:hover {
	background-color: var(--estinta-petrol);
}

.qtyTotal {
	background-color: var(--estinta-petrol);
}

.boxed-list-headline h3 i {
	color: var(--estinta-petrol);
}

.boxed-list-item .item-details .detail-item a:hover {
	color: var(--estinta-petrol);
}

.tags-container input[type=checkbox]:checked + label {
	background-color: var(--estinta-petrol);
}

.slider-selection {
	background-color: var(--estinta-petrol);
}

.slider-handle {
	border: 2px solid var(--estinta-petrol);
}

.slider-handle:after {
	box-shadow: 0 0 0px 6px rgba(54, 114, 122, 0.12);
}

.slider-handle:hover:after {
	box-shadow: 0 0 0px 8px rgba(54, 114, 122, 0.12);
}

.dashboard-nav ul:before {
	color: var(--estinta-petrol);
}

.dashboard-nav ul li.active-submenu a i, .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i {
	color: var(--estinta-petrol);
}

.dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover {
	border-color: var(--estinta-petrol);
	background-color: rgba(54, 114, 122, 0.04);
}

.dashboard-nav ul li.active-submenu a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active a {
	color: var(--estinta-petrol);
}

.dashboard-nav ul li span.nav-tag {
	background-color: var(--estinta-petrol);
}

.dashboard-nav ul li.active-submenu a:after, .dashboard-nav ul li.active a:after, .dashboard-nav ul li:hover a:after {
	color: var(--estinta-petrol);
	background: rgba(54, 114, 122, 0.13);
}

.dashboard-box .headline h3 i {
	color: var(--estinta-petrol);
}

.dashboard-box-list .button {
	box-shadow: 0 3px 8px rgba(54, 114, 122, 0.15);
}

.dashboard-box .button.dark:not(.ico):hover {
	background-color: var(--estinta-petrol);
	box-shadow: 0 3px 8px rgba(54, 114, 122, 0.15);
}

.help-icon {
	color: var(--estinta-petrol);
}

.messages-inbox ul li:before {
	background-color: var(--estinta-petrol);
}

.message-by h5 i {
	background-color: var(--estinta-petrol);
}

.message-bubble.me .message-text {
	background-color: var(--estinta-petrol);
}

.message-bubble.me .message-text:before {
	border-left: 6px solid var(--estinta-petrol);
}

/* ============================================================
   04. OPTIONAL ESTINTA UTILITY COLORS
   ============================================================
   These classes do nothing unless you explicitly assign them to an
   Elementor/WordPress element. They are safe to keep in the stylesheet.
   ============================================================ */

.estinta-bg-mist {
	background-color: var(--estinta-mist);
}

.estinta-bg-stone {
	background-color: var(--estinta-stone);
}

.estinta-bg-navy {
	background-color: var(--estinta-navy);
	color: var(--estinta-white);
}

.estinta-text-petrol {
	color: var(--estinta-petrol);
}

.estinta-text-brass {
	color: var(--estinta-brass);
}

.estinta-status-success {
	background-color: var(--estinta-success-bg);
	color: var(--estinta-success);
}

.estinta-status-warning {
	background-color: var(--estinta-warning-bg);
	color: var(--estinta-warning);
}

.estinta-status-error {
	background-color: var(--estinta-error-bg);
	color: var(--estinta-error);
}