/* KomuDom — akcje nad galerią na stronie ogłoszenia */

.detail-topline {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:44px;
  margin-bottom:17px;
}

.detail-topline .breadcrumbs {
  margin-bottom:0;
  min-width:0;
}

.detail-top-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex:0 0 auto;
}

.detail-top-action-form {
  margin:0;
}

.detail-top-action {
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#43544b;
  font:inherit;
  font-size:.75rem;
  font-weight:750;
  line-height:1;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  transition:background .15s ease, color .15s ease;
}

.detail-top-action:hover {
  background:#edf5f1;
  color:var(--accent-dark);
}

.detail-top-action:focus-visible {
  outline:3px solid rgba(12,122,92,.15);
  outline-offset:2px;
}

.detail-top-action svg {
  width:19px!important;
  height:19px!important;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.detail-top-action__heart {
  fill:transparent!important;
}

.detail-top-action[aria-pressed="true"] {
  color:var(--accent-dark);
  background:var(--accent-pale);
}

.detail-top-action[aria-pressed="true"] .detail-top-action__heart {
  fill:currentColor!important;
}

.detail-header {
  justify-content:flex-start;
}

@media (max-width:700px) {
  .detail-topline {
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
  }

  .detail-top-actions {
    width:100%;
    justify-content:flex-start;
  }

  .detail-top-action {
    min-height:40px;
    padding-inline:9px;
  }
}

@media (max-width:420px) {
  .detail-top-actions {
    gap:2px;
  }

  .detail-top-action {
    font-size:.7rem;
  }
}