/* Scoped to service products and the Professional directory; no dashboard rules. */
.utasking-service-detail .ut-service-panel {
  padding: 24px;
  background: #fff;
  border: 1px solid #e4ebe8;
  border-radius: 16px;
  color: #263831;
}
.utasking-service-detail .ut-service-panel h2,
.utasking-service-detail .ut-service-panel h3,
.utasking-service-detail .ut-service-reviews h2 {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.utasking-service-detail .ut-service-panel p { margin: 0 0 14px; line-height: 1.6; }
.utasking-service-detail .ut-service-panel .ut-service-price { font-size: 26px; font-weight: 700; }
.utasking-service-detail .ut-service-option + .ut-service-option { border-top: 1px solid #e4ebe8; margin-top: 20px; padding-top: 20px; }
.utasking-service-detail .ut-service-time { padding: 12px 14px; border-radius: 10px; background: #edf7f3; }
.utasking-service-detail .ut-service-time strong,
.utasking-service-detail .ut-service-time span { display: block; }
.utasking-service-detail .ut-service-action { border-top: 1px solid #e4ebe8; padding-top: 20px; margin-top: 20px; scroll-margin-top: 110px; }
.utasking-service-detail .ut-discovery-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  margin: 12px 0;
  padding: 12px 16px;
  border: 1px solid #167a69;
  border-radius: 8px;
  background: #167a69;
  color: #fff;
  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: normal;
}
.utasking-service-detail .ut-discovery-button:hover { background: #105e50; border-color: #105e50; color: #fff; }
.utasking-service-detail .ut-discovery-button:focus-visible,
.utasking-service-detail .ut-dialog-close:focus-visible,
.utasking-professionals-directory .wr_saved_items:focus-visible { outline: 3px solid #167a69; outline-offset: 3px; }
.utasking-service-detail .ut-service-note { color: #53635d; font-size: 13px; }
.utasking-service-detail .ut-service-signin { font-size: 14px; text-align: center; }
.utasking-service-detail .ut-service-signin a,
.utasking-service-detail .ut-service-reviews > a { color: #126653; text-decoration: underline; }
.utasking-service-detail .ut-service-meta { gap: 12px 20px; flex-wrap: wrap; margin: 0; }
.utasking-service-detail .ut-service-meta li { display: flex; align-items: center; gap: 6px; }
.utasking-service-detail .ut-service-meta small { font-size: 12px; }
.utasking-service-detail .ut-service-reviews { scroll-margin-top: 100px; }
.utasking-service-detail .ut-service-reviews > p { color: #53635d; }
.utasking-service-detail .ut-service-reviews .ut-review-summary { font-weight: 600; color: #263831; }
.utasking-service-detail .ut-dialog-close { padding: 8px 12px; background: none; border: 0; color: #263831; font-size: 28px; cursor: pointer; }
.utasking-service-detail #ut-contact-title { font-size: 20px; margin: 0; }
.utasking-service-detail #wr_msgform label { display: block; font-weight: 600; margin: 0 0 8px; }
.utasking-service-detail #wr_msgform textarea { width: 100%; min-height: 140px; resize: vertical; }
.utasking-service-detail .wr-aboutfreelancer .wr-startingprice,
.utasking-service-detail #wr-fixsidebar,
.utasking-service-detail .wr-sidebarpkg__btn { display: none !important; }
.utasking-professionals-directory .wr-freelanlist .wr-startingprice,
.utasking-professionals-directory .wr-bestservice .wr-startingprice > i,
.utasking-professionals-directory .wr-bestservice .wr-startingprice > em { display: none !important; }
.utasking-professionals-directory .wr-bestservice .ut-discovery-location { flex-basis: 100%; color: #53635d; }
/* The grid already has an address row; only the list layout needs an added line. */
.utasking-professionals-directory .wr-freelanlist .ut-discovery-location { display: none; }
.utasking-professionals-directory .wr-rateviews,
.utasking-professionals-directory .wr-blogviewdates { flex-wrap: wrap; }
.utasking-professionals-directory .wr-actionselect label { margin: 0; white-space: nowrap; }
.utasking-professionals-directory .ut-discovery-rating,
.utasking-service-detail .ut-discovery-rating { color: #53635d; font-size: 14px; }
.utasking-service-detail .ut-service-meta .ut-service-mobile-item { display: none; }
@media (max-width: 991px) {
  .utasking-service-detail .ut-service-panel { padding: 20px; }
  .utasking-service-detail .ut-service-meta .ut-service-mobile-item { display: flex; }
  .utasking-service-detail .ut-service-mobile-link { display: inline-flex; padding: 9px 12px; border: 1px solid #167a69; border-radius: 6px; color: #126653; font-weight: 600; }
}
@media (prefers-reduced-motion: reduce) {
  .utasking-service-detail { scroll-behavior: auto; }
}