/*
Theme Name: Jobsy
Theme URI: https://jobsy.com.pl
Template: listinghive
Author: Jobsy
Author URI: Jobsy
Description: A multipurpose WordPress theme that allows you to build any type of directory and listing websites. Whether it’s a business directory, job board, real estate, classifieds or basically any listing website — ListingHive is a great choice for it.
Tags: right-sidebar,custom-colors,custom-menu,custom-logo,custom-header,featured-image-header,featured-images,footer-widgets,theme-options,threaded-comments,translation-ready
Version: 1.2.11.1769115427
Updated: 2026-01-22 21:57:07

*/



/* ===============================
   JOBSY DARK UI FOUNDATION
=============================== */

body {
  background: radial-gradient(circle at top, #0b1220, #05070d);
  color: #e5e7eb;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* usuwa białe tła */
.site, .site-content, .container {
  background: transparent !important;
}

/* nagłówki */
h1, h2, h3, h4 {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.3px;
}

/* tekst */
p {
  color: #9ca3af;
}


/* ===============================
   BUTTONS
=============================== */

button,
.hp-button,
.wp-block-button__link {
  background: linear-gradient(135deg, #1e6fff, #00c6ff);
  border: none;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  padding: 12px 18px;
  transition: all 0.3s ease;
}

button:hover,
.hp-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 120, 255, 0.4);
}



/* ===============================
   FILTERS
=============================== */

.hp-filters {
  background: rgba(255,255,255,0.03);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,0.06);
}

/* inputy */
.hp-form__field input,
.hp-form__field select {
  background: #0b1220;
  border: 1px solid rgba(255,255,255,0.1);
  color: #fff;
  border-radius: 8px;
}


/* ===============================
   HERO
=============================== */

.jobsy-hero {
  background: radial-gradient(circle at center, #0f1c3f, #05070d);
  padding: 80px 20px;
  text-align: center;
  border-radius: 0 0 30px 30px;
}

/* nagłówek */
.jobsy-hero h1 {
  font-size: 42px;
  margin-bottom: 15px;
}

/* search box */
.jobsy-hero .hp-form {
  background: rgba(255,255,255,0.05);
  padding: 15px;
  border-radius: 12px;
}


/* ===============================
   GLOW EFFECT
=============================== */

.jobsy-glow {
  position: relative;
}

.jobsy-glow::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 120px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #00c6ff, transparent);
  transform: translateX(-50%);
}


/* ===============================
   SECTIONS
=============================== */

.jobsy-section {
  padding: 60px 20px;
}

.jobsy-card {
  background: rgba(255,255,255,0.03);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,0.05);
}



/* ===============================
   REMOVE WHITE BACKGROUNDS
=============================== */

/* globalne bloki */
.hp-page,
.hp-page__content,
.hp-widget,
.widget,
.hp-form,
.hp-form__field,
.hp-form__actions,
.hp-listings,
.hp-listings__item {
  background: transparent !important;
}

/* formularze */
.hp-form__field input,
.hp-form__field textarea,
.hp-form__field select {
  background: #0b1220 !important;
  color: #fff !important;
}

/* dropdowny */
select,
option {
  background: #0b1220 !important;
  color: #fff !important;
}

/* modale / popupy */
.hp-modal,
.hp-modal__content {
  background: #0b1220 !important;
  color: #fff;
}


/* ===============================
   FILTER ACTIVE STATE
=============================== */

.hp-form__field input:focus,
.hp-form__field select:focus {
  background: #0b1220 !important;
  color: #fff !important;
  border-color: #1e6fff !important;
  outline: none;
}

/* checkbox / radio */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #1e6fff;
}




/* ===============================
   FORCE DARK CARDS
=============================== */

.hp-card,
.hp-listing,
.hp-widget {
  background: rgba(255,255,255,0.03) !important;
}

/*
iframe {
  filter: grayscale(1) contrast(1.2) brightness(0.8);
}