/*
Template:       hijobs
Theme Name:     HiJobs Child
Theme URI:      http://hijobs.e-plugins.com/
Author:         e-plugins
Author URI:     https://themeforest.net/user/e-plugins/portfolio
Description:    HiJobs is a job manager WordPress theme
Version:        1.0.0
Text Domain:    hijobs
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, translation-ready
*/

/* Modern Select Dropdown */
select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 1.4;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  transition: all 0.25s ease;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23777' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px;
  cursor: pointer;
}

/* Hover + Focus states */
select.form-control:hover {
  border-color: #999;
}
select.form-control:focus {
  border-color: #0073e6;
  box-shadow: 0 0 0 3px rgba(0,115,230,0.2);
  outline: none;
}

/* Disabled style */
select.form-control:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}

/* Optional: dark mode or tinted background */
@media (prefers-color-scheme: dark) {
  select.form-control {
    background-color: gray !important;
    color: #fff !important;
    border-color: #444 !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23aaa' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
	  padding: 0 20px !important;
  }
  select.form-control:focus {
    border-color: #3a9bff;
    box-shadow: 0 0 0 3px rgba(58,155,255,0.2);
  }
}
/* Scrollbar styling for dropdown (Chrome, Edge, Firefox on Windows/Android) */
select.form-control::-webkit-scrollbar {
  width: 10px;
}

select.form-control::-webkit-scrollbar-track {
  background: #000; /* Track color (black) */
  border-radius: 10px;
}

select.form-control::-webkit-scrollbar-thumb {
  background-color: #e71e23; /* Scrollbar thumb color (red) */
  border-radius: 10px;
  border: 2px solid #000; /* Matches track */
}

/* Firefox scrollbar styling */
select.form-control {
  scrollbar-color: #e71e23 #000; /* thumb color | track color */
  scrollbar-width: thin;
}