/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

:root {
  --bg-custom: #0A0A0A;
  --job-bg: #171717;
  --border: hsl(240 3.7% 15.9%);
  --input: hsl(240 3.7% 15.9%);
  --ring: hsl(240 4.9% 83.9%);
}

/* Shadcn Card Components */
.card {
  border-radius: 0.5rem;
  border: 1px solid var(--border);
  background-color: var(--job-bg);
  color: hsl(0 0% 98%);
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.card-hover:hover {
  background-color: hsl(240 3.7% 15.9%);
}

/* Shadcn Badge Outline */
.badge-outline {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 0.125rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  border: 1px solid rgba(74, 222, 128, 0.4);
  color: hsl(0 0% 98%);
  background-color: transparent;
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
}

.badge-outline:hover {
  background-color: hsl(240 3.7% 15.9%);
}

/* Post Job Button Gradient */
.btn-green-gradient {
  background: linear-gradient(135deg, rgb(34 197 94) 0%, rgb(22 163 74) 50%, rgb(21 128 61) 100%);
  color: white;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

.btn-green-gradient:hover {
  background: linear-gradient(135deg, rgb(22 163 74) 0%, rgb(21 128 61) 50%, rgb(20 83 45) 100%);
  color: white !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
}

.job-description ul {
  list-style: none;
  margin-bottom: 1rem;
}

.job-description ul li {
  position: relative;
  padding-left: 1.5rem;
  color: rgb(209 213 219);
}

.job-description ul li::before {
  content: "•";
  color: rgb(74 222 128);
  position: absolute;
  left: 0;
  font-weight: bold;
}

.job-description a {
  color: rgb(74 222 128);
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
}

.job-description a:hover {
  color: rgb(20 83 45);
}