/**
 * CPT: Job
 * Styles für Custom Post Type "job"
 * - Job-Item Layout
 * - Pensum-Anzeige
 * - Responsive Anpassungen
 */

/* ============================================================================
   JOB PENSUM
   Versteckt leere Pensum-Felder
   ============================================================================ */

.job-pensum:empty {
  display: none;
}

/* ============================================================================
   JOB CARD HOVER
   Box-Shadow und Wedge-Linie beim Hover auf die Card
   ============================================================================ */

.job-card {
  transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
}

.job-card:hover {
  box-shadow: var(--card-hover-box-shadow);
}

/* Farbe der Wedge-Linie wechselt beim Card-Hover auf Akzentfarbe */
.job-card:hover .wp-block-read-more::after {
  background-color: var(--wedge-hover-color);
}

/* ============================================================================
   JOB ITEM RESPONSIVE
   Mobile Layout für Job-Items
   ============================================================================ */

@media (max-width: 781px) {
  .job-card {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--wp--preset--spacing--10) !important;
  }

  .job-card .wp-block-post-title {
    order: 1;
  }

  .job-card .wp-block-post-excerpt {
    order: 2;
  }

  .job-meta-row {
    order: 3;
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--wp--preset--spacing--4);
    margin: var(--wp--preset--spacing--6) 0 var(--wp--preset--spacing--4) 0 !important;
  }

  .job-meta-row>.wp-block-group {
    width: 100%;
  }

  .job-card .wp-block-read-more {
    order: 4;
    align-self: flex-start;
  }

}