/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 16 2026 | 13:32:01 */
      :root {
        --ink: #10241d;
        --ink-soft: #5b6d64;
        --paper: #f4f6f3;
        --card: #ffffff;
        --line: #e2e7e1;
        --accent: #1f8a5f;
        --accent-soft: #e3f2ea;
        --radius: 16px;
        --shadow-rest: 0 12px 10px -14px rgba(16, 36, 29, 0.28);
        --shadow-hover: 0 16px 30px -14px rgba(16, 36, 29, 0.28);
      }

      /* ============ ORIGINAL WIDGET WRAPPER ============ */
      .job-sidebar-container {
        max-width: 920px;
        margin: 0 auto;
      }

      .vpjb-featured-positions__title {
        font-family: "Space Grotesk", sans-serif;
        font-size: 26px;
        font-weight: 700;
        letter-spacing: -0.01em;
        margin: 0 0 20px;
		margin-bottom:34px;
      }

		.vpjb-featured-positions__list {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 30px;
			row-gap: 30px;
			list-style: none;
			padding: 0;
			margin: 0;
		}
      @media (max-width: 640px) {
        .vpjb-featured-positions__list {
          grid-template-columns: 1fr;
        }
      }

      /* ============ CARD ============ */
.vpjb-featured-position {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
	flex-direction: column;
    border-radius: var(--radius);
    padding: 18px 20px 16px;
    background-color: rgb(from #0068ff r g b / 0.02) !important;
	width:100%;
	border:0 !important;
}
a.vpjb-featured-position__logo.company-logo-href {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
	background:#fff;
    border-radius: var(--radius);
    position: relative;
	font-family: inherit;
	margin:4px;
}
article.vpjb-featured-position:hover {
    transform: translateY(-6px);
}

      .vpjb-featured-position__logo {
        display: inline-block;
        margin-bottom: 12px;
      }
      .vpjb-featured-position__logo-img {
        height: 26px;
        width: auto;
        max-width: 140px;
        object-fit: contain;
        display: block;
      }

		.vpjb-featured-position__title {
			margin: 0 0 14px;
			/* font-family: "Space Grotesk", sans-serif; */
			font-size: 18px;
			font-weight: 600;
			line-height: 1.28;
			letter-spacing: -0.005em;
			min-height: 2lh;
			display: flex;
			align-items: flex-end;
			/* justify-content: space-between; */
			padding-left: 6px;
		}
      .vpjb-featured-position__title a {
        color: inherit;
        text-decoration: none;
		font-family: inherit !important;
      }
      .vpjb-featured-position__title a:hover {
        color: var(--accent);
      }

      /* perforated ticket divider — visual signature element */
      .vpjb-featured-position__divider {
        position: relative;
        border-top: 2px dashed var(--line);
        margin: 0 -20px 12px;
      }
      .vpjb-featured-position__divider::before,
      .vpjb-featured-position__divider::after {
        content: "";
        position: absolute;
        top: -9px;
        width: 18px;
        height: 18px;
        background: var(--paper);
        border-radius: 50%;
      }
      .vpjb-featured-position__divider::before {
        left: -9px;
      }
      .vpjb-featured-position__divider::after {
        right: -9px;
      }

      /* meta row — always one line */
		.vpjb-featured-position__meta {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 10px;
			flex-wrap: nowrap;
			min-width: 0;
			overflow: visible;
		}

      .vpjb-featured-position__city {
		    font-family: 'Oswald';
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: var(--accent);
        background: var(--accent-soft);
        border-radius: 999px;
        padding: 5px 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0;
      }
span.vpjb-featured-position__city {
    position: absolute;
    top: 20px;
    height: 30px;
    right: 0;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	font-size:13px;
}
      .vpjb-featured-position__date {
        font-size: 11.5px;
        color: var(--ink-soft);
        white-space: nowrap;
        flex-shrink: 0;
      }

      @media (prefers-reduced-motion: reduce) {
        .vpjb-featured-position {
          transition: none;
        }
      }

      .source {
        max-width: 920px;
        margin: 14px auto 0;
        font-size: 12.5px;
        color: var(--ink-soft);
        text-align: right;
      }

      .note {
        max-width: 920px;
        margin: 0 auto 30px;
        padding: 14px 16px;
        background: #fff8ea;
        border: 1px solid #f1e1b8;
        border-radius: 10px;
        font-size: 13px;
        line-height: 1.5;
        color: #5b4a1f;
      }
.vpjb-featured-position__body {
    width: 100%;
}
.vpjb-featured-position__divider {
    overflow: hidden;
}
.vpjb-featured-position__logo img {
    display: block;
    width: 100px;
    object-fit: cover;
    border-radius: 8px;
	height:auto !important;
}
@property --vpjb-progress {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@property --vpjb-progress-eased {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

/* syrový progress, přímo navázaný na view() */
@keyframes vpjb-progress {
  from { --vpjb-progress: 0; }
  to   { --vpjb-progress: 1; }
}


.vpjb-featured-position::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: var(--radius);
    opacity: 0.9;
}
.vpjb-featured-position::after {
    content: "";
    position: absolute;
    border-radius: inherit;
	box-shadow: var(--shadow-rest);
    pointer-events: none;
    animation: vpjb-debug-test linear both;
    animation-timeline: view();
    animation-range: entry 0% cover 100%;
    z-index: -2;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
    border-radius: var(--radius);
	transition: all 400ms;
}
.vpjb-featured-position:hover:after {
    box-shadow: var(--shadow-hover);
	transition: all 400ms;
}
/* stagger jednotlivých karet */
.vpjb-featured-positions__list .vpjb-featured-position:nth-child(1) { --vpjb-stagger: 0ms; }
.vpjb-featured-positions__list .vpjb-featured-position:nth-child(2) { --vpjb-stagger: 100ms; }
.vpjb-featured-positions__list .vpjb-featured-position:nth-child(3) { --vpjb-stagger: 200ms; }
.vpjb-featured-positions__list .vpjb-featured-position:nth-child(4) { --vpjb-stagger: 300ms; }


@keyframes vpjb-debug-test {
  from { background-color: rgba(255, 0, 0, 0.25); }
  to   { background-color: rgba(0, 255, 0, 0.25); }
}