/* Single Job Details Row Widget Styles */

.single-job-details-row-widget {
  margin: 0;
  padding: 0;
}

.single-job-details-row-widget .job-details-row {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
  align-items: center;
}

.single-job-details-row-widget .job-detail-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-family: "Roboto", Sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
}

.single-job-details-row-widget .job-detail-item .detail-icon {
  width: 35px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.single-job-details-row-widget .job-detail-item .detail-icon.person-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M17.5 17.0625C21.1258 17.0625 24.0625 14.1258 24.0625 10.5C24.0625 6.87422 21.1258 3.9375 17.5 3.9375C13.8742 3.9375 10.9375 6.87422 10.9375 10.5C10.9375 14.1258 13.8742 17.0625 17.5 17.0625ZM15.8758 20.125C10.4891 20.125 6.125 24.4891 6.125 29.8758C6.125 30.7727 6.85234 31.5 7.74922 31.5H27.2508C28.1477 31.5 28.875 30.7727 28.875 29.8758C28.875 24.4891 24.5109 20.125 19.1242 20.125H15.8758Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.single-job-details-row-widget .job-detail-item .detail-icon.briefcase-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M14 6.5625V8.75H21V6.5625C21 6.32188 20.8031 6.125 20.5625 6.125H14.4375C14.1969 6.125 14 6.32188 14 6.5625ZM11.375 8.75V6.5625C11.375 4.87266 12.7477 3.5 14.4375 3.5H20.5625C22.2523 3.5 23.625 4.87266 23.625 6.5625V8.75H28C29.9305 8.75 31.5 10.3195 31.5 12.25V26.25C31.5 28.1805 29.9305 29.75 28 29.75H7C5.06953 29.75 3.5 28.1805 3.5 26.25V12.25C3.5 10.3195 5.06953 8.75 7 8.75H11.375Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.single-job-details-row-widget .job-detail-item .detail-icon.location-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M6.99998 13.8141C6.99998 8.11563 11.7031 3.5 17.5 3.5C23.2969 3.5 28 8.11563 28 13.8141C28 20.3383 21.4265 28.1586 18.6812 31.1391C18.0359 31.8391 16.9586 31.8391 16.3133 31.1391C13.5679 28.1586 6.99451 20.3383 6.99451 13.8141H6.99998ZM17.5 17.5C19.4304 17.5 21 15.9305 21 14C21 12.0695 19.4304 10.5 17.5 10.5C15.5695 10.5 14 12.0695 14 14C14 15.9305 15.5695 17.5 17.5 17.5Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/* Responsive Styles */
@media (max-width: 880px) {
  .single-job-details-row-widget .job-details-row {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  .single-job-details-row-widget .job-detail-item {
    font-size: 18px;
  }
}

/* Elementor Editor Styles */
.elementor-editor .single-job-details-row-widget .job-details-row {
  min-height: 50px;
  border: 1px dashed #ccc;
  padding: 10px;
  background-color: #f9f9f9;
}

.elementor-editor .single-job-details-row-widget .job-detail-item {
  opacity: 0.7;
}

/* Focus States for Accessibility */
.single-job-details-row-widget .job-detail-item:focus-within {
  outline: 2px solid #1b2482;
  outline-offset: 2px;
  border-radius: 4px;
}