/* Global Red Theme Override - Replace all blue colors with #c71e23 */

/* Main admin theme colors */
.tk-admin > .tk-header > .tk-admin-nav > div > a:hover,
.tk-admin > .tk-header > .tk-admin-nav > div > a.tk-active,
.tk-admin > .tk-header > .tk-admin-nav-right > div > a:hover {
    color: #c71e23 !important;
}

/* Button colors */
.tk-btn, 
a.tk-btn,
.tk-btn:hover, 
.tk-btn:active, 
a.tk-btn:hover, 
a.tk-btn:active {
    background-color: #c71e23 !important;
    border-color: #c71e23 !important;
}

.tk-btn:hover, 
.tk-btn:active, 
a.tk-btn:hover, 
a.tk-btn:active {
    background-color: #a11b1f !important;
}

/* Link colors */
.tk-btn-text:hover,
a:hover {
    color: #c71e23 !important;
}

/* Active states and highlights */
.tk-menu-wide ul li.tk-active, 
.tk-menu-wide ul li:hover, 
.tk-tab > .tk-nav > ul li.tk-active, 
.tk-tab > .tk-nav > ul li:hover {
    color: #c71e23 !important;
}

.tk-board > .tk-admin-list .tk-scroll-area li.tk-active,
.tk-user-conversations > li.tk-active {
    border-left-color: #c71e23 !important;
}

/* Input focus states */
.tk-setting input:focus, 
.tk-setting select:focus, 
.tk-setting textarea:focus, 
.tk-input-setting input:focus, 
.tk-input-setting select:focus, 
.tk-input-setting textarea:focus,
.tk-input > input:focus, 
.tk-input > input.tk-focus, 
.tk-input > select:focus, 
.tk-input > select.tk-focus, 
.tk-input > textarea:focus, 
.tk-input > textarea.tk-focus {
    border-color: #c71e23 !important;
    box-shadow: 0 0 5px rgba(199, 30, 35, 0.3) !important;
}

/* Checkbox states */
.tk-setting input[type="checkbox"]:checked, 
.tk-table input[type="checkbox"]:checked,
.tk-setting input[type="checkbox"]:checked:before, 
.tk-input-setting input[type="checkbox"]:checked:before,
.tk-table input[type="checkbox"]:checked:before {
    border-color: #c71e23 !important;
    background-color: #c71e23 !important;
    color: #c71e23 !important;
}

/* Search and filter buttons */
.tk-search-btn i:hover, 
.tk-search-btn.tk-active i, 
.tk-filter-btn i:hover, 
.tk-filter-btn.tk-active i {
    color: #c71e23 !important;
}

/* Loading and notification states */
.tk-loading:before {
    color: #c71e23 !important;
}

.tk-board > .tk-admin-list .tk-scroll-area li > .tk-notification-counter {
    background-color: #c71e23 !important;
}

/* Conversation and user interface elements */
.tk-board .tk-conversation > .tk-top a:hover i,
.tk-panel-details > i:hover,
.tk-board .tk-conversation > .tk-top > a:hover {
    color: #c71e23 !important;
}

/* Profile and location hover states */
.tk-profile-list [data-id="wp-id"]:hover, 
.tk-profile-list [data-id="wp-id"]:hover label, 
.tk-profile-list [data-id="conversation-source"]:hover, 
.tk-profile-list [data-id="conversation-source"]:hover label, 
.tk-profile-list [data-id="location"]:hover, 
.tk-profile-list [data-id="location"]:hover label, 
.tk-profile-list [data-id="timezone"]:hover, 
.tk-profile-list [data-id="timezone"]:hover label, 
.tk-profile-list [data-id="current_url"]:hover, 
.tk-profile-list [data-id="current_url"]:hover label, 
.tk-profile-list [data-id="envato-purchase-code"]:hover, 
.tk-profile-list [data-id="envato-purchase-code"]:hover label {
    color: #c71e23 !important;
}

/* Menu and select hover states */
div ul.tk-menu li.tk-active:not(:hover), 
.tk-select ul li.tk-active:not(:hover),
div ul.tk-menu li:hover, 
.tk-select ul li:hover {
    color: #c71e23 !important;
}

.tk-select p:hover {
    color: #c71e23 !important;
}

/* Board and conversation states */
.tk-board .tk-conversation .tk-list > div .tk-menu-btn:hover {
    color: #c71e23 !important;
}

.tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-time {
    color: #c71e23 !important;
}

/* Button icon hover states */
.tk-btn-icon:hover {
    border-color: #c71e23 !important;
    color: #c71e23 !important;
}

.tk-tags-cnt > span:hover {
    border-color: #c71e23 !important;
    color: #c71e23 !important;
}

/* Language switcher */
.tk-language-switcher > i:hover {
    color: #c71e23 !important;
}

/* Tab navigation */
.tk-tab > .tk-nav > ul li.tk-active,
.tk-tab > .tk-nav > ul li:hover {
    color: #c71e23 !important;
}

/* Upload image hover states */
.tk-setting.tk-type-upload-image .image:hover, 
.tk-setting [data-type="upload-image"] .image:hover, 
.tk-input-setting.tk-type-upload-image .image:hover, 
.tk-input-setting [data-type="upload-image"] .image:hover {
    border-color: #c71e23 !important;
}

/* Account menu hover states */
.tk-admin > .tk-header > .tk-admin-nav-right .tk-account .tk-menu li:hover,
.tk-admin > .tk-header > .tk-admin-nav-right .tk-account .tk-menu li.tk-active:hover {
    color: #c71e23 !important;
}

/* Settings area button hover */
.tk-area-settings .tk-tab .tk-btn:hover, 
.tk-btn-white:hover,
.tk-lightbox .tk-btn-white:hover {
    background-color: #c71e23 !important;
    border-color: #c71e23 !important;
}

/* Date picker active states */
.daterangepicker td.active, 
.daterangepicker td.active:hover, 
.daterangepicker .ranges li.active {
    background-color: #c71e23 !important;
}

/* Progress bars and loading states */
.tk-progress-bar {
    background-color: #c71e23 !important;
}

/* Toggle switches */
.tk-toggle.tk-active {
    background-color: #c71e23 !important;
}

/* Notification dots */
.tk-notification-dot {
    background-color: #c71e23 !important;
}

/* Links in general */
a {
    color: inherit !important;
}

a:hover {
    color: #c71e23 !important;
}

/* Focus outlines */
*:focus {
    outline-color: #c71e23 !important;
}

/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
    background-color: #c71e23 !important;
}

/* Custom select dropdowns */
.tk-select.tk-active,
.tk-select:focus {
    border-color: #c71e23 !important;
}

/* Tooltip borders */
.tk-tooltip {
    border-color: #c71e23 !important;
}

/* Badge colors */
.tk-badge {
    background-color: #c71e23 !important;
}

/* Status indicators */
.tk-status-online {
    color: #c71e23 !important;
}

/* Modal and popup accents */
.tk-popup .tk-header {
    border-color: #c71e23 !important;
}

/* Card and panel borders on hover */
.tk-card:hover,
.tk-panel:hover {
    border-color: #c71e23 !important;
}

/* Text selection */
::selection {
    background-color: rgba(199, 30, 35, 0.3) !important;
}

::-moz-selection {
    background-color: rgba(199, 30, 35, 0.3) !important;
}

/* Remove blue highlights and backgrounds */
.tk-setting,
.tk-input-setting,
.tk-area-settings,
.tk-tab,
.tk-nav,
.tk-board,
.tk-admin-list,
.tk-user-conversations,
.tk-conversation,
.tk-profile-list {
    background: transparent !important;
}

/* Remove blue highlights from various components */
.tk-setting:hover,
.tk-input-setting:hover,
.tk-tab:hover,
.tk-nav:hover {
    background: transparent !important;
}

/* Override any remaining blue backgrounds */
.tk-highlight,
.tk-active-highlight,
.tk-blue-bg,
.tk-primary-bg {
    background: transparent !important;
}

/* Remove blue tints from containers */
.tk-container,
.tk-wrapper,
.tk-panel,
.tk-card {
    background: transparent !important;
}

/* Ensure settings panels don't have blue backgrounds */
.tk-area-settings .tk-setting,
.tk-area-settings .tk-input-setting,
.tk-settings-panel,
.tk-config-panel {
    background: transparent !important;
}

/* Remove blue gradient from settings tab active state */
.tk-area-settings > .tk-tab > .tk-nav > ul li.tk-active {
    background: transparent !important;
}

/* Remove any other tab backgrounds */
.tk-area-settings > .tk-tab > .tk-nav > ul li {
    background: transparent !important;
}

/* Fix checkbox blue background */
.tk-setting input[type=checkbox]:checked, 
.tk-input-setting input[type=checkbox]:checked {
    background: #c71e23 !important;
    border-color: #c71e23 !important;
}